/* The date finder follows the shorter hero directly in the page flow. */
html{scroll-behavior:smooth;scroll-padding-top:1.5rem}
.hero{position:relative;z-index:0}
.page-reveal{position:relative;z-index:3;min-height:100svh;background:var(--pb-ivory)}
.date-finder{position:relative;background:linear-gradient(120deg,#17231b 0%,#233024 55%,#19251c 100%);color:var(--pb-ivory-light);padding-block:clamp(4rem,5vw,6rem);box-shadow:0 -18px 48px rgba(20,28,22,.13);scroll-margin-top:1.5rem}
.date-finder .pb-container{width:93%;max-width:none}
.date-finder__grid{display:grid;grid-template-columns:10rem minmax(22rem,1fr) minmax(31rem,1.42fr);align-items:center;gap:clamp(2.25rem,3.25vw,4.75rem)}
.date-finder__emblem{display:grid;place-items:center;width:10rem;height:10rem;border-radius:50%;background:rgba(198,163,107,.08)}
.date-finder__emblem img{width:7.4rem;height:auto}
.date-finder__intro{border-left:1px solid var(--pb-gold-on-dark);padding-left:clamp(2.25rem,3vw,4rem)}
.date-finder__intro h2{font-size:clamp(2rem,2.1vw,2.75rem);letter-spacing:0;line-height:1.15;font-weight:600}
.date-finder__intro p{font-size:clamp(1rem,1.35vw,1.5rem);line-height:1.55;color:var(--pb-ivory)}
.date-finder__rule{display:block;height:1px;width:6rem;background:var(--pb-gold-on-dark);margin-block:1.5rem}
.date-finder__form{min-width:0;border-left:1px solid var(--pb-gold-on-dark);padding-left:clamp(2.25rem,3vw,4rem)}
.date-finder__question{display:block;margin-bottom:var(--pb-space-4);font:500 clamp(2rem,2.1vw,2.75rem)/1.2 var(--pb-font-heading);transform-origin:left center}
.date-finder__question strong{color:var(--pb-gold-on-dark);font-weight:600}
.date-finder__controls{display:flex;align-items:stretch;gap:var(--pb-space-4)}
.date-finder__field{position:relative;flex:1;min-width:0;cursor:pointer}
.date-finder__field>img{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;pointer-events:none}
.date-finder .pb-field{background:#fff;color:#1b271e;border-color:#fff;padding-left:3.5rem;font-size:clamp(1rem,1.2vw,1.375rem);color-scheme:light;min-height:5rem;min-width:0;cursor:pointer;caret-color:transparent;user-select:none;-webkit-user-select:none}
.date-finder .pb-field::-webkit-calendar-picker-indicator{opacity:0}
.date-finder .pb-field:focus{outline:2px solid var(--pb-gold-on-dark);outline-offset:3px;border-color:var(--pb-gold-on-dark)}
.date-finder .pb-btn{flex-shrink:0;min-height:5rem;padding-inline:clamp(1.5rem,2.5vw,3.25rem);font-size:clamp(1.5rem,1.75vw,2rem)}
.date-finder__result{font-size:.875rem;line-height:1.5;margin:0;color:var(--pb-ivory)}
.date-finder__result:not(:empty){margin-top:1rem}
.date-finder.is-highlighted{box-shadow:0 -18px 48px rgba(20,28,22,.13),inset 0 2px var(--pb-gold-on-dark)}
.date-finder.is-highlighted:not(.is-engaged) .date-finder__question{animation:date-invitation 2.8s ease-in-out 3}
.date-finder.is-highlighted:not(.is-engaged) .date-finder__field .pb-field{animation:date-field-invitation 2.8s ease-in-out infinite}
@keyframes date-invitation{0%,100%{transform:scale(1);text-shadow:0 0 0 transparent}50%{transform:scale(1.025);text-shadow:0 0 18px rgba(198,163,107,.4)}}
@keyframes date-field-invitation{0%,100%{border-color:rgba(243,238,229,.38);box-shadow:0 0 0 0 rgba(198,163,107,0)}50%{border-color:var(--pb-gold-on-dark);box-shadow:0 0 0 .42rem rgba(198,163,107,.1)}}
@media(max-width:1199px){.date-finder{padding-block:3.5rem}.date-finder .pb-container{width:calc(100% - var(--pb-gutter)*2)}.date-finder__grid{grid-template-columns:5rem 1fr;gap:1.5rem}.date-finder__emblem{width:5rem;height:5rem}.date-finder__emblem img{width:4rem}.date-finder__form{grid-column:2}.date-finder__intro,.date-finder__form{padding-left:1.5rem}.date-finder__intro h2{font-size:2rem}.date-finder__intro p{font-size:1rem}.date-finder__question{font-size:2rem}.date-finder__controls{max-width:43rem}.date-finder .pb-field,.date-finder .pb-btn{min-height:4rem}.date-finder .pb-btn{font-size:1.5rem}}
@media(max-width:575px){.date-finder{padding-block:2rem}.date-finder__grid{grid-template-columns:3.5rem 1fr;gap:1.25rem}.date-finder__emblem{width:3.5rem;height:3.5rem}.date-finder__emblem img{width:3rem}.date-finder__intro{border:0;padding:0}.date-finder__intro h2{font-size:1.5rem}.date-finder__intro p{font-size:.875rem}.date-finder__form{grid-column:1/-1;border:0;border-top:1px solid rgba(198,163,107,.4);padding:1.5rem 0 0}.date-finder__question{font-size:1.75rem}.date-finder__controls{flex-direction:column}.date-finder .pb-field{height:4rem;min-height:4rem}.date-finder .pb-btn{width:100%;min-height:4rem;font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.date-finder.is-highlighted:not(.is-engaged) .date-finder__question,.date-finder.is-highlighted:not(.is-engaged) .date-finder__field .pb-field{animation:none}}
