.cinema-opening{z-index:110;color:#fff;background:#07121d;animation:5.4s linear both opening-exit;position:fixed;inset:0;overflow:hidden}html[data-cinema=skip] .cinema-opening,html[data-cinema=done] .cinema-opening{display:none}.opening-visuals{position:absolute;inset:0;overflow:hidden}.opening-shot,.opening-poster,.opening-triptych{opacity:0;position:absolute;inset:0}.opening-shot picture,.opening-shot img,.opening-poster picture,.opening-poster img,.opening-triptych picture,.opening-triptych img{width:100%;height:100%}.opening-shot img,.opening-poster img,.opening-triptych img{object-fit:cover}.opening-shot-one{animation:5.4s linear both opening-shot-one}.opening-shot-one img{object-position:58% 10%;animation:5.4s cubic-bezier(.1,.5,.3,1) both opening-push}.opening-shot-two{animation:5.4s linear both opening-shot-two}.opening-shot-two img{object-position:66% 45%;transform:scale(1.09)}.opening-shot-three{animation:5.4s linear both opening-shot-three}.opening-shot-three img{object-position:60% 35%;transform:scale(1.08)}.opening-triptych{grid-template-columns:repeat(3,1fr);gap:6px;animation:5.4s cubic-bezier(.2,.7,.2,1) both opening-triptych;display:grid}.opening-triptych>div{overflow:hidden}.opening-triptych>div:first-child img{object-position:60% 40%}.opening-triptych>div:nth-child(2) img{object-position:65% 30%}.opening-triptych>div:nth-child(3) img{object-position:75% 40%}.opening-poster{animation:5.4s linear both opening-poster}.opening-poster img{object-position:58% 10%}.opening-vignette{background:radial-gradient(at 65% 35%,#07121d25,#07121db0 90%),linear-gradient(90deg,#07121d90,#07121d10);position:absolute;inset:0}.opening-grain{opacity:.055;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='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.opening-flare{mix-blend-mode:screen;background:linear-gradient(110deg,#0000 40%,#a4dfff24 50%,#0000 60%);animation:5.4s both opening-flare;position:absolute;inset:-20%}.opening-words{letter-spacing:-.055em;opacity:0;flex-direction:column;justify-content:center;padding-left:10%;font-size:clamp(44px,7.6vw,120px);font-weight:900;line-height:1.3;display:flex;position:absolute;inset:0}.opening-words>span{display:block}.opening-words-one{animation:5.4s cubic-bezier(.2,.7,.2,1) both opening-words-one}.opening-words-two{animation:5.4s cubic-bezier(.2,.7,.2,1) both opening-words-two}.opening-words-three{animation:5.4s cubic-bezier(.2,.7,.2,1) both opening-words-three}.opening-brand{opacity:0;flex-direction:column;justify-content:center;align-items:center;animation:5.4s cubic-bezier(.2,.7,.2,1) both opening-brand;display:flex;position:absolute;inset:0}.opening-brand-kicker{letter-spacing:.14em;margin-bottom:18px;font-size:clamp(13px,1.5vw,20px);font-weight:650}.opening-brand-name{letter-spacing:-.075em;font:900 clamp(64px,15vw,230px)/1 Arial,sans-serif}.opening-brand-name>span{color:#83c9ff}.opening-brand-company{letter-spacing:.22em;margin-top:25px;font-size:12px}.opening-take{letter-spacing:.15em;color:#ffffffa6;font:600 10px/1 Arial,sans-serif;position:absolute;bottom:12%;left:5%}.opening-letterbox{background:#07121d;width:100%;height:9%;position:absolute;left:0}.opening-letterbox-top{top:0}.opening-letterbox-bottom{bottom:0}.opening-skip{z-index:2;color:#fff;letter-spacing:.08em;align-items:center;gap:17px;min-height:44px;padding:9px 0 9px 18px;font-size:11px;display:flex;position:absolute;top:22px;right:4%}.opening-skip svg{width:20px;height:20px}.opening-skip:focus-visible{outline-color:#fff}@keyframes opening-exit{0%,88%{clip-path:inset(0);visibility:visible}99%{clip-path:inset(50% 0);visibility:visible}to{clip-path:inset(50% 0);visibility:hidden;pointer-events:none}}@keyframes opening-shot-one{0%,17%{opacity:1}18%,to{opacity:0}}@keyframes opening-shot-two{0%,17%{opacity:0}17.1%,32%{opacity:1}32.1%,to{opacity:0}}@keyframes opening-shot-three{0%,32%{opacity:0}32.1%,47%{opacity:1}47.1%,to{opacity:0}}@keyframes opening-triptych{0%,47%{opacity:0;transform:scale(1.08)}47.1%{opacity:1;transform:scale(1.08)}65%{opacity:1;transform:scale(1)}68%,to{opacity:0;transform:scale(1)}}@keyframes opening-poster{0%,66%{opacity:0;transform:scale(1.06)}71%,to{opacity:1;transform:scale(1)}}@keyframes opening-push{0%{transform:scale(1.13)translate(-1%)}17%,to{transform:scale(1.02)translate(0)}}@keyframes opening-words-one{0%{opacity:0;letter-spacing:.01em;transform:translateY(15px)}4%,14%{opacity:1;letter-spacing:-.055em;transform:translateY(0)}18%,to{opacity:0;transform:translateY(-10px)}}@keyframes opening-words-two{0%,17%{opacity:0;transform:translateY(15px)}20%,29%{opacity:1;transform:translateY(0)}33%,to{opacity:0;transform:translateY(-10px)}}@keyframes opening-words-three{0%,32%{opacity:0;transform:translateY(15px)}35%,44%{opacity:1;transform:translateY(0)}48%,to{opacity:0;transform:translateY(-10px)}}@keyframes opening-brand{0%,50%{opacity:0;transform:scale(.92)}60%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes opening-flare{0%,40%{opacity:0;transform:translate(-30%)}58%{opacity:1}85%,to{opacity:0;transform:translate(30%)}}@media (max-width:760px){.opening-words{padding-left:7%;font-size:clamp(36px,10.7vw,70px);line-height:1.4}.opening-shot-one img,.opening-poster img{object-position:62% 30%}.opening-shot-two img{object-position:76% 30%}.opening-shot-three img{object-position:64% 30%}.opening-triptych{gap:3px}.opening-brand-name{font-size:19vw}.opening-brand-kicker{letter-spacing:.08em;margin-bottom:19px;font-size:11px}.opening-brand-company{margin-top:21px;font-size:10px}.opening-skip{top:15px;right:22px}.opening-take{font-size:8px;left:7%}.opening-letterbox{height:10%}}@media (prefers-reduced-motion:reduce){.cinema-opening{display:none!important}}
