.scene-3d{--tilt-x:0deg;--tilt-y:0deg;--light-x:50%;isolation:isolate;min-width:0;height:690px;touch-action:pan-y}.scene-3d .scene-caption{z-index:5;top:8px;left:8%}.scene-3d .scene-caption small{font-size:6px;letter-spacing:1.5px}.energy-glow{position:absolute;inset:10% -8% 4%;background:radial-gradient(ellipse at 50% 60%,#00c6ff25,transparent 62%);pointer-events:none}.energy-tracks{position:absolute;inset:0;width:100%;height:100%;opacity:.6;pointer-events:none}.stage-viewport{position:absolute;inset:85px 0 105px;perspective:1250px;z-index:3}.stage-tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .2s ease-out}.proposal-stack{position:relative;height:100%;width:100%;transform-style:preserve-3d}.depth-page{position:absolute;margin:0;left:18%;top:1%;height:91%;aspect-ratio:595/842;transform-style:preserve-3d;transform-origin:50% 70%;transition:transform .85s cubic-bezier(.22,1,.36,1),filter .85s;box-shadow:2px 2px 0 #36505c,4px 4px 0 #111d24,12px 30px 35px #0009;border:1px solid #385365;background:#070c10}.depth-page img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}.depth-page figcaption{position:absolute;bottom:-26px;left:0;white-space:nowrap;font-family:Orbitron;font-size:7px;letter-spacing:1px;color:#91c0d6;padding-left:7px;border-left:2px solid #00d2ff}.depth-cover{transform:translate3d(-22px,0,70px) rotateY(-19deg) rotateZ(-7deg)}.depth-gallery{transform:translate3d(34px,-5px,5px) rotateY(-19deg) rotateZ(3deg);filter:brightness(.65)}.depth-scope{transform:translate3d(83px,-5px,-60px) rotateY(-19deg) rotateZ(13deg);filter:brightness(.5)}.depth-gallery figcaption,.depth-scope figcaption{opacity:0;transition:opacity .4s}.surface-light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#b0eeff12 45%,transparent 65%);background-position:var(--light-x) 50%;background-size:200% 100%;pointer-events:none}.platform{position:absolute;left:5%;right:0;bottom:66px;height:175px;perspective:700px;pointer-events:none;z-index:1}.platform-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #00cfff8a;transform:rotateX(64deg);box-shadow:0 0 22px #00bfff30,inset 0 0 24px #00bfff24;background:repeating-radial-gradient(ellipse,transparent 0 32px,#00cfff14 33px 34px,transparent 35px 50px)}.platform-ring:before,.platform-ring:after{content:'';position:absolute;border-radius:50%;border:1px dashed #00cfff40;inset:12px}.platform-ring:after{inset:32px;border-style:solid}.platform-core{position:absolute;inset:35px;display:grid;place-items:center;color:#00ccff5e;font-size:68px;transform:rotateX(62deg);text-shadow:0 0 25px #00ccff}.scene-coordinate{position:absolute;left:0;bottom:115px;color:#507688;font-family:Barlow;font-size:6px;line-height:1.8;letter-spacing:1.2px;z-index:4}.scene-coordinate b{font-size:7px;font-weight:400;color:#83aebf}.scene-controls{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:6}.explore-3d{display:flex;align-items:center;gap:18px;background:#0b1e29;border:1px solid #30728d;color:#d5f4ff;padding:14px 20px;font-family:Barlow;font-size:10px;letter-spacing:1.6px;box-shadow:0 0 28px #00bfff12}.explore-3d:hover{background:#12374b;border-color:#00cfff}.explore-3d span{color:#00d2ff;font-size:17px}.scene-help{font-size:10px;color:#6c91a4}.is-exploded .depth-cover{transform:translate3d(-95px,28px,110px) rotateY(-26deg) rotateZ(-12deg) scale(.77)}.is-exploded .depth-gallery{transform:translate3d(15px,-40px,15px) rotateY(-17deg) rotateZ(-1deg) scale(.77);filter:brightness(1)}.is-exploded .depth-scope{transform:translate3d(122px,-90px,-65px) rotateY(-10deg) rotateZ(10deg) scale(.77);filter:brightness(1)}.is-exploded .depth-gallery figcaption,.is-exploded .depth-scope figcaption{opacity:1}.is-exploded .depth-cover{filter:brightness(.9)}
@media(min-width:1051px){.scene-3d{margin-left:-12px}}
@media(max-width:1050px){.scene-3d{height:590px}.stage-viewport{inset:75px 0 100px}.depth-page{left:14%;height:85%}.depth-cover{transform:translate3d(-15px,8px,55px) rotateY(-20deg) rotateZ(-7deg)}.depth-gallery{transform:translate3d(27px,0,0) rotateY(-19deg) rotateZ(3deg)}.depth-scope{transform:translate3d(62px,-3px,-55px) rotateY(-19deg) rotateZ(12deg)}.is-exploded .depth-cover{transform:translate3d(-55px,30px,65px) rotateY(-24deg) rotateZ(-10deg) scale(.72)}.is-exploded .depth-gallery{transform:translate3d(17px,-22px,0) rotateY(-14deg) scale(.72)}.is-exploded .depth-scope{transform:translate3d(88px,-65px,-65px) rotateY(-8deg) rotateZ(10deg) scale(.72)}.scene-coordinate{display:none}.platform{left:0;right:-5%;bottom:55px}}
@media(max-width:800px){.scene-3d{height:510px}.stage-viewport{inset:65px 0 95px}.depth-page{left:12%;height:82%}.scene-3d .scene-caption{left:4%;font-size:8px}.scene-3d .scene-caption small{font-size:5px;letter-spacing:.7px}.explore-3d{font-size:8px;gap:12px;padding:11px 14px}.depth-page figcaption{font-size:5px;letter-spacing:.6px}}
@media(max-width:540px){.scene-3d{width:100%;max-width:380px;height:510px;margin:12px auto 0}.stage-viewport{inset:65px 0 100px}.depth-page{left:17%;height:88%}.scene-3d .scene-caption{left:9%;font-size:9px}.scene-3d .scene-caption small{font-size:6px}.depth-cover{transform:translate3d(-15px,10px,45px) rotateY(-19deg) rotateZ(-7deg)}.depth-gallery{transform:translate3d(27px,3px,-5px) rotateY(-19deg) rotateZ(3deg)}.depth-scope{transform:translate3d(59px,0,-50px) rotateY(-19deg) rotateZ(12deg)}.platform{bottom:56px;height:140px;left:1%;right:0}.is-exploded .depth-cover{transform:translate3d(-59px,24px,55px) rotateY(-23deg) rotateZ(-12deg) scale(.69)}.is-exploded .depth-gallery{transform:translate3d(4px,-20px,0) rotateY(-15deg) scale(.69)}.is-exploded .depth-scope{transform:translate3d(70px,-61px,-55px) rotateY(-9deg) rotateZ(10deg) scale(.69)}.explore-3d{font-size:9px;padding:13px 18px}.depth-page figcaption{font-size:6px}.scene-help{font-size:9px}}
@media(prefers-reduced-motion:reduce){.stage-tilt{transform:none!important}.depth-page,.depth-page figcaption{transition:none!important}}