.film-active.cinema-opening{height:360svh!important;min-height:0!important}
.film-active .cinema-stage{position:sticky!important;top:var(--header-height)!important;height:calc(100svh - var(--header-height))!important;min-height:560px;max-height:none}
.film-layer{position:absolute;inset:0;z-index:4;background:#080808;pointer-events:none}
.film-layer video,.film-layer img{width:100%;height:100%;object-fit:cover;display:block}
.film-caption{position:absolute;left:var(--pad);top:36px;z-index:5;color:#f5f4f0;font-size:14px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 12px #000}
.film-controls{position:absolute;bottom:32px;left:var(--pad);right:var(--pad);z-index:5;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:14px}
.film-controls button{background:#080808b8;border:1px solid #ffffff80;padding:13px 18px;min-height:46px}
.film-controls[hidden]{display:none}
.film-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--red);width:100%;transform-origin:left;transform:scaleX(0);z-index:6}
.film-active .cinema-title,.film-active .cinema-bottom,.film-active .cinema-topline{opacity:var(--hero-reveal,0);transform:translate3d(0,var(--hero-offset,16px),0);transition:opacity .12s linear,transform .12s linear;will-change:opacity,transform}
.film-active .film-layer{transition:opacity .12s linear;will-change:opacity}
.film-active .cinema-stage{box-shadow:0 42px 90px #0006}
.film-active .cinema-stage:after{z-index:6}
.film-disabled .film-layer,.film-disabled .film-caption,.film-disabled .film-controls,.film-disabled .film-progress{display:none}
.film-disabled.cinema-opening{height:auto!important;min-height:0!important}
.film-disabled .cinema-stage{position:relative!important;top:0!important}
@media(max-width:700px){.film-active.cinema-opening{height:280svh!important}.film-layer video,.film-layer img{object-fit:cover;background:#080808}.film-caption{top:26px;font-size:12px}.film-controls{bottom:calc(18px + env(safe-area-inset-bottom));left:20px;right:20px}.film-controls span{max-width:13rem;line-height:1.35}.film-active .cinema-stage{min-height:540px}}
@media(prefers-reduced-motion:reduce){.film-active.cinema-opening{height:auto!important}.film-layer,.film-caption,.film-controls,.film-progress{display:none}.film-active .cinema-title,.film-active .cinema-bottom,.film-active .cinema-topline{opacity:1;transform:none;transition:none}}