/* Native sticky runway: time for the light sequence without intercepting input. */
.hero-scroll-scene{position:relative;background:#090a0c;--hero-travel:clamp(900px,calc(var(--scroll-viewport,100svh) * 1.65),1800px)}
.hero-scroll-scene:after{content:"";display:block;height:var(--hero-travel)}
.hero-scroll-scene>.hero{position:sticky;top:var(--hero-sticky-top,0px);background:#090a0c}
.hero-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint;background:linear-gradient(115deg,#090a0c 9%,#17181c 58%,#272a2e 100%)}
.hero-atmosphere__light,.hero-atmosphere__shade,.hero-atmosphere__ribbon{position:absolute;inset:-30%;transform-origin:68% 58%;will-change:transform,opacity}
.hero-atmosphere__light{background:radial-gradient(ellipse 32% 47% at 74% 56%,#b8bcbc 0%,#8c9293 23%,#555a5e 43%,#2b2d32 61%,transparent 81%);opacity:.9}
.hero-atmosphere__shade{background:radial-gradient(ellipse 35% 65% at 88% 62%,#07080a 0%,#101216 32%,transparent 73%),radial-gradient(ellipse 24% 40% at 45% 86%,#919597 0%,#53575b 32%,transparent 77%);opacity:.68}
.hero-atmosphere__ribbon{background:linear-gradient(113deg,transparent 39%,#b3b8ba00 47%,#b3b8ba38 56%,#e1e4e660 61%,#a5abad18 69%,transparent 79%);opacity:.65;transform:rotate(-14deg) scale(1.15)}
.hero-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090a0cf5 0%,#090a0cb0 29%,#090a0c22 53%,transparent 68%),linear-gradient(0deg,#08090b 0%,#08090b00 20%,#08090b00 85%,#08090b55 100%)}
.hero-caption,.hero .scroll-cue{z-index:2}
.hero .scroll-cue span{background:linear-gradient(90deg,#d9dfe3 var(--hero-light-progress,0%),#55585e var(--hero-light-progress,0%))}
@media(min-width:701px) and (max-height:850px){
 .hero-scroll-scene>.hero{padding-top:105px;padding-bottom:65px;min-height:var(--scroll-viewport,100svh)}
 .hero-scroll-scene .hero-photo{max-width:min(390px,calc((var(--scroll-viewport,100svh) - 170px) * 19 / 34))}
 .hero-scroll-scene .hero-title{font-size:clamp(44px,5vw,66px)}
 .hero-scroll-scene .hero-copy .eyebrow{margin-bottom:18px}
 .hero-scroll-scene .intro{font-size:17px;margin-bottom:24px}
 .hero-scroll-scene .hero-caption{bottom:24px}
 .hero-scroll-scene .scroll-cue{bottom:24px}
}
@media(max-width:700px){
 .hero-scroll-scene{--hero-travel:clamp(760px,calc(var(--scroll-viewport,100svh) * 1.3),1250px)}
 .hero-atmosphere{background:linear-gradient(160deg,#090a0c 15%,#25282d 78%,#101114)}
 .hero-atmosphere__light,.hero-atmosphere__shade,.hero-atmosphere__ribbon{inset:-20% -45%;transform-origin:50% 72%}
 .hero-atmosphere__light{background:radial-gradient(ellipse 36% 34% at 54% 70%,#b8bcbc 0%,#8d9395 22%,#54595e 45%,#292c31 63%,transparent 85%)}
 .hero-atmosphere__shade{background:radial-gradient(ellipse 30% 40% at 83% 75%,#07080b 0%,#141519 36%,transparent 76%),radial-gradient(ellipse 24% 28% at 22% 82%,#9ba0a2 0%,#53585d 36%,transparent 80%)}
 .hero-atmosphere__ribbon{background:linear-gradient(117deg,transparent 27%,#b3b8ba00 42%,#b3b8ba40 52%,#e1e4e678 58%,#a5abad22 68%,transparent 79%)}
 .hero-atmosphere:after{background:linear-gradient(180deg,#090a0c 0%,#090a0ce8 22%,#090a0c77 38%,transparent 55%,#08090b00 83%,#08090b 100%)}
}
@media(prefers-reduced-motion:reduce){
 .hero-scroll-scene:after{display:none}
 .hero-scroll-scene>.hero{position:relative;top:auto}
 .hero-atmosphere__light,.hero-atmosphere__shade,.hero-atmosphere__ribbon{will-change:auto;transform:none!important}
}
