.opening-journey{position:relative}.opening-stage{position:relative}.opening-film,.opening-cards,.opening-cue,.opening-skip{display:none}
.opening-active{height:360svh;--opening-top:98px;--intro-opacity:1;--intro-scale:1;--film-opacity:0;--film-scale:1.1;--cards-opacity:0;--cards-y:60px;--deck-spread:0;--flip-path:0deg;--flip-love:0deg;--flip-career:0deg;--cue-opacity:1}
.opening-active .opening-stage{height:calc(100svh - var(--opening-top));min-height:520px;position:sticky;top:var(--opening-top);overflow:hidden;isolation:isolate}
.opening-active .hero{height:100%;min-height:0;padding-block:24px;gap:50px;opacity:var(--intro-opacity);transform:scale(var(--intro-scale));transform-origin:50% 60%;will-change:transform,opacity}
.opening-active .hero-visual{height:min(560px,calc(100svh - 175px))}.opening-active .hero h1{font-size:clamp(2.9rem,5.3vw,5.2rem)}.opening-active .hero-note{margin-top:27px}.opening-active .hero-actions{margin-top:25px}.opening-active .hero-lead{line-height:1.65}.opening-active .hero .eyebrow{margin-bottom:21px}
.opening-active .opening-film{display:block;position:absolute;inset:0;z-index:2;opacity:var(--film-opacity);pointer-events:none;background:#0c080c;overflow:hidden;will-change:opacity}
.opening-film video,.opening-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(var(--film-scale));will-change:transform}.opening-poster{object-position:50% 55%}
.opening-film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c080d 0%,transparent 35%,#0c080d40 100%)}.opening-film-caption{position:absolute;left:8%;bottom:12%;opacity:var(--film-caption,1);transform:translateY(var(--film-caption-y,0px))}.opening-film-caption p{font:clamp(2.2rem,5vw,4.7rem)/1.08 var(--serif);letter-spacing:-.035em;margin-top:17px;text-shadow:0 4px 25px #000}.opening-play{position:absolute;top:45%;left:50%;transform:translateX(-50%);z-index:4;pointer-events:auto;background:#171017d9}
.opening-active .opening-cards{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;opacity:var(--cards-opacity);transform:translateY(var(--cards-y));background:radial-gradient(ellipse at 50% 60%,#682b3c24,transparent 63%);pointer-events:none;will-change:transform,opacity}
.opening-cards-heading{text-align:center;margin-top:8px}.opening-cards-heading .eyebrow{margin-bottom:14px}.opening-cards-heading h2{font-size:clamp(2.4rem,3.7vw,4rem)}
.opening-deck{position:relative;width:min(780px,90%);height:clamp(255px,36svh,390px);margin-top:30px;perspective:1200px}
.opening-card{width:clamp(140px,15vw,205px);height:100%;position:absolute;top:0;left:50%;margin-left:calc(clamp(140px,15vw,205px) / -2);transform-origin:50% 95%;transform:translateX(var(--card-x)) translateY(var(--card-y)) rotate(var(--card-angle));filter:drop-shadow(0 18px 20px #0008);will-change:transform}
.opening-card-path{--card-x:calc(var(--deck-spread) * -225px);--card-y:calc(var(--deck-spread) * 14px);--card-angle:calc(var(--deck-spread) * -13deg);--card-flip:var(--flip-path);z-index:1}
.opening-card-love{--card-x:0px;--card-y:calc(var(--deck-spread) * -9px);--card-angle:0deg;--card-flip:var(--flip-love);z-index:3}
.opening-card-career{--card-x:calc(var(--deck-spread) * 225px);--card-y:calc(var(--deck-spread) * 14px);--card-angle:calc(var(--deck-spread) * 13deg);--card-flip:var(--flip-career);z-index:2}
.opening-card-turn{height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(var(--card-flip));will-change:transform}.opening-card-back,.opening-card-face{position:absolute;inset:0;border:1px solid #d8b97f99;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.opening-card-back{background:repeating-linear-gradient(45deg,#d8b97f05 0 1px,transparent 1px 9px),radial-gradient(ellipse at 50% 30%,#513042,#1c1520 75%);padding:10px}.opening-card-border{height:100%;border:1px solid #d8b97f80;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:#e8c98e}.opening-card-border:before,.opening-card-border:after{content:'';position:absolute;width:70%;height:44%;border:1px solid #d8b97f24;border-radius:50%;transform:rotate(45deg)}.opening-card-border:after{transform:rotate(-45deg)}.opening-card-border>span{font:3.6rem var(--serif);line-height:1.1}.opening-card-border>i{font-size:3rem;font-style:normal}.opening-card-border>small{font:clamp(.6rem,.85vw,.78rem) var(--serif);letter-spacing:.16em;margin-top:15px}.opening-card-border>b{position:absolute;bottom:12px;font-size:1rem;font-weight:400}
.opening-card-face{transform:rotateY(180deg);background:#1a1319}.opening-card-face img{width:100%;height:100%;object-fit:cover}.opening-card-face:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#120b10df,transparent 44%)}.opening-card-face>span{position:absolute;bottom:18px;left:6px;right:6px;text-align:center;font:clamp(.85rem,1.2vw,1.1rem) var(--serif);color:#efd9b0;z-index:1}
.opening-explore{margin-top:36px;opacity:var(--explore-opacity,0);pointer-events:auto}.opening-explore span{margin-left:20px}.opening-active .opening-cue{display:flex;position:absolute;bottom:17px;left:50%;transform:translateX(-50%);z-index:5;align-items:center;gap:17px;opacity:var(--cue-opacity);white-space:nowrap;pointer-events:none;color:#d0bfa4;font-size:.6rem;letter-spacing:.2em}.opening-cue i{display:block;width:45px;height:1px;background:#d8b97f55;position:relative}.opening-cue i:after{content:'';position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#efd9b0;animation:opening-scroll 2.6s ease infinite}
.opening-active .opening-skip{display:block;position:absolute;top:15px;right:28px;z-index:6;font-size:.7rem;color:#bba98b;padding:6px 0;border-bottom:1px solid #d8b97f30;background:#100c1080}.opening-skip span{margin-left:8px}
@keyframes opening-scroll{0%,100%{transform:translateX(0);opacity:.25}60%{transform:translateX(40px);opacity:1}}
.opening-static .opening-film{display:block;position:relative;aspect-ratio:16/9;max-height:620px;overflow:hidden;margin:0 auto}.opening-static .opening-film-caption{bottom:8%}.opening-static .opening-cards{display:flex;align-items:center;flex-direction:column;padding:65px 0}.opening-static .opening-deck{--deck-spread:1;--flip-path:180deg;--flip-love:180deg;--flip-career:180deg;height:300px}.opening-static .opening-explore{opacity:1}.opening-static .opening-skip{display:none}
@media(max-width:900px){.opening-active .hero{gap:24px}.opening-active .hero h1{font-size:3.1rem}.opening-card-path{--card-x:calc(var(--deck-spread) * -175px)}.opening-card-career{--card-x:calc(var(--deck-spread) * 175px)}}
@media(max-width:640px){.opening-active{height:310svh;--opening-top:78px}.opening-active .opening-stage{min-height:460px}.opening-active .hero{grid-template-columns:1fr;padding:34px 0 45px;gap:14px;align-content:center;position:relative}.opening-active .hero-copy{z-index:1}.opening-active .hero h1{font-size:clamp(2.65rem,10.8vw,3.8rem);margin-bottom:20px}.opening-active .hero-lead{max-width:290px;font-size:.875rem}.opening-active .hero-note{margin-top:21px;font-size:.75rem}.opening-active .hero-note>span{font-size:26px}.opening-active .hero-visual{position:absolute;right:-85px;top:12%;width:290px;height:78%;margin:0;z-index:-1;opacity:.25;mask-image:linear-gradient(90deg,transparent,#000 52%);border:0;box-shadow:none;animation:none}.opening-active .hero-visual .image-caption,.opening-active .hero-visual .portal-rim{display:none}.opening-active .hero-actions{gap:15px;margin-top:23px}.opening-active .hero-actions .button{padding:12px 17px;font-size:.8rem}.opening-active .hero-actions .text-link{font-size:.8rem}.opening-active .opening-skip{right:20px;top:10px;font-size:.65rem}.opening-active .opening-cue{font-size:.52rem;letter-spacing:.13em;gap:10px;bottom:16px}.opening-cards-heading{margin-top:15px}.opening-cards-heading h2{font-size:2.3rem}.opening-cards-heading .eyebrow{font-size:.55rem}.opening-deck{height:clamp(215px,30svh,295px);margin-top:29px;width:100%}.opening-card{width:122px;margin-left:-61px}.opening-card-path{--card-x:calc(var(--deck-spread) * -107px);--card-angle:calc(var(--deck-spread) * -11deg)}.opening-card-career{--card-x:calc(var(--deck-spread) * 107px);--card-angle:calc(var(--deck-spread) * 11deg)}.opening-card-back{padding:7px}.opening-card-border>span{font-size:2.6rem}.opening-card-border>i{font-size:2rem}.opening-card-border>small{font-size:.5rem;letter-spacing:.1em}.opening-card-face>span{font-size:.8rem;bottom:13px}.opening-explore{margin-top:33px;font-size:.8rem}.opening-film-caption{left:7%;bottom:12%}.opening-film-caption p{font-size:2.7rem}.opening-film video{object-fit:contain;background:#0c080c}.opening-static .opening-film{aspect-ratio:9/12}.opening-static .opening-deck{height:240px}}
@media(max-height:650px) and (min-width:641px){.opening-active .hero h1{font-size:2.8rem}.opening-active .hero-note{display:none}.opening-active .hero-visual{height:calc(100svh - 160px)}.opening-cards-heading h2{font-size:2.4rem}.opening-deck{height:220px;margin-top:20px}.opening-explore{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.opening-cue i:after{animation:none}.opening-card,.opening-card-turn,.opening-film video{will-change:auto}}
.opening-active .hero-visual{border-radius:50%;height:auto;aspect-ratio:1;max-width:560px;width:100%;justify-self:end}.opening-active .hero-visual>img{object-position:center}.opening-active .hero-visual .image-caption{bottom:40px}.opening-active .hero-visual .image-topline{inset:42px 75px auto}.opening-active .hero-visual .portal-rim{inset:10px}
.opening-film video,.opening-video-poster{position:absolute;right:6%;top:50%;width:min(68vw,calc(100svh - var(--opening-top,98px) - 50px));height:min(68vw,calc(100svh - var(--opening-top,98px) - 50px));object-fit:cover;object-position:center;border-radius:50%;transform:translateY(-50%) scale(var(--film-scale,1));box-shadow:0 0 90px #682b3c35}.opening-video-poster{display:block}.opening-film video{z-index:1}.opening-film-shade{z-index:2;pointer-events:none;background:linear-gradient(0deg,#0c080d 0%,transparent 25%,#0c080d15 100%)}.opening-film-caption{z-index:3;pointer-events:none}.opening-video-error video{opacity:0}.opening-static .opening-film{min-height:450px}.opening-static .opening-film video,.opening-static .opening-video-poster{height:90%;width:auto;aspect-ratio:1;box-shadow:none}.opening-static .opening-film video{border-radius:16px}
@media(max-width:640px){.opening-active .hero-visual{width:290px;height:290px;max-width:none;top:21%;right:-60px;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 48%)}.opening-film video,.opening-video-poster{width:min(92vw,450px);height:min(92vw,450px);top:41%;right:4%}.opening-film-caption{bottom:9%;left:7%}.opening-film-caption p{font-size:2.3rem;margin-top:10px}.opening-static .opening-film{min-height:0;aspect-ratio:9/12}.opening-static .opening-film video,.opening-static .opening-video-poster{width:92%;height:auto;aspect-ratio:1;top:40%;right:4%}}
.opening-film video,.opening-video-poster{inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;transform:scale(var(--film-scale,1));box-shadow:none}.opening-film-shade{background:linear-gradient(0deg,#0c080de6 0%,transparent 40%,#0c080d15 100%)}.opening-film-caption{left:7%;bottom:9%}.opening-film-caption p{font-size:clamp(2.3rem,4.2vw,4rem)}.opening-static .opening-film{aspect-ratio:16/9;min-height:0}.opening-static .opening-film video,.opening-static .opening-video-poster{inset:0;height:100%;width:100%;aspect-ratio:auto;border-radius:0;transform:none}.opening-static .opening-film-caption{display:none}
@media(max-width:640px){.opening-film video,.opening-video-poster{object-position:50% 50%;object-fit:cover}.opening-film-caption p{font-size:2.2rem}.opening-film-caption .eyebrow{font-size:.55rem}.opening-static .opening-film{aspect-ratio:16/9}}
.opening-static{overflow:hidden}
@media(max-width:640px){.opening-active .opening-deck{height:clamp(200px,28svh,235px)}.opening-card{width:112px;margin-left:-56px}.opening-card-path{--card-x:calc(var(--deck-spread) * -88px);--card-angle:calc(var(--deck-spread) * -9deg)}.opening-card-career{--card-x:calc(var(--deck-spread) * 88px);--card-angle:calc(var(--deck-spread) * 9deg)}.opening-card-face>span{font-size:.75rem}.opening-static .opening-deck{height:220px}.opening-active .opening-video-poster{filter:blur(18px) brightness(.42);transform:scale(1.15)}.opening-active .opening-film video{object-fit:contain;object-position:50% 36%;background:transparent}}