.cinema-film,.film-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cinema-film{z-index:1;visibility:hidden}
.film-ready .cinema-film{visibility:visible}
.film-enable{position:absolute;z-index:10;left:50%;top:70%;transform:translateX(-50%);padding:12px 18px;border:1px solid #e7cca2;background:#30331a;color:#fff2de;font:inherit;cursor:pointer}
.film-enable[hidden]{display:none}
.cinema-film[hidden]{display:none}
.film-fallback{object-position:center}
.film-ready .film-fallback{visibility:hidden}
.cinema-ending{width:23%;top:35%}
.cinema-ending h2{font-size:clamp(38px,4.3vw,62px)}
.cinema-intro{color:#fff2de;text-shadow:0 1px 8px #0008}
@media(max-width:700px){
 .cinema{min-height:0;height:100svh}
 .cinema.is-animated{height:250svh}
 .cinema-stage{top:0;height:85svh;min-height:0;background:#705036}
 .cinema-stage:before{content:none}
 .cinema-film,.film-fallback{inset:0;width:100%;height:100%;transform:none;max-width:none;object-fit:cover;object-position:50% 50%;mask-image:none}
 .cinema-intro{bottom:18%}
 .cinema-intro p{font-size:17px;margin-bottom:3px}
 .cinema-intro span{font-size:8px}
 .cinema-intro span:after{display:none}
 .cinema-ending{top:auto;bottom:16%;left:4%;width:92%}
 .cinema-ending h2,.cinema-ending .eyebrow{display:none}
 .cinema-ending a{margin:0;padding:10px 16px}
 .cinema-track{bottom:16px}
 .cinema-skip{bottom:5px}
}
@media(prefers-reduced-motion:reduce){.film-ready .film-fallback{visibility:visible}.cinema-film{display:none}}