:root{--cyan:#67e8f9;--gold:#f6c778;--panel:#07101c}.cinema-frame{position:relative;height:min(68vh,650px);overflow:hidden;border-radius:20px;border:1px solid #ffffff22;background:#02050c;box-shadow:0 40px 100px #000,0 0 0 1px #67e8f911}.cinema-frame video{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06);transform:scale(1.01)}.cinema-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03101b55,transparent 45%),linear-gradient(0deg,#02050caa,transparent 35%);pointer-events:none}.film-grain{position:absolute;z-index:2;inset:-30%;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite}.frame-label{position:absolute;z-index:3;left:18px;bottom:15px;font:700 9px monospace;letter-spacing:.16em;color:#d9fbff}.skip{display:block;margin-top:10px;border:0;background:none;color:#8ca0b5;font:700 10px monospace;letter-spacing:.13em;cursor:pointer}.cinema.playing{grid-template-columns:1fr}.cinema.playing .cinema-frame{position:absolute;inset:78px 0 0;height:auto;border:0;border-radius:0}.cinema.playing .copy{z-index:4;align-self:end;padding:0 4vw 35px;background:linear-gradient(transparent,#02050ce8)}.cinema.playing .copy h1,.cinema.playing .copy .lead,.cinema.playing .copy small,.cinema.playing .eyebrow{display:none}.cinema.playing #cinemaStart{margin-left:auto;background:#ffffff12;color:#fff;border:1px solid #ffffff22;box-shadow:none}.slide:not(.intro) .grid>div,.slide:not(.intro)>div{animation:contentReveal .8s .1s both}.facts article,.seasons article,.table>div,.curios button{transition:transform .3s,background .3s,border-color .3s}.facts article:hover,.seasons article:hover,.curios button:hover{transform:translateY(-5px);background:#67e8f912;border-color:#67e8f955}.photo-copy{border-left:3px solid var(--cyan)}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}}@keyframes contentReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:800px){.cinema-frame{position:absolute;inset:64px 0 0;height:auto;border:0;border-radius:0;opacity:.55}.cinema .copy{align-self:end}.cinema.playing .cinema-frame{inset:64px 0 0}.frame-label{display:none}}
