:root{--dp:0;--d-intro:1;--d-story:0;--d-final:0;--d-mx:0;--d-my:0}
body.intro-locked{overflow:hidden}

/* Audio entrance */
.intro-sound-gate{position:fixed;z-index:5000;inset:0;background:rgba(3,5,10,.89);backdrop-filter:blur(24px);display:grid;place-items:center;overflow:hidden;color:#fff;transition:opacity .8s var(--ease),visibility .8s}
.intro-sound-gate.dismissed{opacity:0;visibility:hidden;pointer-events:none}
.intro-sound-glow{position:absolute;width:min(760px,90vw);height:min(760px,90vw);border-radius:50%;background:radial-gradient(circle,rgba(20,89,255,.55),rgba(20,89,255,.1) 44%,transparent 68%);animation:introPulse 4s ease-in-out infinite}
.intro-sound-inner{position:relative;width:min(650px,calc(100% - 40px));text-align:center}.intro-sound-inner img{width:150px;margin:0 auto 42px;filter:none}.intro-sound-inner>span{display:block;font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8baaff;margin-bottom:25px}.intro-sound-inner h2{font-size:clamp(4rem,8vw,8rem);font-weight:500;letter-spacing:-.085em;line-height:.79}.intro-sound-inner>p{margin-top:30px;color:rgba(255,255,255,.65);font-size:.9rem}.intro-sound-actions{display:flex;justify-content:center;margin-top:42px}.intro-sound-actions button{min-height:62px;padding:0 22px;border:1px solid rgba(255,255,255,.55);color:#fff;cursor:pointer;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.intro-enter-sound{background:var(--blue);border-color:var(--blue)!important;display:flex;align-items:center;gap:45px}.intro-enter-sound b{font-size:1rem}.intro-enter-silent{background:transparent;border-left:0!important}.intro-enter-silent:hover{background:#fff;color:#080808}@keyframes introPulse{50%{transform:scale(1.1);opacity:.74}}

.intro-sound-toggle{position:fixed;z-index:101;right:4.2vw;bottom:28px;border:0;background:rgba(5,6,8,.58);backdrop-filter:blur(12px);color:#fff;display:flex;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .4s,visibility .4s,transform .4s}.experience-entered.depth-active .intro-sound-toggle{opacity:1;visibility:visible;transform:none}.intro-sound-toggle i{height:15px;display:flex;align-items:center;gap:2px}.intro-sound-toggle i span{width:2px;height:4px;background:currentColor;animation:introBars .8s ease-in-out infinite;animation-play-state:paused}.intro-sound-toggle i span:nth-child(2){height:11px;animation-delay:-.3s}.intro-sound-toggle i span:nth-child(3){height:7px;animation-delay:-.5s}.intro-sound-toggle i span:nth-child(4){height:13px;animation-delay:-.15s}.intro-sound-toggle[aria-pressed="true"] i span{animation-play-state:running}.intro-sound-toggle b{font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@keyframes introBars{50%{height:14px}}
.intro-replay-tab{position:fixed;z-index:100;right:0;top:68%;display:flex;align-items:center;gap:12px;padding:18px 11px 18px 10px;border:1px solid rgba(8,8,8,.16);border-right:0;background:rgba(247,247,244,.92);backdrop-filter:blur(12px);color:#080808;cursor:pointer;writing-mode:vertical-rl;transform:translate(100%,-50%);opacity:0;visibility:hidden;transition:transform .45s var(--ease),opacity .45s,visibility .45s,background .25s,color .25s}.experience-entered.depth-active:not(.intro-locked) .intro-replay-tab{transform:translate(0,-50%);opacity:1;visibility:visible}.intro-replay-tab:hover{background:var(--blue);color:#fff}.intro-replay-tab span{font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.intro-replay-tab:hover span{color:#fff}.intro-replay-tab b{font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.intro-replay-tab i{font-style:normal;font-size:1rem}.nav-experience{border:0;background:none;color:inherit;cursor:pointer;font:inherit;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;padding:9px 0;border-bottom:1px solid currentColor}.mobile-menu [data-replay-experience]{border:0;background:none;color:inherit;cursor:pointer;font-size:clamp(2.7rem,12vw,5rem);font-weight:600;letter-spacing:-.06em;line-height:1.08}body:has(.mobile-menu.open) .intro-replay-tab{opacity:0;visibility:hidden}

/* Dark transparent navigation while inside the cinematic intro */
.depth-active #navbar,.depth-active #navbar.scrolled{height:82px;background:transparent;color:#fff;border-bottom:0;backdrop-filter:none}.depth-active .nav-logo img{filter:none}.depth-active .nav-links .btn-nav{border-color:#fff}.depth-active .nav-links .btn-nav:hover{background:#fff;color:#080808}

/* Integrated scroll-driven scene */
#hero.integrated-depth{display:block;position:relative;height:350vh;min-height:0;padding:0;background:#050608;overflow:visible}
.integrated-stage{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1200px;background:#080a0f}
.integrated-camera{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--d-my) * -1deg)) rotateY(calc(var(--d-mx) * 1deg))}
.experience-launching .integrated-camera{animation:experienceReveal 1.8s var(--ease) both}
.integrated-stage::after{content:"";position:absolute;z-index:19;inset:0;background:radial-gradient(circle at 58% 48%,rgba(42,100,255,.36),rgba(3,5,10,.94) 58%);opacity:0;pointer-events:none}.experience-launching .integrated-stage::after{animation:experienceFlash 1.8s var(--ease) both}
@keyframes experienceReveal{0%{clip-path:inset(46% 48% 46% 48% round 50%);filter:blur(10px) brightness(.5)}45%{filter:blur(1px) brightness(.85)}100%{clip-path:inset(0);filter:none}}
@keyframes experienceFlash{0%{opacity:1}50%{opacity:.24}100%{opacity:0}}
.integrated-film{position:absolute;inset:-7%;transform:translate3d(calc(var(--d-mx) * -8px),calc(var(--d-my) * -5px),-320px) scale(calc(1.35 + var(--dp) * .28));filter:brightness(calc(.38 + var(--dp) * .08)) saturate(.62);will-change:transform}.integrated-film video{width:100%;height:100%;object-fit:cover}.integrated-film::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,10,.16),rgba(3,5,10,.2) 48%,rgba(3,5,10,.94))}
.integrated-wash{position:absolute;inset:0;background:radial-gradient(circle at 68% 45%,rgba(20,89,255,.58),transparent 32%),linear-gradient(120deg,rgba(3,8,25,.86),transparent 54%,rgba(12,2,22,.72));mix-blend-mode:screen;opacity:calc(.72 - var(--dp) * .25);transform:translateZ(-180px) scale(1.2)}
.integrated-orb{position:absolute;border-radius:50%;filter:blur(90px);mix-blend-mode:screen;pointer-events:none}.integrated-orb-one{width:45vw;height:45vw;background:rgba(20,89,255,.5);right:-10vw;top:-8vw;transform:translate3d(calc(var(--dp) * -15vw),calc(var(--dp) * 18vh),-80px)}.integrated-orb-two{width:30vw;height:30vw;background:rgba(255,25,116,.25);left:6vw;bottom:-10vw;transform:translate3d(calc(var(--dp) * 22vw),calc(var(--dp) * -22vh),70px)}
.integrated-grid{position:absolute;left:-20%;right:-20%;bottom:-35%;height:75%;background-image:linear-gradient(rgba(46,103,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(46,103,255,.25) 1px,transparent 1px);background-size:80px 52px;transform-origin:50% 100%;transform:translate3d(0,calc(var(--dp) * -22vh),-40px) rotateX(67deg) scale(1.35);mask-image:linear-gradient(to bottom,transparent,#000 34%,#000);opacity:calc(.18 + var(--dp) * .62)}
.integrated-type{position:absolute;font-weight:700;letter-spacing:-.105em;line-height:.72;white-space:nowrap;pointer-events:none;will-change:transform,opacity}.integrated-type-back{font-size:clamp(8rem,25vw,28rem);left:-4vw;top:17vh;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.42);transform:translate3d(calc(var(--dp) * -18vw),calc(var(--dp) * -14vh),calc(-520px + var(--dp) * 880px)) rotateZ(calc(var(--dp) * -3deg));opacity:calc(.75 - var(--dp) * .45)}.integrated-type-front{font-size:clamp(9rem,28vw,31rem);right:-5vw;bottom:5vh;color:rgba(255,255,255,.08);transform:translate3d(calc(var(--dp) * 25vw),calc(var(--dp) * 20vh),calc(220px + var(--dp) * 600px));opacity:calc(.7 - var(--dp) * .8)}
.integrated-frame{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.36);box-shadow:0 30px 100px rgba(0,0,0,.55);will-change:transform,opacity}.integrated-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.1)}.integrated-frame-one{width:18vw;height:25vw;right:12vw;top:18vh;transform:translate3d(calc(var(--dp) * -48vw),calc(var(--dp) * -10vh),calc(-100px + var(--dp) * 80px)) rotateY(-12deg) rotateZ(3deg);opacity:calc(var(--d-story) * .9)}.integrated-frame-two{width:28vw;height:18vw;left:18vw;bottom:8vh;transform:translate3d(calc(var(--dp) * 36vw),calc(var(--dp) * -28vh),calc(-220px + var(--dp) * 170px)) rotateY(13deg) rotateZ(-4deg);opacity:calc(var(--d-story) * .86)}.integrated-frame-three{width:20vw;height:29vw;right:36vw;top:10vh;transform:translate3d(calc(var(--dp) * 7vw),calc(var(--dp) * -8vh),calc(-380px + var(--dp) * 280px)) rotateY(-8deg) rotateZ(2deg);opacity:calc(var(--d-story) * .7)}
.integrated-hero-copy{position:absolute;z-index:4;left:8vw;top:50%;color:#fff;transform:translate3d(0,calc(-50% + var(--dp) * -12vh),160px) scale(calc(1 + var(--dp) * .2));opacity:var(--d-intro);will-change:transform,opacity}.integrated-hero-copy>p,.integrated-hero-copy small{font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.integrated-hero-copy>p{margin-bottom:32px}.integrated-hero-copy h1{font-size:clamp(4rem,9.4vw,9.5rem);font-weight:500;letter-spacing:-.09em;line-height:.78}.integrated-hero-copy h1 span{display:inline-block;color:var(--blue);margin-left:7vw}.integrated-hero-copy small{display:block;margin-top:42px;border-top:1px solid rgba(255,255,255,.4);padding-top:15px;width:240px}
.integrated-story{position:absolute;z-index:11;right:6vw;top:50%;width:min(440px,34vw);color:#fff;transform:translate3d(0,-50%,80px);opacity:var(--d-story);text-shadow:0 8px 34px rgba(0,0,0,.9)}.integrated-story>span{display:none!important}.integrated-story p{font-size:clamp(2rem,4.2vw,4.8rem);font-weight:500;letter-spacing:-.06em;line-height:.96}
.integrated-final{position:absolute;z-index:12;left:50%;top:50%;width:min(980px,84vw);text-align:center;color:#fff;transform:translate3d(-50%,-50%,260px) scale(calc(.82 + var(--d-final) * .18));opacity:var(--d-final)}.integrated-final>span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:30px}.integrated-final h2{font-size:clamp(4rem,10vw,10rem);font-weight:500;letter-spacing:-.085em;line-height:.78}.integrated-final a{display:inline-flex;gap:70px;margin-top:52px;background:var(--blue);padding:20px 26px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.integrated-final a b{font-size:1rem}
.integrated-fog{position:absolute;z-index:7;inset:0;background:radial-gradient(circle at 50% 53%,rgba(20,89,255,.36),rgba(4,6,10,.92) 48%,#050608 72%);opacity:calc(var(--d-final) * .9);pointer-events:none}
.integrated-scroll-guide{position:absolute;z-index:20;left:4vw;bottom:35px;color:#fff;display:flex;align-items:center;gap:16px;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;opacity:var(--d-intro)}.integrated-scroll-guide>i{width:90px;height:1px;background:rgba(255,255,255,.25);position:relative}.integrated-scroll-guide>i b{position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(var(--dp))}.integrated-scroll-guide em{font-style:normal;font-size:.9rem}.integrated-counter{position:absolute;z-index:20;right:4vw;bottom:35px;color:#fff;display:flex;align-items:center;gap:12px;font-size:.62rem}.integrated-counter i{display:block;width:35px;height:1px;background:rgba(255,255,255,.4)}.integrated-current{color:#6f97ff}
#about{margin-top:-1px}

@media(max-width:950px){.integrated-hero-copy{left:24px;right:24px}.integrated-hero-copy h1{font-size:13vw}.integrated-frame-one{width:35vw;height:48vw;right:-5vw}.integrated-frame-two{width:48vw;height:30vw;left:-10vw}.integrated-frame-three{display:none}.integrated-story{right:28px;width:64vw}.depth-active .nav-toggle{color:#fff}}
@media(max-width:600px){.intro-sound-inner img{width:120px;margin-bottom:32px}.intro-sound-actions{flex-direction:column;max-width:320px;margin-inline:auto}.intro-sound-actions button{width:100%;justify-content:space-between}.intro-enter-silent{border-left:1px solid rgba(255,255,255,.55)!important;border-top:0!important}.intro-sound-toggle{right:18px;bottom:18px}.intro-replay-tab{top:auto;right:auto;left:16px;bottom:18px;writing-mode:horizontal-tb;transform:translateY(140%);padding:11px 13px}.experience-entered:not(.intro-locked) .intro-replay-tab{transform:none}.intro-replay-tab span{display:none}.intro-replay-tab b{font-size:.54rem}.integrated-scroll-guide{bottom:92px;left:24px}.integrated-hero-copy h1{font-size:15vw;line-height:.82}.integrated-hero-copy h1 span{margin-left:0}.integrated-story{width:76vw}.integrated-story p{font-size:10vw}.integrated-final h2{font-size:20vw}.integrated-final a{gap:35px;margin-top:38px}.integrated-counter{display:none}}
@media(prefers-reduced-motion:reduce){#hero.integrated-depth{height:100svh}.experience-launching .integrated-camera,.experience-launching .integrated-stage::after{animation:none}.integrated-stage{position:relative}.integrated-camera,.integrated-film,.integrated-type,.integrated-frame,.integrated-hero-copy,.integrated-story,.integrated-final{transform:none!important}.integrated-frame,.integrated-story,.integrated-final,.integrated-grid,.integrated-fog{display:none}.integrated-hero-copy{opacity:1}.integrated-film{inset:0;filter:brightness(.4)}.integrated-scroll-guide{display:none}}