:root{--bg:#071319;--camera-x:0px;--camera-y:0px}
.map-mark,.small-cross,.connections{user-select:none;-webkit-user-select:none;pointer-events:none}
.world{background:#071319}
.cosmos{position:absolute;inset:-5%;transition:transform 1.3s cubic-bezier(.2,.7,.2,1);transform:scale(1)}
.nebula{position:absolute;inset:-15%;will-change:translate}
.nebula-teal{background:radial-gradient(ellipse at 58% 52%,#4a9d9752,transparent 23%),radial-gradient(ellipse at 76% 38%,#327b8060,transparent 29%),radial-gradient(ellipse at 40% 75%,#165b6a70,transparent 35%);translate:calc(var(--camera-x) * -.3) calc(var(--camera-y) * -.3);filter:blur(25px)}
.nebula-amber{background:radial-gradient(ellipse at 82% 70%,#b77b3b24,transparent 28%),radial-gradient(ellipse at 46% 43%,#c3a67918,transparent 20%),radial-gradient(ellipse at 26% 25%,#494b731b,transparent 28%);translate:calc(var(--camera-x) * -.65) calc(var(--camera-y) * -.65)}
#starfield{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.cosmic-dust{position:absolute;inset:0;background:radial-gradient(circle at 84% 21%,#a5e5df40 0,transparent 4px),radial-gradient(circle at 38% 84%,#e4c69435 0,transparent 5px),radial-gradient(circle at 92% 66%,#c9efdf36 0,transparent 7px),radial-gradient(circle at 9% 58%,#b7d0c838 0,transparent 4px);filter:blur(1px);translate:calc(var(--camera-x) * -2.3) calc(var(--camera-y) * -2.3)}
.world::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 58% 52%,transparent 22%,#020b1260 77%,#020b12b0 100%)}
.world-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 79% 45%,#061217e8 0%,#061217b8 35%,transparent 77%);opacity:0;transition:opacity .9s;z-index:1}
.grain{opacity:.028}
body.exploring .cosmos{transform:scale(1.14) translateX(-3%)}
body.exploring .world-shade{opacity:1}
.intro{text-shadow:0 2px 25px #020a10}
.atlas{translate:calc(var(--camera-x) * .23) calc(var(--camera-y) * .23);outline:none}
.atlas::before{content:none}
.node-art{box-shadow:12px 24px 35px #0009,-3px -4px 17px #98d8cb24,0 0 65px #67afa316;border-color:#afdbc966}
.node-art::after{background:radial-gradient(circle at 28% 21%,#eeefcd14,transparent 46%),linear-gradient(135deg,transparent 35%,#020a12b0);box-shadow:inset -8px -10px 19px #01080d75,inset 2px 2px 5px #d3edce35}
.node-art img{filter:saturate(.95)}
.node-orbit{box-shadow:0 13px 22px -15px #010608aa;border-top-color:#beded050}
.core-ring{background:radial-gradient(circle at 30% 23%,#355850,#122c32 52%,#06151d 100%);box-shadow:14px 22px 35px #0008,-2px -2px 17px #b4d7af24,0 0 80px #83b4a122}
.node-label,.core small{text-shadow:0 2px 10px #000,0 0 24px #020b10}
.web-lines{filter:drop-shadow(0 0 5px #9ce4d46b);opacity:.6}
.web-faint{opacity:.09}
body.exploring .atlas{filter:blur(.35px);opacity:.8;transform:translate(-24%,0) scale(.5);transition:transform 1s cubic-bezier(.16,.8,.2,1),filter .8s,opacity .8s}
body.exploring .node[aria-current=true]{filter:drop-shadow(0 0 25px #b9dca62b)}
.detail,body.exploring .detail{background:none;border:0;animation:scene-open .9s cubic-bezier(.16,.8,.2,1) both;perspective:1300px}
#detail-content{perspective:1300px;padding-bottom:12px}
.detail-top{animation:words-in .8s .08s both}
.detail h2{text-shadow:0 4px 40px #0005}
.detail-visual{position:relative;transform-origin:50% 50%;animation:visual-in 1.15s cubic-bezier(.16,.8,.2,1) both}
.detail-visual img{border:1px solid #b6d9d226;border-radius:3px;box-shadow:0 22px 45px -12px #000b,0 0 45px #71b8a514}
.detail-visual:not(.product-visual):not(.origins-visual) img{mask-image:linear-gradient(180deg,#000 70%,#000c 91%,transparent);border:0;border-radius:3px 3px 0 0}
.detail-visual figcaption{margin-top:12px;text-shadow:0 2px 8px #000}
.scene-tabs{border-bottom-color:#a5c2b826}
.detail-actions,.investment-link,.fine-print,.related{animation:words-in 1s .14s both}
.action-primary{box-shadow:0 6px 24px #0004}
footer{height:65px;background:transparent;border-top:0;padding-inline:48px;font-size:10px;color:#a9bdb9}
footer::before{content:'';position:absolute;top:0;left:48px;right:48px;height:1px;background:linear-gradient(90deg,#91b3a520,transparent 80%)}
.footer-brand{color:#d8dfd4;font-size:12px}.footer-links{display:flex;gap:26px;margin-left:auto}.footer-copyright{margin-left:26px;font-size:9px;color:#8ba6a1}
main{height:calc(100svh - 165px)}
@keyframes scene-open{from{opacity:0;transform:translate3d(25px,15px,0) scale(.95);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes words-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes visual-in{from{opacity:0;transform:rotateY(-12deg) rotateX(5deg) translate3d(0,28px,-100px)}to{opacity:1;transform:rotateY(-2deg) rotateX(1deg)}}
@media(min-width:761px) and (max-height:770px){main{height:calc(100svh - 135px)}footer{height:55px}}
@media(min-width:761px) and (max-width:1100px){body.exploring .atlas{transform:translate(-27%,0) scale(.46)}footer{padding-inline:30px}footer::before{left:30px;right:30px}}
@media(max-width:760px){main{height:calc(100svh - 146px);min-height:476px}footer{height:66px;padding-inline:22px;flex-wrap:wrap;align-content:center;gap:5px 20px}footer::before{left:22px;right:22px}.footer-brand{font-size:10px}.footer-links{gap:18px;font-size:9px}.footer-copyright{width:100%;margin-left:0;font-size:8px}.atlas{translate:none}body.exploring .atlas{transform:scale(.64);opacity:.08;filter:blur(3px)}.world-shade{background:radial-gradient(ellipse at 50% 45%,#061217e8 0%,#061217c7 55%,#06121766 100%)}.detail,body.exploring .detail{background:none}.cosmic-dust{opacity:.5}.nebula-teal{opacity:.8}.detail-visual{animation-name:words-in}}
@media(max-width:760px){.intro-copy{max-width:180px}}
@media(prefers-reduced-motion:reduce){.atlas,.nebula,.cosmic-dust{translate:none!important}.cosmos{transform:none!important}*,*::before,*::after{animation:none!important;transition:none!important}}