@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600;700;800;900&family=Syne:wght@600;700;800&display=swap');

:root {
  --ink: #080a0c;
  --ink-soft: #11151a;
  --ivory: #eee5d1;
  --paper: #d9cfbb;
  --brass: #ca9b58;
  --rust: #7d4e32;
  --blue: #9bb4bf;
  --line: rgba(238, 229, 209, .24);
  --scene: 0;
  --mx: 0;
  --my: 0;
}

* { box-sizing: border-box; }
html { background: var(--ink); color: var(--ivory); overflow: hidden; }
body { margin: 0; background: var(--ink); color: var(--ivory); font-family: Inter, Arial, sans-serif; min-height: 100svh; overflow: hidden; cursor: none; }
button, a { font: inherit; color: inherit; }
button { border: 0; cursor: none; }
a { text-decoration: none; cursor: none; }
::selection { background: var(--brass); color: var(--ink); }

.grain { position: fixed; inset: -100%; z-index: 9998; pointer-events: none; opacity: .08; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.68'/%3E%3C/svg%3E"); animation: grain .18s steps(2) infinite; }
@keyframes grain { 0%{transform:translate(0,0)} 25%{transform:translate(2%,-3%)} 50%{transform:translate(-4%,2%)} 75%{transform:translate(3%,4%)} 100%{transform:translate(-2%,-3%)} }
.cursor-dot,.cursor-ring { position: fixed; z-index: 10000; pointer-events: none; border-radius: 50%; transform: translate(-50%,-50%); mix-blend-mode: difference; }
.cursor-dot { width: 5px; height: 5px; background: white; }
.cursor-ring { width: 32px; height: 32px; border: 1px solid white; transition: width .2s,height .2s,background .2s; }
body.is-hovering .cursor-ring { width: 58px; height: 58px; background: rgba(255,255,255,.14); }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.boot { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; background: radial-gradient(circle at 50% 40%,#1b2024 0,#080a0c 55%,#030405 100%); transition: opacity 1s cubic-bezier(.77,0,.18,1), visibility 1s; }
.boot.is-gone { opacity: 0; visibility: hidden; }
.boot-stars { position:absolute;inset:0;background-image:radial-gradient(#eee 1px,transparent 1px),radial-gradient(#c99a57 1px,transparent 1px);background-position:0 0,40px 60px;background-size:87px 87px,133px 133px;opacity:.18;animation:starDrift 18s linear infinite; }
@keyframes starDrift { to { background-position: 87px 87px, 173px 193px; } }
.boot-card { position: relative; text-align: center; width: min(92vw,640px); padding: 38px; }
.boot-card:before,.boot-card:after { content:""; position:absolute; inset:0 45%; border-left:1px solid rgba(238,229,209,.18);transform:rotate(45deg);z-index:-1; }
.boot-card:after{transform:rotate(-45deg)}
.eyebrow,.chapter { font: 500 10px/1.4 DM Mono,monospace; letter-spacing: .21em; }
.boot-card h1 { margin: 22px 0 15px; font: 800 clamp(42px,8vw,84px)/.88 Syne,sans-serif; letter-spacing: -.07em; }
.boot-card>p:not(.eyebrow) { color: var(--paper); font: 300 13px/1.7 DM Mono,monospace; }
.boot-card small { display:block; margin-top: 20px; font: 300 9px DM Mono,monospace; letter-spacing: .12em; opacity:.55; }
.boot-orbit { width: 110px;height:110px;border:1px solid var(--line);border-radius:50%;margin:28px auto 0;display:grid;place-items:center;position:relative;animation:spin 8s linear infinite; }
.boot-orbit:before { content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--brass);top:3px;left:20px;box-shadow:0 0 20px var(--brass); }
.boot-orbit span { font-size:48px;transform:rotate(-20deg);animation:spinReverse 8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg) } } @keyframes spinReverse { to { transform:rotate(-380deg) } }

.topbar { position: fixed; z-index: 200; top:0; left:0; right:0; height:78px; display:flex; align-items:center; gap:28px; padding:0 28px; border-bottom:1px solid rgba(238,229,209,.18); background:linear-gradient(to bottom,rgba(8,10,12,.9),rgba(8,10,12,.25)); backdrop-filter:blur(8px); }
.brand { display:flex;align-items:center;gap:10px;background:none;text-align:left;font:800 11px/1 Syne,sans-serif;letter-spacing:.04em; }
.brand-moon { display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--ivory);border-radius:50%;font-size:19px; }
.signal { display:flex;align-items:center;gap:8px;margin-right:auto;font:400 9px DM Mono,monospace;letter-spacing:.1em;color:rgba(238,229,209,.6); }
.signal i { width:5px;height:5px;border-radius:50%;background:var(--brass);box-shadow:0 0 11px var(--brass);animation:pulse 1.4s ease-in-out infinite; }
@keyframes pulse { 50% { opacity:.25;transform:scale(.7) } }
.desktop-nav { display:flex;gap:24px; }
.desktop-nav button { position:relative;background:none;padding:10px 0;font:500 9px DM Mono,monospace;letter-spacing:.13em;color:rgba(238,229,209,.65); }
.desktop-nav button:after { content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--brass);transition:right .3s; }
.desktop-nav button:hover:after { right:0; }
.top-actions { display:flex;align-items:center;gap:9px; }
.sound-toggle { background:transparent;border:1px solid var(--line);border-radius:99px;padding:10px 12px;font:500 8px DM Mono,monospace;letter-spacing:.1em; }
.sound-toggle span {color:var(--brass);margin-right:6px}.sound-toggle.is-on span{animation:pulse .5s infinite}
.x-link { width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:13px;transition:.3s; }
.x-link:hover{background:var(--ivory);color:var(--ink)}
.buy-link { display:flex;gap:24px;align-items:center;background:var(--ivory);color:var(--ink);padding:11px 15px 11px 18px;font:800 10px Syne,sans-serif;letter-spacing:.12em;transition:.3s; }
.buy-link:hover{background:var(--brass);transform:translateY(-2px)}
.buy-link i { font-style:normal; }

