[data-sig="whitlock-hero"]{height:calc(185dvh - 100px);position:relative}
[data-sig="whitlock-hero"]{.hero-stage{position:sticky;top:0;height:100dvh;min-height:650px;overflow:hidden;background:var(--ink);color:var(--surface)}picture{position:absolute;inset:0}picture img{width:100%;height:100%;object-position:55% 50%;transform:scale(1.04)}.hero-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10251cd9,transparent 80%);pointer-events:none}.hero-copy{position:absolute;left:var(--edge);bottom:110px;z-index:3;max-width:660px}.hero-copy>p:first-child{font:14px var(--display);margin-bottom:24px}.hero-copy h1{font-size:clamp(60px,6.7vw,96px)}.hero-copy>p{font-size:19px;line-height:1.5}.hero-foot{position:absolute;z-index:3;bottom:22px;left:var(--edge);font:11px var(--display);color:#e7ece7}.pins{position:absolute;inset:0;z-index:4}.pin{position:absolute;display:grid;grid-template-columns:12px 1fr;column-gap:9px;align-items:center;background:#f8f7f2f2;color:var(--ink);padding:10px 14px;max-width:255px;border-radius:3px;opacity:0;transform:translateY(-28px);font:13px/1.4 var(--display);box-shadow:0 3px 20px #10251c24}.pin strong{font-weight:400;font-size:16px}.pin small{grid-column:2;font:13px/1.3 var(--body);margin-top:4px}.pin-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #c5a46633}.pin-0{left:63%;top:20%}.pin-1{left:70%;top:39%}.pin-2{left:76%;top:60%}.pin-3{left:39%;top:12%}.pin-4{left:14%;top:24%}@supports(animation-timeline:view()){&{view-timeline-name:--town;view-timeline-axis:block}picture img{animation:whitlock-camera linear both;animation-timeline:--town;animation-range:contain 0% contain 100%}.pin{animation:whitlock-pin-drop linear both;animation-timeline:--town;animation-range:contain 0% contain 20%}.pin-1{animation-range:contain 16% contain 34%}.pin-2{animation-range:contain 32% contain 50%}.pin-3{animation-range:contain 48% contain 66%}.pin-4{animation-range:contain 64% contain 82%}}@media(max-width:700px){&{height:calc(155dvh - 84px)}.hero-stage{height:100dvh;min-height:720px}.hero-copy{left:24px;right:24px;bottom:86px}.hero-copy h1{font-size:49px}.hero-copy>p{font-size:17px}.hero-copy>p:first-child{font-size:12px;margin-bottom:18px}.hero-foot{left:24px;bottom:68px;font-size:9px}picture img{object-position:62% center}.pin{padding:8px 10px;max-width:185px}.pin strong{font-size:13px}.pin small{font-size:11px}.pin-0{left:37%;top:8%}.pin-1{left:43%;top:20%}.pin-2{left:48%;top:32%}.pin-3{left:5%;top:14%}.pin-4{left:4%;top:29%}}@media(prefers-reduced-motion:reduce){&{height:auto}.hero-stage{position:relative}.pin{opacity:1;transform:none}picture img{transform:none}}}
[data-sig="whitlock-hero"] .pins{pointer-events:none}
[data-sig="whitlock-hero"] .pin{pointer-events:auto}
[data-sig="whitlock-hero"] .hero-stage{height:calc(100dvh - 100px);min-height:600px}
[data-sig="whitlock-hero"] .hero-copy{bottom:80px;max-width:820px}
[data-sig="whitlock-hero"] .hero-copy h1{font-size:clamp(58px,5.55vw,80px);text-wrap:initial}
@media(max-width:700px){[data-sig="whitlock-hero"] .hero-stage{height:calc(100dvh - 136px);min-height:600px}[data-sig="whitlock-hero"] .hero-copy{bottom:52px}[data-sig="whitlock-hero"] .hero-copy h1{font-size:43px}[data-sig="whitlock-hero"] .hero-foot{bottom:18px}[data-sig="whitlock-hero"] .hero-copy>p{font-size:16px}}
@supports(animation-timeline:view()){[data-sig="whitlock-hero"] .pin-0{animation-range:entry 75% entry 100%}}
@media(max-width:700px){[data-sig="whitlock-hero"] .pin{max-width:168px;padding:8px;font-size:12px}[data-sig="whitlock-hero"] .pin small{font-size:10px}[data-sig="whitlock-hero"] .pin-0{left:48%;top:5%}[data-sig="whitlock-hero"] .pin-1{left:48%;top:18%}[data-sig="whitlock-hero"] .pin-2{left:48%;top:31%}[data-sig="whitlock-hero"] .pin-3{left:4%;top:12%}[data-sig="whitlock-hero"] .pin-4{left:4%;top:26%}}
[data-sig="whitlock-hero"].long-headline .hero-copy h1{font-size:clamp(42px,4vw,64px)}
@media(max-width:700px){[data-sig="whitlock-hero"].long-headline .hero-copy h1{font-size:32px}}
@keyframes whitlock-camera{from{transform:scale(1.04)}to{transform:scale(1.1) translateY(-1%)}}

[data-sig="whitlock-hero"].js-scroll .pin,[data-sig="whitlock-hero"].js-scroll picture img{animation:none}
[data-sig="whitlock-hero"]:not(.images-ready) .pin,[data-sig="whitlock-hero"]:not(.images-ready) picture img{animation:none}

@keyframes whitlock-pin-drop{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}
/* The sticky stage fills the viewport; text stays inside the opening fold. */
[data-sig="whitlock-hero"] .hero-stage{height:100dvh}
[data-sig="whitlock-hero"] .hero-copy{bottom:180px}
[data-sig="whitlock-hero"] .hero-foot{bottom:122px}
@media(max-width:700px){[data-sig="whitlock-hero"] .hero-copy{bottom:188px}[data-sig="whitlock-hero"] .hero-foot{bottom:154px}}
@media(max-width:700px) and (max-height:740px){[data-sig="whitlock-hero"] .hero-copy{bottom:136px}[data-sig="whitlock-hero"] .hero-copy h1{font-size:36px}[data-sig="whitlock-hero"] .hero-foot{bottom:102px}[data-sig="whitlock-hero"] .pin small{display:none}}