html.z3d-lock, html.z3d-lock body { overflow: hidden !important; }
.z3d-intro{position:fixed;inset:0;z-index:2147483000;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--z3d-accent) 18%,transparent),transparent 35%),var(--z3d-bg);color:var(--z3d-text);overflow:hidden;opacity:0;visibility:hidden;font-family:Arial,Helvetica,sans-serif;transform:translateZ(0)}
.z3d-intro.is-active{opacity:1;visibility:visible}.z3d-intro.is-leaving{animation:z3dExit .85s ease forwards}.z3d-intro.is-hidden{display:none}
.z3d-vignette{position:absolute;inset:0;z-index:9;pointer-events:none;background:radial-gradient(circle,transparent 45%,rgba(0,0,0,.76) 100%)}
.z3d-glow{position:absolute;width:42vw;height:42vw;border-radius:999px;filter:blur(90px);opacity:.28}.z3d-glow--one{left:-18vw;top:15vh;background:var(--z3d-accent)}.z3d-glow--two{right:-18vw;bottom:0;background:var(--z3d-accent-2)}
.z3d-camera{position:absolute;inset:0;perspective:1100px;display:grid;place-items:center;animation:z3dCamera 5.5s cubic-bezier(.58,.01,.16,1) forwards}
.z3d-building{position:relative;width:min(82vw,980px);height:min(59vw,660px);max-height:72vh;transform-style:preserve-3d;transform:rotateX(2deg);filter:drop-shadow(0 40px 70px rgba(0,0,0,.75))}
.z3d-building:before{content:"";position:absolute;inset:12% 5% 4%;background:linear-gradient(180deg,#14101e,#050409);border:1px solid color-mix(in srgb,var(--z3d-accent) 45%,transparent);box-shadow:inset 0 0 70px rgba(139,61,255,.13),0 0 80px rgba(139,61,255,.13)}
.z3d-roof{position:absolute;left:2%;right:2%;top:7%;height:7%;background:linear-gradient(180deg,#2b2636,#0b0910);transform:translateZ(30px);border-bottom:2px solid var(--z3d-accent);box-shadow:0 0 28px color-mix(in srgb,var(--z3d-accent) 70%,transparent)}
.z3d-sign{position:absolute;left:50%;top:12%;transform:translate(-50%,-50%) translateZ(65px);z-index:5;white-space:nowrap}.z3d-sign span{font-size:clamp(30px,6vw,82px);font-weight:900;letter-spacing:.16em;text-shadow:0 0 12px #fff,0 0 30px var(--z3d-accent),0 0 70px var(--z3d-accent)}.z3d-sign img{max-width:min(52vw,560px);max-height:110px;object-fit:contain;filter:drop-shadow(0 0 25px var(--z3d-accent))}
.z3d-side{position:absolute;top:20%;bottom:5%;width:12%;background:linear-gradient(180deg,#17121f,#07060a);border:1px solid rgba(255,255,255,.06)}.z3d-side--left{left:5%;transform:rotateY(42deg);transform-origin:left}.z3d-side--right{right:5%;transform:rotateY(-42deg);transform-origin:right}
.z3d-window{position:absolute;top:28%;bottom:13%;width:25%;background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(10,9,15,.65));border:1px solid color-mix(in srgb,var(--z3d-accent-2) 35%,transparent);overflow:hidden;box-shadow:inset 0 0 40px rgba(17,217,255,.07)}.z3d-window:after{content:"";position:absolute;inset:-40% 45% -40% -25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:rotate(18deg)}.z3d-window--left{left:15%}.z3d-window--right{right:15%}.z3d-display-card{position:absolute;left:16%;right:16%;top:18%;height:44%;border-radius:12px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--z3d-accent) 28%,#222),#08070c 70%);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;box-shadow:0 16px 35px rgba(0,0,0,.45),0 0 25px color-mix(in srgb,var(--z3d-accent) 25%,transparent)}.z3d-display-card span{font-size:clamp(10px,1.4vw,17px);letter-spacing:.24em;font-weight:800}.z3d-pedestal{position:absolute;left:28%;right:28%;bottom:10%;height:17%;background:linear-gradient(90deg,#0a0910,#312840,#0a0910);transform:perspective(200px) rotateX(10deg);border-top:1px solid var(--z3d-accent)}
.z3d-door-frame{position:absolute;left:41%;right:41%;top:27%;bottom:11%;background:#020205;border:3px solid #24202c;box-shadow:0 0 32px color-mix(in srgb,var(--z3d-accent) 35%,transparent);overflow:hidden;transform:translateZ(20px)}
.z3d-inside{position:absolute;inset:0;background:linear-gradient(180deg,#120c1d,#030207 67%);overflow:hidden}.z3d-inside:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--z3d-accent-2) 28%,transparent),transparent 44%)}
.z3d-aisle{position:absolute;left:24%;right:24%;bottom:-5%;height:70%;clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 12px,rgba(255,255,255,.07) 13px 14px),linear-gradient(180deg,#1c1627,#08060c);border-top:1px solid var(--z3d-accent)}
.z3d-shelf{position:absolute;top:27%;bottom:10%;width:21%;display:flex;flex-direction:column;gap:8%}.z3d-shelf--left{left:4%;transform:skewY(7deg)}.z3d-shelf--right{right:4%;transform:skewY(-7deg)}.z3d-shelf b{display:block;height:24%;background:linear-gradient(180deg,color-mix(in srgb,var(--z3d-accent) 42%,#28202f),#09070e);border-bottom:2px solid var(--z3d-accent);box-shadow:0 0 10px color-mix(in srgb,var(--z3d-accent) 30%,transparent)}.z3d-inner-logo{position:absolute;left:50%;top:22%;transform:translateX(-50%);font-weight:900;font-size:clamp(9px,1.1vw,16px);letter-spacing:.18em;text-shadow:0 0 14px var(--z3d-accent-2)}
.z3d-door{position:absolute;top:0;bottom:0;width:50%;z-index:4;background:linear-gradient(115deg,rgba(255,255,255,.12),rgba(8,7,12,.9));border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(4px);transform-style:preserve-3d;animation-duration:1.25s;animation-delay:1.45s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.55,.02,.15,1)}.z3d-door--left{left:0;transform-origin:left;animation-name:z3dDoorLeft}.z3d-door--right{right:0;transform-origin:right;animation-name:z3dDoorRight}.z3d-door i{position:absolute;top:50%;width:5px;height:18%;border-radius:10px;background:var(--z3d-accent-2);box-shadow:0 0 13px var(--z3d-accent-2)}.z3d-door--left i{right:8%}.z3d-door--right i{left:8%}
.z3d-floor-lines{position:absolute;left:7%;right:7%;bottom:0;height:17%;transform-origin:top;transform:perspective(500px) rotateX(58deg);background:linear-gradient(180deg,#161020,#060509);overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}.z3d-floor-lines:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 8%,color-mix(in srgb,var(--z3d-accent) 24%,transparent) 8.2% 8.5%),repeating-linear-gradient(0deg,transparent 0 23%,color-mix(in srgb,var(--z3d-accent-2) 20%,transparent) 23.5% 24%)}
.z3d-copy{position:absolute;left:50%;bottom:5.5vh;transform:translateX(-50%);z-index:12;text-align:center;width:min(90%,680px);animation:z3dCopy 5.5s ease forwards}.z3d-copy p{margin:0 0 8px;font-size:11px;letter-spacing:.42em;font-weight:800;color:color-mix(in srgb,var(--z3d-accent-2) 75%,white)}.z3d-copy h2{margin:0;font-size:clamp(24px,4vw,54px);line-height:1.05;text-shadow:0 0 25px color-mix(in srgb,var(--z3d-accent) 55%,transparent)}.z3d-copy span{display:block;margin-top:10px;font-size:clamp(12px,1.4vw,18px);opacity:.78}
.z3d-skip-wrap{position:absolute;right:18px;top:max(18px,env(safe-area-inset-top));z-index:20}.z3d-skip{appearance:none;border:1px solid rgba(255,255,255,.25);background:rgba(8,6,13,.58);color:#fff;border-radius:999px;padding:10px 15px;font-size:12px;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(12px)}.z3d-skip:focus-visible{outline:2px solid var(--z3d-accent-2);outline-offset:3px}
.z3d-reduced .z3d-camera,.z3d-reduced .z3d-door,.z3d-reduced .z3d-copy{animation:none!important}.z3d-reduced .z3d-door--left{transform:rotateY(-75deg)}.z3d-reduced .z3d-door--right{transform:rotateY(75deg)}
@keyframes z3dCamera{0%{transform:scale(.72) translateY(7vh);filter:blur(3px)}18%{transform:scale(.85) translateY(2vh);filter:blur(0)}50%{transform:scale(1) translateY(0)}76%{transform:scale(1.55) translateY(-1vh)}100%{transform:scale(3.8) translateY(-1vh)}}
@keyframes z3dDoorLeft{to{transform:perspective(500px) rotateY(-104deg)}}@keyframes z3dDoorRight{to{transform:perspective(500px) rotateY(104deg)}}
@keyframes z3dCopy{0%,12%{opacity:0;transform:translate(-50%,18px)}22%,58%{opacity:1;transform:translate(-50%,0)}78%,100%{opacity:0;transform:translate(-50%,-10px)}}
@keyframes z3dExit{to{opacity:0;visibility:hidden;transform:scale(1.03)}}
@media(max-width:749px){.z3d-building{width:115vw;height:86vw;max-height:64vh}.z3d-window{width:24%}.z3d-window--left{left:15%}.z3d-window--right{right:15%}.z3d-door-frame{left:40%;right:40%}.z3d-camera{animation-name:z3dCameraMobile}.z3d-copy{bottom:9vh}.z3d-copy span{padding:0 16px}@keyframes z3dCameraMobile{0%{transform:scale(.72) translateY(5vh)}22%{transform:scale(.88)}57%{transform:scale(1)}80%{transform:scale(1.8)}100%{transform:scale(4.8)}}}
@media(prefers-reduced-motion:reduce){.z3d-camera,.z3d-door,.z3d-copy{animation-duration:.01ms!important;animation-iteration-count:1!important}}