.experience { width:100vw;height:100svh;overflow:hidden; }
.scene-track { display:flex;width:500vw;height:100%;transform:translate3d(calc(var(--scene) * -100vw),0,0);transition:transform 1.05s cubic-bezier(.76,0,.18,1); }
.scene { position:relative;width:100vw;height:100svh;flex:none;overflow:hidden;padding:110px 7vw 85px;isolation:isolate; }
.scene:after { content:"";position:absolute;inset:0;z-index:-5;pointer-events:none;background:radial-gradient(circle at 50% 30%,transparent 0,rgba(0,0,0,.18) 58%,rgba(0,0,0,.58) 100%); }
.chapter { color:var(--brass);margin:0 0 22px; }
.moon-button { background:transparent;border:1px solid var(--ivory);display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:14px 16px 14px 18px;font:700 10px Syne,sans-serif;letter-spacing:.13em;min-width:205px;position:relative;overflow:hidden; }
.moon-button:before {content:"";position:absolute;inset:0;background:var(--ivory);transform:translateX(-102%);transition:transform .35s;z-index:-1}.moon-button:hover:before{transform:none}.moon-button:hover{color:var(--ink)}
.moon-button i {font-style:normal;font-size:16px}.text-button{background:none;font:500 9px DM Mono,monospace;letter-spacing:.12em;padding:14px 5px;border-bottom:1px solid var(--line)}.text-button span{color:var(--brass);margin-left:8px}

