/* Only the Hero media behavior changes; its interface keeps the existing layout. */
.hero-scroll-scene{position:relative;--hero-header-height:88px}
.hero-scroll-scene.is-scroll-active>.hero{position:sticky;top:var(--hero-header-height)}
.hero-media.hero-image{background:none}
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-video{visibility:hidden;pointer-events:none}
.hero.is-video-ready .hero-video{visibility:visible}
.hero-scroll-scene .hero-inner,.hero-scroll-scene .hero-wall-logo,.hero-scroll-scene .scroll-cue{z-index:2}
@media(max-width:760px){.hero-scroll-scene{--hero-header-height:75px}.hero-media.hero-image{inset:34% 0 6%}}
@media(prefers-reduced-motion:reduce){.hero-scroll-scene{height:auto!important}.hero-scroll-scene.is-scroll-active>.hero{position:relative;top:auto}.hero-video{visibility:hidden!important}}