/* Actual WAN footage; posters stay underneath until the first decoded frame. */
.hero-photo{animation:none}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .5s ease}
.hero-video.is-ready{opacity:1}
.ritual-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:66% center;opacity:0;pointer-events:none}
.ritual-video.is-ready{opacity:1}
.cinema.has-video .film-frames{visibility:hidden}
.showcase-video{pointer-events:none}
.showcase-video.is-active{opacity:0}
.showcase-video.is-active.is-ready{opacity:1}
.paused .hero-video,.paused .ritual-video,.paused .showcase-video{opacity:0!important}
.paused .cinema.has-video .film-frames{visibility:visible}
@media(max-width:900px){.hero-video{object-position:63% center}}
@media(max-width:700px){.hero-video{object-position:center;transform:translateY(9vh)}.ritual-video{object-position:center;width:100%;left:0;top:0;height:100%;mask-image:linear-gradient(180deg,transparent 26%,#000 49%,#000 88%,transparent 99%);-webkit-mask-image:linear-gradient(180deg,transparent 26%,#000 49%,#000 88%,transparent 99%)}}
@media(prefers-reduced-motion:reduce){.hero-video,.ritual-video,.showcase-video{opacity:0!important}.cinema.has-video .film-frames{visibility:visible}}