/* Image changes occur only while the full-screen stage is pinned in view. */
html .hero.scroll-sequence,html .gallery-track.scroll-sequence{height:var(--sequence-height,100svh)!important;min-height:0!important;overflow:visible!important}
html .hero.scroll-sequence>.full-stage,html .gallery-track.scroll-sequence>.full-stage{position:sticky!important;top:0!important;height:100svh!important;min-height:0!important;overflow:clip!important;isolation:isolate}
html .hero.scroll-sequence .full-frame,html .gallery-track.scroll-sequence .full-frame{display:block!important;position:absolute!important;inset:0!important;width:100%;height:100%!important;min-height:0!important;opacity:var(--fade,0)!important;visibility:visible!important;transition:none!important;pointer-events:none!important}
html .hero.scroll-sequence .full-frame:first-child,html .gallery-track.scroll-sequence .full-frame:first-child{--fade:1}
html .gallery-track.scroll-sequence .full-frame.is-current{pointer-events:auto!important}
html .hero.scroll-sequence .full-frame>img{height:100%;width:100%;object-fit:cover}
html .hero.scroll-sequence .full-shade,html .hero.scroll-sequence .hero-copy,html .hero.scroll-sequence .scroll-cue{position:absolute;z-index:10}
html .gallery-track.scroll-sequence .gallery-stage-controls{z-index:20}
@media(max-width:800px){
 html .hero.scroll-sequence>.full-stage,html .gallery-track.scroll-sequence>.full-stage{height:100svh!important;min-height:0!important}
 html .hero.scroll-sequence .hero-copy{bottom:12%!important}
 html .gallery-track.scroll-sequence .full-frame{height:100%!important}
}
@media(max-height:700px){
 html .hero.scroll-sequence .hero-copy{bottom:7%!important}
 html .hero.scroll-sequence .hero-copy h1{font-size:clamp(39px,11vw,68px)}
 html .hero.scroll-sequence .scroll-cue{display:none}
}
@media(prefers-reduced-motion:reduce){html .hero.scroll-sequence .full-frame,html .gallery-track.scroll-sequence .full-frame{transition:none!important}}