.hero { background:radial-gradient(circle at 74% 45%,#283038 0,#101418 23%,#090b0d 58%,#050607 100%); }
.hero-stars {position:absolute;inset:0;z-index:-3;background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.5px);background-size:67px 67px;opacity:.22;transform:translate(calc(var(--mx)*-13px),calc(var(--my)*-13px));transition:transform .2s ease-out}
.orbit-line {position:absolute;border:1px solid rgba(216,207,188,.17);border-radius:50%;z-index:-1}.orbit-a{width:65vw;height:65vw;right:-2vw;top:-16vw;transform:rotate(13deg)}.orbit-b{width:42vw;height:42vw;right:10vw;top:13vh;border-style:dashed;animation:spin 80s linear infinite}
.hero-copy {position:relative;z-index:4;margin-top:12vh;width:52vw}.hero h2{margin:0;font:800 clamp(74px,10.4vw,190px)/.72 Syne,sans-serif;letter-spacing:-.085em;text-transform:uppercase}.hero h2 span{display:block}.hero h2 span:nth-child(2){color:transparent;-webkit-text-stroke:1px var(--ivory);margin-left:8vw}.hero-lede{margin:32px 0 28px 8vw;font:300 clamp(12px,1.25vw,18px)/1.7 DM Mono,monospace;color:var(--paper)}.hero-cta-row{display:flex;align-items:center;gap:25px;margin-left:8vw}
.portrait-wrap {position:absolute;right:8vw;top:15vh;width:min(38vw,550px);height:min(74vh,690px);perspective:1000px;transform:translate(calc(var(--mx)*11px),calc(var(--my)*11px));transition:transform .18s ease-out;z-index:1}.portrait-halo{position:absolute;inset:-8%;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 100px rgba(202,155,88,.1);animation:breath 5s ease-in-out infinite}.portrait-halo:after{content:"";position:absolute;width:14px;height:14px;background:var(--brass);border-radius:50%;left:8%;top:18%;box-shadow:0 0 20px var(--brass)}@keyframes breath{50%{transform:scale(1.035);opacity:.55}}
.portrait-frame{position:absolute;inset:0;clip-path:polygon(9% 0,91% 0,100% 9%,100% 87%,88% 100%,12% 100%,0 88%,0 11%);overflow:hidden;background:#151719;border:1px solid var(--line);transform:rotateY(calc(var(--mx)*-3deg)) rotateX(calc(var(--my)*3deg));transition:transform .15s}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08) brightness(.9)}.visor-glare{position:absolute;inset:-20%;background:linear-gradient(120deg,transparent 36%,rgba(255,255,255,.15) 43%,transparent 48%);transform:translateX(calc(var(--mx)*45%));mix-blend-mode:screen}.photo-stamp{position:absolute;right:18px;bottom:18px;padding:8px 10px;background:rgba(8,10,12,.7);font:400 7px/1.5 DM Mono,monospace;letter-spacing:.12em;color:var(--brass)}
.portrait-label{position:absolute;display:flex;align-items:center;gap:8px;font:500 8px DM Mono,monospace;letter-spacing:.1em;background:var(--ivory);color:var(--ink);padding:7px 10px;z-index:3}.portrait-label span{color:var(--rust)}.label-a{left:-35px;top:25%}.label-b{right:-28px;bottom:18%}
.float-relic{position:absolute;z-index:5;color:var(--ivory);filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));animation:float 5s ease-in-out infinite;outline:none}.float-relic svg{fill:none;stroke:currentColor;stroke-width:3;width:100%;height:100%;transition:.35s}.float-relic:hover svg,.float-relic:focus svg{color:var(--brass);transform:scale(1.08) rotate(5deg)}.float-relic em{font:400 7px/1.4 DM Mono,monospace;letter-spacing:.1em}.relic-phone{left:3vw;top:25vh;width:50px;height:70px;transform:rotate(-14deg)}.relic-cross{right:3vw;bottom:24vh;width:42px;height:58px;animation-delay:-1.3s}.relic-beanie{left:44vw;top:13vh;width:63px;height:55px;transform:rotate(12deg);animation-delay:-2.8s}@keyframes float{50%{margin-top:-12px}}
.drag-note{position:absolute;right:27vw;bottom:22px;font:400 8px DM Mono,monospace;letter-spacing:.13em;color:rgba(238,229,209,.55)}.drag-note span{display:inline-block;margin-left:7px;color:var(--brass);animation:nudge 1.2s ease-in-out infinite}@keyframes nudge{50%{transform:translateX(6px)}}

