.intro-stage{position:absolute;inset:0;overflow:hidden;background:#060706;z-index:8;touch-action:pan-x}
.intro-stage[hidden],.welcome-content[hidden],.opening-content[hidden]{display:none}
.intro-backgrounds,.intro-background,.intro-shade,.intro-pixels,.welcome-content,.opening-content{position:absolute;inset:0}
.intro-background{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.6s ease,transform 7s linear;filter:saturate(.85)}
.intro-background.active{opacity:1;transform:scale(1)}
.intro-shade{background:linear-gradient(110deg,#0006,#0003 45%,#0009),linear-gradient(0deg,#0004,transparent 60%)}
.intro-pixels{pointer-events:none;opacity:0;background:repeating-conic-gradient(#070807b3 0% 25%,transparent 0% 50%) 0 0/16px 16px;mask-image:linear-gradient(135deg,#000,transparent 80%);transition:opacity 1.5s;z-index:1}
.intro-stage.revealed .intro-pixels{animation:pixelResolve 2s ease-out both}
@keyframes pixelResolve{0%{opacity:1;background-size:40px 40px}40%{opacity:.65;background-size:18px 18px}100%{opacity:0;background-size:3px 3px}}
.welcome-content{z-index:2}.welcome-statement{position:absolute;left:34px;top:35px;font-size:14px;line-height:1.06;letter-spacing:-.045em;font-weight:600;animation:introCopy .9s .2s both}.welcome-corner{position:absolute;top:39px;right:28px;font:8px 'Courier New',monospace;animation:introCopy .9s .3s both}
.welcome-actions{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:5;animation:introCopy 1.1s .7s both}
.enter-studio{display:flex;align-items:center;gap:28px;padding:23px 29px;border:1px solid #ffffff1f;border-radius:30px;background:#bfc2b04d;backdrop-filter:blur(25px);font-size:20px;font-weight:500;letter-spacing:-.05em;white-space:nowrap;transition:background .3s,transform .4s}.enter-studio span{font:8px/1.1 'Courier New',monospace;letter-spacing:-.025em;text-align:left}.enter-studio b{font-size:25px;font-weight:400}.enter-studio:hover{background:#e8f286;color:#15190c;transform:scale(1.04)}
.skip-intro{font-size:10px;background:#171c1588;padding:11px 16px;border-radius:20px;backdrop-filter:blur(20px)}.skip-intro:hover{color:#e8f286}
.welcome-mark{position:absolute;left:2.5%;right:2.5%;bottom:9%;font-size:clamp(78px,19.5vw,420px);font-weight:400;line-height:.86;letter-spacing:-.075em;display:flex;align-items:baseline;white-space:nowrap;color:#fff;pointer-events:none}
.welcome-heavy{font-weight:800;display:flex;letter-spacing:-.085em}.welcome-heavy i{font:inherit;display:inline-block;animation:letterArrival 1.45s cubic-bezier(.16,1,.3,1) both}.welcome-heavy i:nth-child(2){animation-delay:.1s}.welcome-heavy i:nth-child(3){animation-delay:.2s}.welcome-star{font-size:.48em;align-self:flex-start;line-height:1;margin:.04em .025em 0 .15em;display:inline-block;animation:starArrival 1.6s .3s cubic-bezier(.16,1,.3,1) both}.welcome-light{font-weight:300;letter-spacing:-.07em;animation:letterArrival 1.5s .22s cubic-bezier(.16,1,.3,1) both}
@keyframes letterArrival{from{transform:translateY(120%) rotate(12deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes starArrival{from{transform:scale(.1) rotate(-150deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes introCopy{from{opacity:0;filter:blur(5px);translate:0 10px}to{opacity:1;filter:none;translate:0 0}}
.brand-flight *{animation:none!important}.brand-flight .welcome-heavy{font-weight:800}.brand-flight .welcome-light{font-weight:300}
.is-welcome .chrome,.is-welcome .corner-signature{opacity:0;pointer-events:none}.is-welcome .chrome *{pointer-events:none}.is-welcome #resetView,.is-opening #resetView{display:none}.is-welcome .motion-tools,.is-opening .motion-tools{z-index:25}
.intro-stage[data-stage=opening] .intro-shade{background:#0008;transition:background 1.2s}.intro-stage[data-stage=opening] .intro-pixels{display:none}
.opening-content{z-index:3}.conviction-stack{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:min(420px,82vw);height:115px;padding:0;perspective:900px;isolation:isolate}
.conviction-card{position:absolute;inset:0;display:flex;align-items:center;gap:22px;padding:7px 23px 7px 7px;border:1px solid #ffffff2b;border-radius:18px;background:#777b725e;backdrop-filter:blur(25px);box-shadow:0 10px 25px #0002;text-align:left;opacity:0;transform:translateY(-85px) scale(.9) rotateX(-20deg);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .65s,background .4s}
.conviction-card.arrived{opacity:1;transform:translateY(calc(var(--stack-depth)*12px)) scale(calc(1 - var(--stack-depth)*.045))}
.conviction-card img{width:96px;height:96px;object-fit:cover;border-radius:12px;flex-shrink:0}.conviction-card small{font:8px 'Courier New',monospace;color:#c3c8bc;display:block;margin-bottom:11px}.conviction-card strong{font-size:18px;font-weight:500;line-height:1.04;letter-spacing:-.045em;display:block}
.conviction-stack:hover .conviction-card.arrived,.conviction-stack:focus-visible .conviction-card.arrived{transform:translateY(calc(var(--stack-depth)*-119px)) scale(1);background:#444b3ee8}
.opening-next{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background:#eeeeee18;backdrop-filter:blur(20px);border:1px solid #ffffff21;font-size:20px;transition:background .3s,translate .3s}.opening-next:hover{background:#e8f286;color:#151910;translate:0 3px}.opening-hint{position:absolute;bottom:40px;left:0;right:0;text-align:center;font:9px 'Courier New',monospace;letter-spacing:.02em;color:#b1b5a8}
.gallery-arrows{position:absolute;inset:0;pointer-events:none;z-index:6;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.gallery-arrows button{pointer-events:auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#20261bb3;border:1px solid #ffffff45;backdrop-filter:blur(18px);transition:background .25s,scale .3s}.gallery-arrows button:hover{background:#e8f286;color:#10160b;scale:1.09}.is-moment .gallery-arrows{display:none}
.tile[data-fit=contain]{background:#080e10}.tile[data-fit=contain] .tile-image,.tile[data-fit=contain] .tile-video{object-fit:contain;padding:25px 10px 58px;filter:brightness(.96)}.tile[data-fit=contain]:hover .tile-image{transform:none}.tile[data-fit=contain]:after{background:linear-gradient(0deg,#030809b3,transparent 20%)}
.is-moment .tile[data-fit=contain] .tile-image{padding:0}.case-visual[data-fit=contain]>img{object-fit:contain;padding:30px 12px 100px}.case-ghost[data-fit=contain] img{object-fit:contain}.case-ghost[data-fit=contain]{background:#080e10}
.is-moment .drag-hint{opacity:1;bottom:37px;background:none;visibility:visible;font-size:8px}.is-moment .scene-navigation{bottom:86px}.is-moment .scene-navigation #sceneBack{display:none}.is-moment .scene-navigation #sceneNext{font-size:0;border-radius:50%;width:40px;height:40px;padding:0;gap:0}.is-moment .scene-navigation #sceneNext:after{content:'↓';font-size:20px}.is-moment .scene-navigation #sceneNext span{display:none}
@media(max-width:650px){.welcome-statement{left:20px;top:26px;font-size:12px;max-width:240px}.welcome-corner{display:none}.welcome-mark{font-size:19.2vw;left:2%;right:2%;bottom:15%}.welcome-actions{top:49%}.enter-studio{font-size:18px;padding:19px 23px;gap:20px}.welcome-star{margin-left:.08em}.conviction-stack{top:45%;width:85vw;height:101px}.conviction-card{gap:14px;padding:7px 15px 7px 7px}.conviction-card img{width:84px;height:84px}.conviction-card strong{font-size:16px}.conviction-card small{font-size:7px;margin-bottom:9px}.conviction-stack:hover .conviction-card.arrived,.conviction-stack:focus-visible .conviction-card.arrived{transform:translateY(calc(var(--stack-depth)*12px)) scale(calc(1 - var(--stack-depth)*.045))}.opening-hint{bottom:80px;font-size:8px}.opening-next{bottom:120px}.gallery-arrows{padding:0 8px}.gallery-arrows button{width:36px;height:36px;font-size:20px}.tile[data-fit=contain] .tile-image,.tile[data-fit=contain] .tile-video{padding:18px 7px 52px}.is-moment .drag-hint{bottom:80px;font-size:7px}.is-moment .scene-navigation{bottom:120px}}
@media(prefers-reduced-motion:reduce){.welcome-content *,.intro-stage *{animation:none!important;transition:none!important}.intro-pixels{display:none}}
.motion-paused .intro-stage *{animation:none!important;transition:none!important}.motion-paused .intro-pixels{display:none}