body.intro-playing{overflow:hidden}#intro.cinematic{display:block;background:#09121c;isolation:isolate;transition:opacity .7s ease,visibility .7s ease}#intro.cinematic:before{inset:20px;z-index:6;border-color:#e9d2a52b}.cinema-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;transform:scale(1.045);opacity:0}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05111fbb 0%,#07132252 42%,transparent 70%),linear-gradient(0deg,#05101de8 0%,transparent 40%,#08101a30 100%)}.cinema-light{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 42%,#e9c2820c 48%,#f6dda51f 50%,transparent 55%);pointer-events:none;opacity:0}#intro.cinematic #skip{right:45px;top:35px;background:#07132155;backdrop-filter:blur(8px);border-color:#ffffff55;z-index:9;color:#f6eee2}.cinema-copy{position:absolute;left:8%;top:37%;z-index:2;opacity:0}.cinema-copy .eyebrow{font-size:10px;color:#e3c69c;letter-spacing:3px;margin-bottom:24px}#intro.cinematic .cinema-copy h2{text-align:left;font-size:clamp(40px,5vw,74px);line-height:1.15;letter-spacing:-1px;color:#f9f3e9}#intro.cinematic .cinema-copy h2 em{font-weight:400;color:#d4b787}#intro.cinematic .cinema-copy p{font-size:13px;letter-spacing:.5px;color:#ded8ce;margin-top:24px}.cinema-signature{position:absolute;left:8%;top:30%;display:flex;flex-direction:column;align-items:center;opacity:0;z-index:3;color:#f9f3e9}.cinema-signature img{width:195px;height:200px;object-fit:contain;background:white;border-radius:5px;padding:6px;box-shadow:0 20px 65px #0005}.cinema-signature span{font-size:18px;letter-spacing:4px;margin-top:24px}.cinema-signature small{font-size:9px;letter-spacing:5px;color:#d4b787;margin-top:10px}.cinema-bottom{position:absolute;left:8%;right:8%;bottom:52px;display:flex;gap:30px;align-items:center;z-index:3;color:#c7b695;opacity:0}.cinema-bottom>span,.cinema-bottom>small{font-size:8px;letter-spacing:2px;white-space:nowrap}.cinema-progress{height:1px;background:#ffffff25;flex:1}.cinema-progress i{height:1px;display:block;background:#d8ba83;width:0}.playing .cinema-photo{animation:cinemaCamera 4.6s cubic-bezier(.18,.55,.36,1) both}.playing .cinema-copy{animation:cinemaWords 4.6s both}.playing .cinema-signature{animation:cinemaLogo 4.6s both}.playing .cinema-light{animation:cinemaSweep 4.6s both}.playing .cinema-bottom{animation:cinemaBottom .8s .4s both}.playing .cinema-progress i{animation:cinemaProgress 4.6s linear both}.replay-intro{background:transparent;color:#8e3029;padding:8px 0;font-size:11px;border-bottom:1px solid #8e302955}#intro.cinematic.done{pointer-events:none;opacity:0;visibility:hidden}@keyframes cinemaCamera{0%{opacity:0;transform:scale(1.09) translateX(-.5%);filter:brightness(.65)}18%{opacity:1;filter:brightness(.95)}100%{opacity:1;transform:scale(1.015) translateX(0);filter:brightness(1)}}@keyframes cinemaWords{0%,12%{opacity:0;transform:translateY(18px);filter:blur(5px)}27%,51%{opacity:1;transform:translateY(0);filter:blur(0)}65%,100%{opacity:0;transform:translateY(-12px);filter:blur(3px)}}@keyframes cinemaLogo{0%,59%{opacity:0;transform:translateY(15px) scale(.97);filter:blur(5px)}78%,100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes cinemaSweep{0%{opacity:0;transform:translateX(-15%)}30%,65%{opacity:.8}100%{opacity:0;transform:translateX(20%)}}@keyframes cinemaBottom{from{opacity:0}to{opacity:1}}@keyframes cinemaProgress{from{width:0}to{width:100%}}@media(max-width:700px){.cinema-photo{object-position:66% center}.cinema-shade{background:linear-gradient(0deg,#06111ff2 0%,#06111f99 25%,transparent 65%)}.cinema-copy{left:8%;top:auto;bottom:125px}#intro.cinematic .cinema-copy h2{font-size:40px}.cinema-copy .eyebrow{font-size:8px;margin-bottom:12px}#intro.cinematic .cinema-copy p{font-size:12px;margin-top:12px}.cinema-signature{left:8%;top:auto;bottom:112px;align-items:flex-start}.cinema-signature img{width:128px;height:132px}.cinema-signature span{font-size:12px;letter-spacing:3px;margin-top:15px}.cinema-signature small{font-size:8px;letter-spacing:4px}.cinema-bottom{bottom:48px;gap:18px}.cinema-bottom>small{display:none}.cinema-bottom>span{font-size:7px}#intro.cinematic #skip{top:30px;right:30px}#intro.cinematic:before{inset:14px}}@media(prefers-reduced-motion:reduce){#intro.cinematic{display:none}.playing *{animation:none!important}}