.origin{background:linear-gradient(125deg,#080a0b 0,#151312 55%,#211811 100%)}.origin-grid{height:100%;display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:8vw;align-items:center;max-width:1350px;margin:auto}.origin-image{position:relative;height:64vh;max-height:660px;clip-path:polygon(0 7%,8% 0,92% 0,100% 8%,100% 93%,93% 100%,7% 100%,0 93%);overflow:hidden;box-shadow:0 25px 70px #000}.origin-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(238,229,209,.28),inset 0 0 120px #000}.origin-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) sepia(.2) contrast(1.1)}.origin-image>span{position:absolute;left:18px;bottom:16px;z-index:3;font:400 8px DM Mono,monospace;letter-spacing:.14em}.scanline{position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.03) 3px 4px);animation:scan 7s linear infinite}@keyframes scan{to{background-position:0 100px}}
.story-card{position:relative;max-width:680px}.story-card h2{margin:0 0 22px;font:800 clamp(54px,6vw,110px)/.77 Syne,sans-serif;letter-spacing:-.07em}.story-card h2 i{font-weight:600;color:var(--brass)}.story-copy{columns:2;column-gap:32px;border-top:1px solid var(--line);padding-top:18px}.story-copy p{margin:0 0 14px;font:300 clamp(10px,.82vw,13px)/1.75 DM Mono,monospace;color:var(--paper);break-inside:avoid}.story-copy em{color:var(--brass)}.story-copy strong{color:var(--ivory)}.story-toggle{margin-top:12px;background:none;padding:10px 0;font:500 8px DM Mono,monospace;letter-spacing:.12em;color:var(--brass)}.story-toggle i{display:inline-block;width:42px;height:1px;background:var(--brass);margin-left:12px;vertical-align:middle;transform-origin:left;transition:.5s}.story-toggle.is-held i{transform:scaleX(3)}.origin.is-whispering .origin-image{filter:blur(1px);transform:scale(1.015)}.origin.is-whispering .story-copy{color:var(--brass);text-shadow:0 0 12px rgba(202,155,88,.4)}
.quote-orbit{position:absolute;right:-9vw;bottom:-17vw;width:40vw;height:40vw;border:1px solid var(--line);border-radius:50%;animation:spin 24s linear infinite}.quote-orbit span{position:absolute;top:18px;left:8%;font:400 8px DM Mono,monospace;letter-spacing:.2em;color:rgba(238,229,209,.35)}

.moonroom{padding:0;background:#090b0d}.room-bg{position:absolute;inset:0;background:url('assets/moon-room.png') center/cover no-repeat;z-index:-4;transform:scale(1.04) translate(calc(var(--mx)*-5px),calc(var(--my)*-5px));transition:transform .2s}.room-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,8,9,.9) 0,rgba(7,8,9,.4) 32%,transparent 55%),linear-gradient(0deg,rgba(7,8,9,.82),transparent 30%,rgba(7,8,9,.42))}.room-intro{position:absolute;z-index:3;left:7vw;top:18vh;width:330px}.room-intro h2{margin:0;font:800 clamp(56px,6vw,100px)/.82 Syne,sans-serif;letter-spacing:-.07em}.room-intro>p:not(.chapter){font:300 11px/1.7 DM Mono,monospace;color:var(--paper);max-width:270px}.found-counter{margin-top:24px;display:inline-flex;gap:8px;padding:10px 12px;border:1px solid var(--line);font:500 8px DM Mono,monospace;letter-spacing:.13em}.found-counter span{color:var(--brass)}
.room-hotspot{position:absolute;z-index:4;width:36px;height:36px;border-radius:50%;background:rgba(8,10,12,.6);border:1px solid var(--ivory);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(238,229,209,.3);animation:hotspot 2.4s ease-out infinite}.room-hotspot span{font:300 18px DM Mono,monospace;transition:.3s}.room-hotspot i{position:absolute;left:42px;font:500 7px DM Mono,monospace;color:var(--brass);font-style:normal}.room-hotspot:hover span{transform:rotate(90deg)}.room-hotspot.is-found{background:var(--brass);color:var(--ink);border-color:var(--brass);animation:none}.room-hotspot.is-found span{transform:rotate(45deg)}@keyframes hotspot{70%{box-shadow:0 0 0 14px rgba(238,229,209,0)}}
.hs-phone{left:34%;top:20%}.hs-earring{right:14%;top:18%}.hs-headphones{left:30%;bottom:26%}.hs-beanie{right:23%;top:13%}.hs-cassette{right:25%;bottom:34%}.hs-coffee{left:50%;top:39%}.hs-capy{right:7%;top:38%}
.object-message{position:absolute;right:6vw;bottom:9vh;z-index:5;width:320px;padding:18px 20px;background:rgba(8,10,12,.84);border-left:2px solid var(--brass);backdrop-filter:blur(8px);transform:translateY(18px);opacity:.75;transition:.4s}.object-message.is-speaking{transform:none;opacity:1}.object-message span{font:500 7px DM Mono,monospace;letter-spacing:.14em;color:var(--brass)}.object-message p{margin:7px 0 0;font:400 11px/1.6 DM Mono,monospace}

.roadmap{background:radial-gradient(circle at 72% 50%,#1c2227 0,#0c0f12 40%,#060708 75%);display:grid;grid-template-columns:34% 1fr;gap:5vw;align-items:center}.road-copy{z-index:4}.road-copy h2{margin:0;font:800 clamp(60px,7vw,115px)/.8 Syne,sans-serif;letter-spacing:-.075em}.road-copy>p:not(.chapter){max-width:370px;font:300 11px/1.7 DM Mono,monospace;color:var(--paper)}.map-detail{margin-top:30px;padding:17px 20px;border:1px solid var(--line);border-left:3px solid var(--brass);max-width:390px;min-height:118px;background:rgba(8,10,12,.35);transition:.35s}.map-detail.is-changing{transform:translateX(15px);opacity:.3}.map-detail small{font:500 7px DM Mono,monospace;letter-spacing:.16em;color:var(--brass)}.map-detail strong{display:block;margin:8px 0 5px;font:700 15px Syne,sans-serif}.map-detail p{margin:0;font:300 10px/1.5 DM Mono,monospace;color:var(--paper)}
.orbit-map{position:relative;width:min(65vw,740px);aspect-ratio:1;margin:auto;touch-action:none;transform:rotate(var(--orbit-rotate,0deg));transition:transform .3s ease-out}.map-glow{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(202,155,88,.2),transparent 67%);filter:blur(12px)}.planet.core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:19%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f5e8cf,#c5b08d 35%,#5e5140 70%,#1c1c19);box-shadow:inset -18px -15px 25px rgba(0,0,0,.7),0 0 45px rgba(202,155,88,.18)}.planet span{font:800 20px Syne,sans-serif;color:#171512;transform:rotate(calc(var(--orbit-rotate,0deg)*-1))}.planet i{position:absolute;width:146%;height:35%;border:1px solid rgba(238,229,209,.4);border-radius:50%;transform:rotate(-13deg)}.map-ring{position:absolute;border:1px solid rgba(238,229,209,.16);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:43%;height:43%;border-style:dashed}.ring-two{width:70%;height:70%}.ring-three{width:96%;height:96%;border-style:dotted}.moon-node{position:absolute;width:72px;aspect-ratio:1;border-radius:50%;background:#11151a;border:1px solid rgba(238,229,209,.45);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(202,155,88,.2);transition:.35s;transform:rotate(calc(var(--orbit-rotate,0deg)*-1))}.moon-node:before{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d6c7a9,#857a68 45%,#302e2a 75%);opacity:.55}.moon-node span{position:relative;z-index:2;font:600 12px DM Mono,monospace}.moon-node b{position:absolute;top:82px;white-space:nowrap;font:500 7px DM Mono,monospace;letter-spacing:.13em;color:rgba(238,229,209,.7)}.moon-node:hover,.moon-node.is-selected{border-color:var(--brass);box-shadow:0 0 0 10px rgba(202,155,88,.09),0 0 35px rgba(202,155,88,.22);transform:rotate(calc(var(--orbit-rotate,0deg)*-1)) scale(1.1)}.moon-node.is-selected span{color:#18140f}.moon-node.is-selected:before{background:var(--brass);opacity:1}.node-1{left:47%;top:4%}.node-2{right:5%;top:35%}.node-3{right:18%;bottom:8%}.node-4{left:13%;bottom:15%}.node-5{left:7%;top:27%}.map-scribble{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(202,155,88,.33);stroke-width:1;stroke-dasharray:5 10;pointer-events:none}

.lab{background:linear-gradient(100deg,#07090b,#111821 55%,#080a0c);display:grid;grid-template-columns:28% 1fr 27%;gap:3vw;align-items:center}.lab-copy h2{margin:0;font:800 clamp(47px,5.7vw,92px)/.84 Syne,sans-serif;letter-spacing:-.07em}.lab-copy>p:not(.chapter){font:300 10px/1.7 DM Mono,monospace;color:var(--paper)}.lab-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:26px}.constellation-wrap{position:relative;height:68vh;border:1px solid var(--line);clip-path:polygon(0 5%,5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%);background:radial-gradient(circle at 50% 45%,rgba(109,138,151,.13),rgba(0,0,0,.18) 52%),radial-gradient(#e9dfc9 1px,transparent 1.4px);background-size:auto,58px 58px}.constellation-wrap:before{content:"";position:absolute;inset:9%;border:1px dashed rgba(238,229,209,.12);border-radius:50%;pointer-events:none}#constellation{display:block;width:100%;height:100%;touch-action:none}.canvas-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;transition:.3s}.canvas-hint span{display:block;font:700 12px Syne,sans-serif;letter-spacing:.1em}.canvas-hint i{font:300 7px DM Mono,monospace;letter-spacing:.15em;color:var(--brass)}.constellation-wrap.has-drawing .canvas-hint{opacity:0}.beamed{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:rgba(8,10,12,.78);font:800 clamp(25px,3vw,42px)/1 Syne,sans-serif;letter-spacing:-.03em;opacity:0;visibility:hidden;transition:.6s}.beamed span{font:400 8px DM Mono,monospace;letter-spacing:.2em;color:var(--brass);margin-top:13px}.beamed.is-visible{opacity:1;visibility:visible}.final-card{padding:28px 25px;border:1px solid var(--line);background:rgba(8,10,12,.5);position:relative;overflow:hidden}.final-card:after{content:"";position:absolute;width:200px;height:200px;border:1px solid rgba(238,229,209,.1);border-radius:50%;right:-100px;top:-100px}.tiny-moon{font-size:40px}.final-card>p:first-of-type{font:500 7px DM Mono,monospace;letter-spacing:.16em;color:var(--brass)}.final-card h3{margin:14px 0;font:800 clamp(30px,3vw,50px) Syne,sans-serif;letter-spacing:-.05em}.final-note{font:300 10px/1.7 DM Mono,monospace;color:var(--paper)}.mega-buy{margin-top:22px;padding:18px;background:var(--brass);color:var(--ink);display:flex;justify-content:space-between;font:800 15px Syne,sans-serif;transition:.3s}.mega-buy:hover{background:var(--ivory);transform:translateY(-3px)}.final-x{display:block;text-align:center;margin-top:12px;padding:10px;border-bottom:1px solid var(--line);font:500 8px DM Mono,monospace;letter-spacing:.1em}

.scene-controls{position:fixed;z-index:150;left:28px;bottom:22px;display:flex;align-items:center;gap:12px}.scene-controls button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:rgba(8,10,12,.6);backdrop-filter:blur(5px);transition:.3s}.scene-controls button:hover{background:var(--ivory);color:var(--ink)}.scene-index{display:flex;align-items:center;gap:7px;font:500 8px DM Mono,monospace}.scene-index i{width:35px;height:1px;background:var(--line)}.scene-controls p{min-width:90px;font:500 7px DM Mono,monospace;letter-spacing:.14em;color:var(--brass)}
.toast{position:fixed;z-index:500;top:92px;left:50%;transform:translate(-50%,-30px);padding:11px 17px;background:var(--ivory);color:var(--ink);font:600 8px DM Mono,monospace;letter-spacing:.12em;opacity:0;visibility:hidden;transition:.35s}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}

@media (max-width: 980px) {
  body{cursor:auto}.cursor-dot,.cursor-ring{display:none}button,a{cursor:pointer}.topbar{height:66px;padding:0 14px}.signal,.desktop-nav,.sound-toggle{display:none}.brand{margin-right:auto}.scene{padding:85px 22px 78px}.hero-copy{margin-top:5vh;width:80vw}.hero h2{font-size:clamp(58px,16vw,110px)}.hero h2 span:nth-child(2){margin-left:0}.hero-lede,.hero-cta-row{margin-left:0}.portrait-wrap{right:-8vw;top:39vh;width:59vw;height:49vh;opacity:.78}.relic-beanie{left:auto;right:4vw}.origin-grid{grid-template-columns:36% 1fr;gap:5vw}.story-card h2{font-size:clamp(46px,8vw,72px)}.story-copy{columns:1;max-height:39vh;overflow:auto;padding-right:8px}.roadmap{grid-template-columns:37% 1fr}.lab{grid-template-columns:28% 1fr}.final-card{position:absolute;right:22px;bottom:78px;width:240px;transform:translateX(calc((4 - var(--scene))*120%));transition:.8s}.constellation-wrap{height:58vh}.scene-controls p{display:none}
}

@media (max-width: 680px) {
  .topbar{background:rgba(8,10,12,.82)}.brand span:last-child{font-size:9px}.x-link{display:none}.buy-link{gap:12px;padding:10px 12px}.scene{padding:82px 18px 74px}.hero-copy{margin-top:2vh;width:96vw}.hero .chapter{max-width:190px}.hero h2{font-size:clamp(48px,15vw,66px);line-height:.77}.hero h2 span:nth-child(2){font-size:.69em;letter-spacing:-.065em}.hero-lede{font-size:10px;margin-top:20px}.hero-cta-row{gap:10px;flex-wrap:wrap}.moon-button{min-width:180px;gap:18px}.portrait-wrap{width:76vw;height:45vh;right:-10vw;top:42vh}.portrait-label{display:none}.float-relic{opacity:.7}.relic-phone{top:55%;left:4vw}.relic-cross{bottom:14%;right:4vw}.relic-beanie{top:22%}.orbit-a{width:110vw;height:110vw}.drag-note{display:none}
  .origin{overflow:auto}.origin-grid{display:block;height:auto}.origin-image{position:absolute;inset:0;width:100%;height:100%;opacity:.22;clip-path:none}.story-card{position:relative;z-index:2}.story-card h2{font-size:clamp(46px,14vw,68px)}.story-copy{columns:1;max-height:43vh;overflow:auto;background:rgba(8,10,12,.42);padding:15px}.story-copy p{font-size:9px}.quote-orbit{display:none}
  .room-intro{left:18px;top:88px;width:calc(100vw - 36px)}.room-intro h2{font-size:clamp(40px,12vw,50px)}.room-vignette{background:linear-gradient(90deg,rgba(7,8,9,.82),transparent),linear-gradient(0deg,rgba(7,8,9,.85),transparent 50%)}.room-bg{background-position:58% center}.object-message{left:18px;right:18px;bottom:72px;width:auto}.hs-phone{left:38%;top:22%}.hs-earring{right:12%;top:17%}.hs-headphones{left:18%;bottom:24%}.hs-beanie{right:16%;top:30%}.hs-cassette{right:24%;bottom:38%}.hs-coffee{left:53%;top:52%}.hs-capy{right:10%;top:46%}
  .roadmap{display:block;padding-top:82px}.road-copy h2{font-size:48px}.road-copy>p:not(.chapter){display:none}.map-detail{position:absolute;left:18px;right:18px;bottom:72px;z-index:5;max-width:none;background:rgba(8,10,12,.78)}.orbit-map{width:96vw;margin:-15px auto 0;left:50%;transform:translateX(-50%) rotate(var(--orbit-rotate,0deg))}.moon-node{width:54px}.moon-node b{top:60px;font-size:6px}.planet span{font-size:13px}
  .lab{display:block;padding-top:82px}.lab-copy h2{font-size:46px}.lab-copy>p:not(.chapter){display:none}.lab-buttons{position:absolute;bottom:72px;left:18px;z-index:4}.constellation-wrap{position:absolute;left:18px;right:18px;top:260px;height:40vh}.final-card{right:18px;bottom:70px;width:210px;display:none}.scene-controls{left:18px;bottom:18px}.scene-controls button{width:34px;height:34px}.toast{top:76px;width:max-content;max-width:90vw;text-align:center}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}