/* Scroll film in the home header (preview). The header pins while the bay crossing plays with the scroll. */
.film-wrap{position:relative}
.film-on .hero{position:sticky;top:0;min-height:100vh;min-height:100svh}
.film-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;opacity:0;transition:opacity .45s ease;pointer-events:none}
.film-ready .film-v{opacity:1}
.film-on .hero-miami picture img{transform-origin:50% 45%}
.film-on .hero-miami{will-change:auto}
.film-on .scroll-cue{transition:opacity .4s}
.film-end .scroll-cue{opacity:0}
@media (max-width:760px){.film-v{object-position:50% 50%}}