.cinema{height:165svh;background:#fff;position:relative}
.cinema .cinema-film{opacity:0;transition:opacity 1.6s cubic-bezier(.4,0,.2,1)}.cinema .cinema-film.is-current{opacity:1}
.cinema-aperture{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;animation:aperture-finish 3.4s linear forwards}
.x-grow{animation:x-unfold 3.4s cubic-bezier(.65,0,.25,1) forwards;transform-origin:0 0}
@keyframes x-unfold{0%,24%{transform:scale(.75)}50%{transform:scale(2)}100%{transform:scale(130)}}
@keyframes aperture-finish{0%,90%{opacity:1}100%{opacity:0;visibility:hidden}}
.cinema-stage{position:sticky;top:76px;height:calc(100svh - 76px);min-height:540px;padding:var(--cinema-inset,0px);box-sizing:border-box}
.cinema-frame{height:100%;position:relative;overflow:hidden;border-radius:var(--cinema-radius,0px);background:#231f20;isolation:isolate}
.cinema video,.cinema-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cinema-shade{background:linear-gradient(90deg,rgba(14,17,22,.78),rgba(14,17,22,.08)),linear-gradient(0deg,rgba(14,17,22,.85),transparent 75%);z-index:1}
.cinema-top{position:absolute;top:30px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;z-index:2;gap:20px}
.cinema-top>span{font-size:11px;color:#fff;letter-spacing:.16em}
.cinema-brand{width:180px;padding:16px 22px;background:#fff;border-radius:3px;box-sizing:content-box}
.cinema-brand img{display:block;width:100%;height:auto}
.cinema-copy{position:absolute;z-index:2;left:5vw;right:5vw;bottom:170px;color:white}
.cinema-copy>p{font-size:11px;letter-spacing:.2em;margin:0 0 24px;color:#fff}
.cinema-copy h1{font-size:clamp(44px,6.8vw,110px);line-height:.95;letter-spacing:-.055em;margin:0 0 30px;color:#fff;max-width:1100px;font-weight:600}
.cinema-copy h1 span{color:#fff;display:block}
.cinema-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.cinema-actions a{color:#fff}.cinema-actions .button{background:#af1f23;color:#fff;border-radius:999px;padding:17px 25px;font-size:15px}
.cinema-actions>a:last-child{font-size:14px;border-bottom:1px solid #ffffff80;padding-bottom:6px}
.cinema-bottom{position:absolute;z-index:2;bottom:25px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:end;gap:24px}
.cinema-previews{display:flex;gap:22px}.cinema-previews a{display:flex;align-items:center;gap:12px;color:#fff;font-size:12px}.cinema-previews img{width:80px;height:52px;object-fit:cover;border-radius:5px}.cinema-tools{display:flex;flex-direction:column;align-items:end;gap:12px}.cinema-tools button{background:#fff;color:#231f20;border:0;border-radius:30px;padding:12px 18px;cursor:pointer;font:inherit;font-size:12px}.cinema-tools a{color:#eee;font-size:10px}
.cinema-intro{position:absolute;inset:0;background:#fff;display:grid;place-items:center;z-index:5;pointer-events:none;animation:cinema-clear 1.1s ease forwards}
.cinema-intro img{width:min(55vw,600px);height:auto;animation:cinema-logo 1.8s cubic-bezier(.22,1,.36,1) forwards}
@keyframes cinema-clear{0%,55%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes cinema-logo{0%{opacity:0;transform:translateY(20px) scale(.9)}25%,65%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-35px) scale(.96)}}
.cinema-copy{animation:cinema-copy-in 2.3s both}@keyframes cinema-copy-in{0%,55%{opacity:0;transform:translateY(25px)}100%{opacity:1;transform:none}}
.opening-copy h2{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(42px,6.6vw,104px);line-height:.98;letter-spacing:-.06em;font-weight:600;margin:20px 0}
@media(min-width:901px) and (min-height:700px){.motion-ready .opening-copy h2{font-size:clamp(48px,min(6.6vw,10svh),104px);margin:18px 0}}
@media(max-width:760px){.cinema{height:auto}.cinema-stage{position:relative;top:0;height:calc(100svh - 70px);min-height:680px;padding:0!important}.cinema-frame{border-radius:0!important}.cinema-top{top:22px}.cinema-top>span{max-width:120px;font-size:9px;line-height:1.7}.cinema-brand{width:120px;padding:12px}.cinema-copy{bottom:225px;left:6vw;right:6vw}.cinema-copy h1{font-size:clamp(39px,9vw,65px)}.cinema-copy>p{font-size:9px;line-height:1.6;letter-spacing:.12em}.cinema-bottom{left:6vw;right:6vw;bottom:22px;align-items:start;flex-direction:column;gap:20px}.cinema-previews{width:100%;gap:14px}.cinema-previews a{flex:1;min-width:0;display:block;font-size:10px}.cinema-previews img{width:100%;height:48px;margin-bottom:8px}.cinema-tools{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.cinema-actions{gap:18px}.cinema-actions .button{padding:14px 18px}.opening-copy h2{font-size:clamp(40px,10.5vw,60px)}}
@media(prefers-reduced-motion:reduce){.cinema{height:auto}.cinema-stage{position:relative;top:0}.cinema-intro,.cinema-aperture{display:none}.cinema-copy{animation:none}.cinema .cinema-film{transition:none}}