.scroll-hero{--film-nav:85px;background:#091e2a;color:#eef4f1;margin-top:var(--film-nav);position:relative;overflow:visible}
.scroll-hero.is-scroll-ready{height:480vh;height:480svh}
.film-pin{position:relative;max-width:1600px;margin:auto;padding:28px var(--gutter) 22px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);column-gap:34px;align-content:center;min-height:calc(100svh - var(--film-nav))}
.is-scroll-ready .film-pin{position:sticky;top:var(--film-nav);height:calc(100svh - var(--film-nav));min-height:0}
.film-intro{align-self:center;position:relative;z-index:2;padding-bottom:25px}
.film-eyebrow{color:#9ebebd;font-size:10px;letter-spacing:.17em;margin-bottom:24px}
.film-intro h1{font-size:clamp(42px,4.9vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.06em;margin:0 0 24px}
.film-intro h1 em{display:block;color:#9fc5b9}
.film-lead{color:#bbcacc;font-size:15px;line-height:1.7;max-width:390px}
.film-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.film-actions .btn{font-size:12px;padding:13px 18px}
.film-actions .btn--primary{background:#bdd6cc;color:#0b272f}.film-actions .btn--ghost{background:none;color:#e1ece8;border-color:#47616a}
.film-location{color:#90aaaf;font-size:10px;margin-top:22px;letter-spacing:.03em}
.film-visual{min-width:0;align-self:center}
.film-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#091e2a}
.film-screen video,.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.film-screen video{opacity:0}.is-scroll-ready .film-screen video{opacity:1}.film-poster{object-fit:contain}.is-scroll-ready .film-poster{opacity:0}
.film-caption{display:flex;gap:18px;border-top:1px solid #435e6560;padding:22px 0 8px;min-height:132px}
.film-caption__number{font-size:10px;color:#8caaa9;white-space:nowrap;margin-top:7px}
.film-caption h2{font-weight:500;font-size:clamp(22px,2.2vw,32px);line-height:1.15;letter-spacing:-.035em;margin:0 0 10px}
.film-caption p{font-size:13px;line-height:1.65;color:#a7bec2;max-width:520px}
.film-controls{grid-column:1/-1;margin-top:18px;position:relative;border-top:1px solid #35505a;padding-top:18px}
.film-progress{position:absolute;top:-1px;left:0;width:100%;height:2px;background:#a9d1c1;transform:scaleX(0);transform-origin:left;pointer-events:none}
.film-chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.film-chapters button{font:12px var(--font-body);cursor:pointer;border:0;background:none;text-align:left;color:#829ea5;padding:6px 0;min-height:44px}
.film-chapters button small{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:8px;color:#617e88}.film-chapters button[aria-pressed=true]{color:#d3e9dd}.film-chapters button[aria-pressed=true] small{color:#a3c7b8}
.film-chapters button:focus-visible{outline:2px solid #aacdbb;outline-offset:5px}
.film-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;color:#9ab4ba;font-size:10px}.film-bottom a{color:#cbded8;border-bottom:1px solid #658780;padding:5px 0}
.film-summary{max-width:1280px;margin:0 auto;padding:25px var(--gutter) 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;color:#b6cbcf}.film-summary[hidden]{display:none}.film-summary h3{font-size:18px;color:#e1eee9;margin-bottom:8px}.film-summary p{font-size:13px}
@media(max-width:900px){.film-pin{column-gap:16px;grid-template-columns:minmax(240px,.8fr) minmax(0,1.1fr)}.film-intro h1{font-size:45px}.film-lead{font-size:13px}.film-caption{min-height:155px}.film-chapters{gap:8px}.film-actions{gap:8px}.film-actions .btn{padding:11px 12px}.film-location{font-size:9px}}
@media(max-width:640px){.scroll-hero{--film-nav:75px}.scroll-hero.is-scroll-ready{height:420svh}.film-pin{padding:20px 20px 15px;grid-template-columns:1fr;align-content:center;gap:0}.film-intro{padding:0}.film-eyebrow{font-size:8px;margin-bottom:10px}.film-intro h1{font-size:clamp(30px,8.5vw,42px);line-height:1.05;margin-bottom:12px}.film-intro h1 em{display:inline}.film-lead{font-size:12px;line-height:1.5;max-width:none}.film-actions{margin-top:14px}.film-actions .btn{font-size:10px;padding:9px 12px}.film-location{display:none}.film-screen{margin-top:6px;max-height:27svh}.film-caption{padding:12px 0 2px;min-height:92px;gap:12px}.film-caption h2{font-size:21px;margin-bottom:7px}.film-caption p{font-size:11px;line-height:1.5}.film-caption__number{font-size:8px;margin-top:4px}.film-controls{margin-top:12px;padding-top:8px}.film-chapters{gap:4px}.film-chapters button{font-size:9px}.film-chapters button small{font-size:8px;margin-bottom:5px}.film-bottom{font-size:8px;margin-top:6px;gap:5px}.film-summary{grid-template-columns:1fr 1fr;gap:20px}.film-summary h3{font-size:16px}}
@media(max-height:640px) and (min-width:641px){.film-pin{padding-top:12px;padding-bottom:12px}.film-intro h1{font-size:36px;margin-bottom:12px}.film-eyebrow{margin-bottom:12px}.film-lead{font-size:12px}.film-location{display:none}.film-actions{margin-top:15px}.film-screen{max-height:43svh}.film-caption{padding-top:12px;min-height:88px}.film-caption h2{font-size:22px}.film-caption p{font-size:11px}.film-controls{margin-top:6px;padding-top:8px}.film-bottom{margin-top:5px}}
@media(max-height:650px) and (max-width:640px){.film-lead{display:none}.film-intro h1{font-size:29px}.film-actions{margin-top:8px}.film-eyebrow{margin-bottom:7px}.film-pin{padding-top:10px}.film-caption{min-height:86px}.film-screen{max-height:25svh}}
.film-motion-toggle{font:inherit;color:#cbded8;border:0;border-bottom:1px solid #658780;background:none;padding:5px 0;cursor:pointer;white-space:nowrap}.film-motion-toggle[hidden]{display:none}

/* autoplay mode (mobile/touch): film visible and running */
.scroll-hero.is-autoplay .film-screen video{opacity:1}
.scroll-hero.is-autoplay .film-poster{opacity:0}

/* promo-match: film palette follows the store's near-black + teal */
.scroll-hero{background:#0e1114}
.film-screen{background:#0e1114}
.film-intro h1 em{color:#7fd8e8}
.film-eyebrow{color:#9fb3ba}
.film-lead{color:#b9c3c8}
.film-actions .btn--primary{background:#fff;color:#0e1114;border-radius:999px}
.film-actions .btn--ghost{border:1px solid rgba(255,255,255,.7);color:#fff;border-radius:999px}
.film-progress{background:#22d3ee}
.film-chapters button[aria-pressed=true]{color:#fff}
.film-chapters button[aria-pressed=true] small{color:#22d3ee}
.film-caption h2{color:#fff}
.film-caption p{color:#aeb9bf}
.film-summary h3{color:#fff}

/* promo-match: sticky nav sits in flow, so the film needs no offset; first H1 line is white */
.scroll-hero{margin-top:0}
.film-intro h1{color:#fff}