.hero-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;opacity:1;transform:scale(1.015);filter:saturate(var(--hero-base-saturation,1)) brightness(var(--hero-base-brightness,1));transition:filter .16s linear,opacity .25s ease;background:#07151d}
.hero.has-video .hero-image{opacity:0}
.hero-video-overlay{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,13,18,.72) 0%,rgba(3,13,18,.48) 44%,rgba(3,13,18,.2) 75%,rgba(3,13,18,.3) 100%)}
@media(max-width:800px){.hero-video{object-position:center center}.hero-video-overlay{background:linear-gradient(90deg,rgba(3,13,18,.74),rgba(3,13,18,.38))}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero.has-video .hero-image{opacity:1}.hero-video-overlay{display:none}}

@media(min-width:801px) and (prefers-reduced-motion:no-preference){
  .hero-scroll-stage{position:relative;height:220vh;background:#07151d}
  .hero-scroll-stage .hero{position:sticky;top:0;height:100vh;min-height:680px}
  .hero-scroll-stage .hero-content{width:min(1180px,calc(100% - 48px));height:100%;padding-top:clamp(145px,18vh,190px);padding-bottom:70px}
  .hero-story{position:relative;height:430px;max-width:760px;perspective:1200px}
  .hero-story-scene{position:absolute;inset:0 auto auto 0;width:100%;opacity:var(--scene-opacity,0);transform:translate3d(var(--scene-x,0px),var(--scene-y,28px),0) rotateX(var(--scene-rx,0deg)) scale(var(--scene-scale,.985));transform-origin:left center;filter:blur(var(--scene-blur,7px));will-change:opacity,transform,filter;pointer-events:none}
  .hero-story-scene.is-current{--scene-opacity:1;--scene-y:0px;--scene-scale:1;--scene-blur:0px;pointer-events:auto}
  .hero-story-scene h2{max-width:760px;margin:0;color:#fff;font-size:clamp(45px,6vw,82px);line-height:1.05;letter-spacing:-.055em;font-weight:700}
  .hero-story-scene h2 em{font-style:normal;color:#12b9bc}
  .hero-story-label{margin:0 0 20px;color:#72e0dc;font:600 11px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase}
  .hero-scroll-stage .scroll-cue{position:absolute;left:0;bottom:38px;margin:0;opacity:var(--scroll-cue-opacity,1);transform:translateY(var(--scroll-cue-y,0px));transition:none;animation:none!important}
}

@media(max-width:800px),(prefers-reduced-motion:reduce){
  .hero-scroll-stage{height:auto}
  .hero-story{position:relative}
  .hero-story-scene-2,.hero-story-scene-3{display:none}
  .hero-story-scene-1{position:relative;opacity:1;transform:none;filter:none}
}