/* Lightweight, native 3D geometry. No canvas, remote assets or loading gate. */
.entrance{position:fixed;inset:0;z-index:100;overflow:hidden;background:#0c1009;perspective:1400px;isolation:isolate;opacity:1;transition:opacity .65s ease;touch-action:manipulation}.entrance.done{opacity:0;pointer-events:none}.entrance-room{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#d8ef8740 0%,#56683a20 25%,#0c1009 65%);perspective:1000px}.entrance-grid{position:absolute;inset:45% -60% -100%;background:linear-gradient(#d8ef8720 1px,transparent 1px),linear-gradient(90deg,#d8ef8720 1px,transparent 1px);background-size:75px 75px;transform:rotateX(65deg);transform-origin:50% 0;mask-image:linear-gradient(transparent,#000 30%,transparent)}.entrance-beacon{position:absolute;width:260px;height:260px;border:1px solid #d8ef8744;border-radius:50%;left:calc(50% - 130px);top:calc(50% - 130px);box-shadow:0 0 100px #d8ef871a,inset 0 0 80px #d8ef8712;display:grid;place-content:center;font:italic 80px Instrument;color:#d8ef87;transform:translateZ(-100px);transition:transform 3.7s cubic-bezier(.22,.65,.2,1)}.entrance.open .entrance-beacon{transform:translateZ(180px) rotate(90deg)}.entrance-panel{position:absolute;top:0;bottom:0;width:50%;backface-visibility:hidden;transform-style:preserve-3d;background:repeating-linear-gradient(90deg,transparent 0,transparent 62px,#ffffff03 63px,transparent 64px),linear-gradient(115deg,#2b3425,#141a11 45%,#222a1c);border:1px solid #899b5944;box-shadow:inset 0 0 90px #0009;transition:transform 3.6s cubic-bezier(.65,.03,.18,1),filter 3.6s;will-change:transform}.entrance-panel:before{content:'';position:absolute;inset:6% 10%;border:1px solid #879c5744;box-shadow:inset 0 0 0 12px #0001,0 0 0 12px #0001}.entrance-panel:after{content:'';position:absolute;width:3px;height:16%;top:42%;background:linear-gradient(#7c8d51,#e2fca0,#6d7f45);box-shadow:0 0 20px #d8ef8755}.panel-left{left:0;transform-origin:0 50%;border-right:1px solid #d8ef87}.panel-right{right:0;transform-origin:100% 50%;border-left:1px solid #d8ef87}.panel-left:after{right:25px}.panel-right:after{left:25px}.entrance.open .panel-left{transform:rotateY(-106deg);filter:brightness(.55)}.entrance.open .panel-right{transform:rotateY(106deg);filter:brightness(.55)}.entrance-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transition:opacity .65s,transform 1.1s}.entrance-title small{font:12px Mono;letter-spacing:3px;color:#d6e2c4}.entrance-title strong{font:italic clamp(60px,9vw,130px)/1.15 Instrument;color:#edf2e5;margin:25px 0}.entrance-title span{font:12px Mono;letter-spacing:2px;color:#bac6a8}.entrance.open .entrance-title{opacity:0;transform:translateZ(120px);transition-delay:.1s}.entrance-skip{position:absolute;right:5%;top:35px;padding:10px 18px;border:1px solid #bacd8a70;background:#11180de6;border-radius:25px;font-size:12px;z-index:5}.entrance-caption{position:absolute;bottom:40px;left:0;right:0;text-align:center;font:11px Mono;letter-spacing:2px;color:#b7c99d;transition:opacity .6s}.entrance.open .entrance-caption{opacity:0}.entrance-running{overflow:hidden}.replay-entrance{background:none;border:0;border-bottom:1px solid #485537;padding:9px 0;font:11px Mono;color:#b6c799;margin-top:25px}.hero-art{height:285px;perspective:1000px}.hero-art>.orbit,.hero-art>.art-cross{display:none}.depth-scene{height:100%;display:grid;place-items:center;perspective:900px;transform-style:preserve-3d}.depth-gimbal{width:170px;height:170px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,-12deg)) rotateY(var(--tilt-y,18deg));transition:transform .6s ease-out}.depth-core{position:absolute;inset:35px;transform-style:preserve-3d;animation:core-turn 18s linear infinite}.depth-core i{position:absolute;inset:0;border:1px solid #d8ef8799;background:linear-gradient(135deg,#c4e78418,#d8ef8705);backface-visibility:visible;box-shadow:inset 0 0 24px #d8ef8708}.depth-core i:nth-child(1){transform:translateZ(50px)}.depth-core i:nth-child(2){transform:rotateY(180deg) translateZ(50px)}.depth-core i:nth-child(3){transform:rotateY(90deg) translateZ(50px)}.depth-core i:nth-child(4){transform:rotateY(-90deg) translateZ(50px)}.depth-core i:nth-child(5){transform:rotateX(90deg) translateZ(50px)}.depth-core i:nth-child(6){transform:rotateX(-90deg) translateZ(50px)}.depth-ring{position:absolute;inset:-30px;border:1px solid #d8ef8766;border-radius:50%;transform-style:preserve-3d}.ring-a{animation:ring-turn 24s linear infinite}.ring-b{transform:rotateY(65deg);border-color:#d8ef8733}.ring-c{transform:rotateX(70deg);border-color:#d8ef8733}.depth-ring:after{content:'';width:6px;height:6px;position:absolute;top:25px;left:34px;background:#d8ef87;border-radius:50%;box-shadow:0 0 15px #d8ef87}.motion-paused .depth-core,.motion-paused .depth-ring{animation-play-state:paused}.project-visual{transform:perspective(1000px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transition:transform .45s ease-out,filter .4s;will-change:auto}@keyframes core-turn{from{transform:rotateX(-20deg) rotateY(0deg) rotateZ(12deg)}to{transform:rotateX(340deg) rotateY(360deg) rotateZ(12deg)}}@keyframes ring-turn{from{transform:rotateY(15deg) rotateX(60deg) rotateZ(0deg)}to{transform:rotateY(15deg) rotateX(60deg) rotateZ(360deg)}}@media(max-width:600px){.entrance-panel:before{inset:5% 12%}.entrance-title strong{font-size:62px}.entrance-title small,.entrance-title span{font-size:10px;letter-spacing:1px}.entrance-skip{top:24px}.panel-left:after{right:15px}.panel-right:after{left:15px}.hero-art{height:245px}.depth-gimbal{scale:.8}.replay-entrance{font-size:10px}}@media(prefers-reduced-motion:reduce){.entrance{display:none}.entrance-running{overflow:auto}.depth-core{transform:rotateX(-20deg) rotateY(30deg)}.replay-entrance{display:none}.project-visual{transform:none}}