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

:root { --paper:#d7d5ce; --paper-hi:#eceae3; --ink:#111318; --rust:#b55438; --silver:#cbd3dd; --mx:0; --my:0; }
* { box-sizing:border-box; }
html { background:#05070a; scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; color:#f2f1eb; background:#05070a; font-family:Manrope,Arial,sans-serif; }
body::-webkit-scrollbar { width:8px; }
body::-webkit-scrollbar-track { background:#080b10; }
body::-webkit-scrollbar-thumb { background:#767b7b; }
button,a { color:inherit; font:inherit; }
button { border:0; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid var(--rust); outline-offset:4px; }
::selection { color:#fff; background:var(--rust); }
.site { min-height:100vh; opacity:0; transition:opacity .8s ease; }
.site.ready { opacity:1; }
.grain { position:fixed; z-index:200; inset:0; pointer-events:none; opacity:.12; mix-blend-mode:soft-light; background:repeating-radial-gradient(circle at 17% 29%,#fff 0 1px,transparent 1px 4px); background-size:8px 9px; animation:noise .22s steps(2) infinite; }
.loader { position:fixed; z-index:300; inset:0; display:grid; place-content:center; justify-items:center; gap:20px; color:#cfd5d8; background:#05070a; transition:opacity .7s .2s,visibility .7s .2s; }
.ready .loader { opacity:0; visibility:hidden; }
.loader-pons { width:95px; height:95px; display:grid; place-items:center; color:#11151a; border-radius:43% 57% 48% 52%; background:radial-gradient(circle at 31% 24%,#fbffff,#87919d 52%,#343d47 77%); box-shadow:inset 8px 8px 15px #fff9,inset -9px -10px 16px #111a23,0 0 42px #dbeaff55; font:700 68px/1 Manrope,sans-serif; animation:morph 2s ease-in-out infinite alternate; }
.loader span { font:8px 'DM Mono',monospace; letter-spacing:.22em; }
.loader>i { width:150px; height:1px; overflow:hidden; background:#ffffff28; }
.loader>i::after { content:""; display:block; width:55px; height:100%; background:#e5e9e8; animation:load 1.1s ease-in-out infinite alternate; }

.nav { position:fixed; z-index:90; top:0; left:0; right:0; height:88px; padding:0 3vw; display:grid; grid-template-columns:1.15fr .8fr auto auto; gap:30px; align-items:center; border-bottom:1px solid #ffffff2d; background:#07090d38; backdrop-filter:blur(11px); transition:background .3s; }
.nav:hover { background:#07090dc7; }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; }
.brand>b { width:43px; aspect-ratio:1; display:grid; place-items:center; border-radius:46% 54% 48% 52%; color:#171a21; background:radial-gradient(circle at 30% 25%,#f3f6f6,#959da4 65%,#56606b); box-shadow:inset -5px -5px 9px #65707b,0 0 18px #dbe8f075; font-size:28px; }
.brand span,.live,.nav nav,.buy,.sound,.coord,.side-note { font:8px/1.35 'DM Mono',monospace; letter-spacing:.14em; }
.brand i { color:#8e969e; font-style:normal; }
.live { color:#b6bdc4; }
.live i,.footer-status i { display:inline-block; width:6px; height:6px; margin-right:9px; border-radius:50%; background:#c45b3d; box-shadow:0 0 10px #f0805f; animation:pulse 1.3s infinite; }
.nav nav { display:flex; gap:24px; }
.nav nav a { position:relative; color:#cdd2d5; text-decoration:none; }
.nav nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:1px; background:#e5e7e6; transition:right .25s; }
.nav nav a:hover::after { right:0; }
.nav-actions { display:flex; align-items:center; gap:9px; }
.sound { padding:12px; cursor:pointer; color:#c7ccce; border:1px solid #ffffff35; background:#090c108c; }
.buy { padding:13px 18px; cursor:pointer; color:#14171b; background:#dcdedc; border-radius:2px; font:9px 'DM Mono',monospace; letter-spacing:.1em; text-decoration:none; transition:.25s; }
.buy:hover { color:#fff; background:var(--rust); transform:translateY(-2px); }

.hero { position:relative; min-height:100svh; overflow:hidden; isolation:isolate; }
.hero-image { position:absolute; z-index:-3; inset:-3%; background:url('assets/last-pons-panorama.png') center/cover no-repeat; transform:translate3d(calc(var(--mx)*-10px),calc(var(--my)*-7px),0) scale(1.045); transition:transform .3s ease-out; }
.hero-vignette { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,#05070bd4 0%,#05070b6f 38%,transparent 69%),linear-gradient(0deg,#05070ae8 0%,transparent 41%),radial-gradient(circle at 50% 43%,transparent 18%,#03050953 100%); }
.hero-copy { position:absolute; z-index:3; left:5.5vw; top:24vh; width:min(720px,58vw); text-shadow:0 3px 20px #000; }
.eyebrow { margin:0 0 25px; color:#b6bdc6; font:9px 'DM Mono',monospace; letter-spacing:.2em; }
.hero h1 { margin:0; font-size:clamp(72px,10.5vw,170px); line-height:.72; letter-spacing:-.085em; font-weight:600; }
.hero h1 em { color:transparent; font-family:Georgia,serif; font-weight:400; -webkit-text-stroke:1.6px #e3e7e6; }
.hero-bottom { width:72%; margin-top:50px; display:grid; grid-template-columns:1fr 1fr; gap:45px; align-items:end; }
.hero-bottom p { margin:0; color:#b7bdc0; font:9px/1.6 'DM Mono',monospace; letter-spacing:.12em; }
.hero-bottom>a { padding:16px 0; display:flex; justify-content:space-between; border-top:1px solid #dbe0e36b; border-bottom:1px solid #dbe0e36b; text-decoration:none; font:9px 'DM Mono',monospace; letter-spacing:.12em; transition:padding .25s; }
.hero-bottom>a:hover { padding-inline:10px; }
.hero-bottom>a b { color:#c15d41; }
.coord { position:absolute; right:3vw; bottom:4vh; color:#9fa6aa; text-align:right; }
.side-note { position:absolute; right:-114px; top:57%; rotate:90deg; color:#899096; }
.hotspot { position:absolute; z-index:4; width:35px; height:35px; cursor:pointer; border:1px solid #e8edf08c; border-radius:50%; background:#06090b55; backdrop-filter:blur(5px); transition:.25s; }
.hotspot>i { position:absolute; inset:50%; width:4px; height:4px; translate:-50% -50%; border-radius:50%; background:#f1f4f6; box-shadow:0 0 12px white; }
.hotspot::after { content:""; position:absolute; inset:-8px; border:1px solid #ffffff21; border-radius:50%; animation:scan 2s infinite; }
.hotspot span { position:absolute; left:29px; top:-8px; font:7px 'DM Mono',monospace; color:#cad0d3; }
.hotspot:hover,.hotspot.active { background:#cf5c3b; transform:scale(1.2); }
.relic-card { position:absolute; z-index:8; right:6vw; top:20vh; width:310px; padding:27px; border:1px solid #d9e0e26b; background:#080b0edb; backdrop-filter:blur(18px); animation:cardIn .35s both; }
.relic-card>span { color:#8f999d; font:8px 'DM Mono',monospace; letter-spacing:.13em; }
.relic-card>button { position:absolute; right:14px; top:10px; cursor:pointer; color:#fff; background:none; font-size:23px; }
.relic-card>b { height:95px; display:grid; place-items:center; color:#dfe3e4; font:73px Georgia,serif; text-shadow:0 0 18px #cde0e05e; }
.relic-card h3 { margin:14px 0 10px; font-size:28px; letter-spacing:-.04em; }
.relic-card p { margin:0 0 25px; color:#aab1b4; font:10px/1.6 'DM Mono',monospace; }
.relic-card small { padding-top:16px; display:block; border-top:1px solid #ffffff28; color:#777f83; font:7px 'DM Mono',monospace; letter-spacing:.12em; }

.ticker { position:relative; z-index:8; height:42px; overflow:hidden; display:flex; align-items:center; color:#121418; background:#d7d7d1; border-block:1px solid #0c0e11; font:9px 'DM Mono',monospace; letter-spacing:.12em; }
.ticker>div { width:max-content; white-space:nowrap; animation:ticker 31s linear infinite; }

.story { position:relative; min-height:1500px; padding:120px 6vw 155px; overflow:hidden; color:var(--ink); background-color:var(--paper); background-image:linear-gradient(#17191e12 1px,transparent 1px),linear-gradient(90deg,#17191e12 1px,transparent 1px); background-size:45px 45px; }
.story::after { content:""; position:absolute; left:0; right:0; bottom:0; height:220px; pointer-events:none; background:linear-gradient(transparent,#8d8c8764); }
.paper-moon { position:absolute; width:370px; aspect-ratio:1; border:1px solid #24272a1f; border-radius:50%; box-shadow:inset 18px 22px 36px #fff8,inset -24px -25px 45px #4c4e5140; opacity:.45; }
.paper-moon::before,.paper-moon::after { content:""; position:absolute; width:20%; aspect-ratio:1; border-radius:50%; box-shadow:inset 4px 4px 11px #57595c4d; }
.paper-moon::before { left:24%; top:18%; }.paper-moon::after { right:16%; bottom:29%; }
.paper-moon.one { right:-120px; top:180px; }.paper-moon.two { width:190px; left:24%; top:70px; opacity:.2; }
.section-mark { position:relative; z-index:2; display:flex; align-items:center; gap:14px; color:#51555a; font:8px/1.5 'DM Mono',monospace; letter-spacing:.16em; }
.section-mark span { width:34px; height:34px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; }
.section-mark p { margin:0; }
.story-heading { position:relative; z-index:2; margin:110px 0 75px; display:grid; grid-template-columns:1fr 2.2fr; align-items:end; gap:45px; }
.story-heading>p,.road-heading>p { margin:0 0 9px; color:#5f6264; font:9px/1.55 'DM Mono',monospace; letter-spacing:.14em; }
.story-heading h2,.road-heading h2 { margin:0; font-size:clamp(68px,9.5vw,150px); line-height:.72; letter-spacing:-.08em; }
.story-heading h2 em,.road-heading h2 em { color:transparent; font-family:Georgia,serif; font-weight:400; -webkit-text-stroke:1px #282b2d; }
.story-machine { position:relative; z-index:2; display:grid; grid-template-columns:minmax(360px,.85fr) 1.15fr; grid-template-rows:1fr auto; min-height:720px; border:1px solid #25282d7d; background:#e6e4dd; box-shadow:13px 17px 0 #2c2e327a,0 40px 100px #25272b21; }
.story-photo { position:relative; min-height:630px; margin:0; overflow:hidden; background:#101317; }
.story-photo img { width:100%; height:100%; object-fit:cover; filter:grayscale(.25) contrast(1.05); transition:transform 1.1s cubic-bezier(.16,1,.3,1); }
.story-machine:hover .story-photo img { transform:scale(1.055) rotate(-.45deg); }
.story-photo::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 90px #020306ad; pointer-events:none; }
.story-photo figcaption { position:absolute; z-index:2; left:17px; bottom:15px; padding:9px 11px; color:#d3d7d8; background:#06080ba8; font:7px 'DM Mono',monospace; letter-spacing:.1em; }
.tape { position:absolute; z-index:3; width:100px; height:26px; opacity:.65; background:#d4d0b3; box-shadow:0 2px 5px #0004; }
.tape-a { left:-27px; top:24px; rotate:-33deg; }.tape-b { right:-27px; bottom:35px; rotate:-28deg; }
.chapter { padding:clamp(40px,5.5vw,85px); animation:chapterIn .55s both; }
.chapter-meta { display:flex; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #26292b4d; color:#6f7375; font:7px 'DM Mono',monospace; letter-spacing:.13em; }
.chapter-kicker { margin:46px 0 14px; color:#6d7072; font:8px 'DM Mono',monospace; letter-spacing:.15em; }
.chapter h3 { margin:0 0 27px; max-width:670px; font-size:clamp(35px,4.6vw,68px); line-height:.93; letter-spacing:-.06em; }
.chapter-body { max-width:650px; color:#4f5354; font-size:14px; line-height:1.85; }
.chapter blockquote { margin:36px 0; padding:18px 0 18px 22px; border-left:2px solid #505456; color:#616565; font:italic 18px/1.5 Georgia,serif; }
.chapter-controls { display:flex; align-items:center; gap:15px; }
.chapter-controls button { width:43px; height:43px; cursor:pointer; color:#1d2023; border:1px solid #35383a; border-radius:50%; background:transparent; transition:.25s; }
.chapter-controls button:hover { color:#fff; background:#202326; transform:scale(1.08); }
.chapter-controls span { font:8px 'DM Mono',monospace; letter-spacing:.12em; }
.chapter-tabs { grid-column:1/-1; display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid #25282d7d; }
.chapter-tabs button { min-height:82px; padding:17px; cursor:pointer; color:#6c7071; border-right:1px solid #25282d54; background:transparent; text-align:left; font:7px/1.4 'DM Mono',monospace; letter-spacing:.09em; transition:.25s; }
.chapter-tabs button:last-child { border:0; }.chapter-tabs button span { display:block; margin-bottom:7px; font-size:13px; }
.chapter-tabs button:hover,.chapter-tabs button.active { color:#f1f1eb; background:#202326; }

.receiver { position:relative; min-height:1240px; padding:120px 6vw 150px; overflow:hidden; background:radial-gradient(circle at 78% 20%,#77828b26,transparent 27%),#080b0f; }
.receiver::before { content:""; position:absolute; inset:0; opacity:.18; background:repeating-radial-gradient(ellipse at 78% 29%,transparent 0 85px,#c8d2d934 86px 87px); }
.receiver-stars { position:absolute; inset:0; opacity:.55; background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#fff 0 .7px,transparent 1px); background-size:97px 89px,137px 123px; background-position:0 0,32px 53px; }
.section-mark-dark { color:#929a9e; }
.receiver-title { position:relative; margin:100px 0 70px; display:grid; grid-template-columns:1fr 2fr; align-items:end; gap:50px; }
.receiver-title>p { margin:0 0 10px; color:#858d91; font:9px/1.55 'DM Mono',monospace; letter-spacing:.14em; }
.receiver-title h2 { margin:0; font-size:clamp(70px,10vw,155px); line-height:.72; letter-spacing:-.08em; }
.receiver-title h2 i { color:transparent; font-family:Georgia,serif; font-weight:400; -webkit-text-stroke:1px #d6dbdc; }
.receiver-console { position:relative; z-index:2; display:grid; grid-template-columns:1.15fr .85fr; min-height:610px; border:1px solid #d9e0e340; border-radius:3px; background:#11161bd9; box-shadow:0 50px 110px #000b,10px 12px 0 #252b315c; backdrop-filter:blur(18px); }
.radio-face,.message-face { padding:clamp(32px,5vw,68px); }
.radio-face { border-right:1px solid #d9e0e340; }
.radio-top { display:flex; justify-content:space-between; color:#9ba4a8; font:8px 'DM Mono',monospace; letter-spacing:.12em; }
.radio-top i { width:8px; height:8px; border-radius:50%; background:#d26042; box-shadow:0 0 14px #ed7655; }
.frequency { margin:56px 0 22px; display:flex; align-items:end; gap:23px; }
.frequency strong { font:300 clamp(74px,9vw,136px)/.8 'DM Mono',monospace; letter-spacing:-.08em; }
.frequency span { color:#727c82; font:7px/1.7 'DM Mono',monospace; letter-spacing:.15em; }
.waveform { height:100px; display:flex; align-items:center; gap:5px; }
.waveform i { flex:1; min-width:2px; background:#dbe1e1; transition:height .18s,opacity .18s; }
.radio-face input { width:100%; height:2px; margin:20px 0 0; appearance:none; cursor:ew-resize; background:#5d656a; }
.radio-face input::-webkit-slider-thumb { width:30px; height:30px; appearance:none; border:1px solid #f0f2f0; border-radius:50%; background:radial-gradient(circle,#e8ecea 0 17%,#1a2025 19% 45%,#b1b8b9 47%); box-shadow:0 0 0 6px #ffffff0e,0 0 22px #ffffff44; }
.frequency-labels { display:flex; justify-content:space-between; margin-top:12px; color:#6f777b; font:7px 'DM Mono',monospace; }
.presets { margin-top:48px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #dbe1e136; }
.presets button { padding:18px 10px; cursor:pointer; color:#889297; border-right:1px solid #dbe1e136; background:#090d10; font:8px 'DM Mono',monospace; }
.presets button:last-child { border:0; }.presets button i { display:inline-block; width:5px; height:5px; margin-right:8px; border-radius:50%; background:#566066; }
.presets button:hover,.presets button.active { color:#15191d; background:#d6d9d7; }.presets button.active i { background:var(--rust); box-shadow:0 0 8px var(--rust); }
.message-face { position:relative; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; }
.message-orbit { position:absolute; left:50%; top:30%; width:310px; height:150px; transform:translate(-50%,-50%) rotate(-14deg); border:1px solid #cbd4d735; border-radius:50%; animation:orbit 14s linear infinite; }
.message-orbit>i { position:absolute; width:8px; height:8px; border-radius:50%; background:#d8dede; box-shadow:0 0 13px #fff; }.message-orbit>i:nth-of-type(1){left:-4px;top:50%}.message-orbit>i:nth-of-type(2){right:10%;top:5%}.message-orbit>i:nth-of-type(3){right:22%;bottom:2%;width:4px;height:4px}
.mini-pons { position:absolute; left:50%; top:50%; width:95px; height:95px; display:grid; place-items:center; transform:translate(-50%,-50%) rotate(14deg); border-radius:45% 55% 49% 51%; color:#161c21; background:radial-gradient(circle at 31% 24%,#fff,#89949b 55%,#2e3942); box-shadow:inset 7px 8px 14px #fff9,inset -8px -9px 14px #162029,0 0 35px #d9e8ec45; font-size:68px; font-weight:700; }
.message-face>span { color:#758086; font:8px 'DM Mono',monospace; letter-spacing:.15em; }
.message-face h3 { margin:15px 0; font-size:clamp(33px,4vw,57px); line-height:.9; letter-spacing:-.055em; }
.message-face>p { min-height:72px; color:#929b9f; font:11px/1.7 'DM Mono',monospace; transition:.4s; }.message-face>p.decoded { color:#e1e5e4; }
.message-face>button { margin:22px 0; padding:18px; display:flex; justify-content:space-between; cursor:pointer; color:#15191c; background:#d6dad8; font:8px 'DM Mono',monospace; letter-spacing:.13em; transition:.25s; }.message-face>button:hover { color:#fff; background:var(--rust); padding-inline:25px; }
.message-face>small { display:flex; align-items:center; gap:11px; color:#758087; font:7px 'DM Mono',monospace; letter-spacing:.12em; }.message-face>small>i { flex:1; height:2px; background:#3b454b; }.message-face>small>i b { display:block; height:100%; background:#d3dadb; transition:width .3s; }

.objects { min-height:670px; padding:120px 0 80px; overflow:hidden; color:#17191d; background:#c2c1bc; }
.object-heading { padding:0 6vw; display:grid; grid-template-columns:.65fr 1.25fr .8fr; gap:40px; align-items:end; }.object-heading>span { color:#5c6063; font:8px/1.5 'DM Mono',monospace; letter-spacing:.14em; }.object-heading h2 { margin:0; font-size:clamp(60px,8vw,125px); line-height:.75; letter-spacing:-.08em; }.object-heading h2 em { color:transparent; font-family:Georgia,serif; font-weight:400; -webkit-text-stroke:1px #222629; }.object-heading>p { color:#5b5e60; font-size:12px; line-height:1.7; }
.object-track { width:max-content; margin-top:75px; display:flex; gap:12px; animation:objectTicker 42s linear infinite; }.object-track:hover { animation-play-state:paused; }.object-track button { position:relative; width:250px; min-height:280px; padding:28px; cursor:pointer; color:#dce0df; border:1px solid #393d41; background:#1b1f23; text-align:left; transition:.3s; }.object-track button:hover { transform:translateY(-17px) rotate(-1deg); background:#292e33; }.object-track button>b { height:95px; display:grid; place-items:center; font:68px Georgia,serif; text-shadow:0 0 18px #d3e0e05e; }.object-track button>span { color:#798187; font:8px 'DM Mono',monospace; }.object-track h3 { margin:12px 0; font-size:21px; letter-spacing:-.04em; }.object-track p { color:#969da0; font:9px/1.65 'DM Mono',monospace; }

.roadmap { position:relative; min-height:1450px; padding:120px 6vw 170px; overflow:hidden; color:#171a1e; background-color:#dddbd4; background-image:radial-gradient(circle at 20% 40%,#33363b16 0 1px,transparent 1px); background-size:9px 9px; }
.crater { position:absolute; border-radius:50%; box-shadow:inset 20px 17px 30px #40434826,inset -17px -15px 24px #fff9; }.c1{width:220px;height:140px;right:5%;top:20%;rotate:17deg}.c2{width:130px;height:80px;left:13%;bottom:11%;rotate:-25deg}.c3{width:70px;height:50px;right:35%;top:8%}
.road-heading { margin:105px 0 35px; display:grid; grid-template-columns:.8fr 2.2fr; align-items:end; gap:50px; }
.orbit-map { position:relative; width:min(1100px,100%); height:790px; margin:40px auto 0; }
.orbit-ring { position:absolute; left:50%; top:47%; width:68%; aspect-ratio:1.7; translate:-50% -50%; border:1px dashed #3940467b; border-radius:50%; transition:rotate 1.1s cubic-bezier(.16,1,.3,1); }.ring-one i { position:absolute; width:11px; height:11px; border-radius:50%; background:#30363b; box-shadow:0 0 0 7px #373d4221; }.ring-one i:nth-child(1){left:-5px;top:49%}.ring-one i:nth-child(2){right:8%;top:12%}.ring-one i:nth-child(3){left:58%;bottom:-5px}.ring-two { width:42%; border-style:solid; opacity:.5; transform:rotate(17deg); }
.orbit-core { position:absolute; z-index:3; left:50%; top:47%; width:160px; height:160px; translate:-50% -50%; display:grid; place-content:center; justify-items:center; border-radius:44% 56% 49% 51%; color:#151a1e; background:radial-gradient(circle at 31% 24%,#fff,#99a2a7 55%,#414a52); box-shadow:inset 11px 12px 20px #fff9,inset -12px -13px 22px #29343d,0 30px 70px #323a413d; animation:core 4s ease-in-out infinite alternate; }.orbit-core span { font-size:80px; font-weight:700; letter-spacing:-.12em; }.orbit-core small { text-align:center; font:6px 'DM Mono',monospace; letter-spacing:.14em; }
.orbit-line { position:absolute; z-index:1; left:50%; top:47%; width:39%; height:1px; transform-origin:left; background:linear-gradient(90deg,#343b40,transparent); transition:rotate .8s cubic-bezier(.16,1,.3,1); }.orbit-line i { position:absolute; right:0; top:-3px; width:7px; height:7px; border-radius:50%; background:#2e353a; }
.orbit-node { position:absolute; z-index:5; width:155px; transform:translate(-50%,-50%); cursor:pointer; color:#535a5e; background:transparent; text-align:left; }.orbit-node span { width:43px; height:43px; margin-bottom:8px; display:grid; place-items:center; border:1px solid #687075; border-radius:50%; background:#dddbd4; font:9px 'DM Mono',monospace; transition:.3s; }.orbit-node b { font:8px/1.4 'DM Mono',monospace; letter-spacing:.1em; }.orbit-node:hover span,.orbit-node.active span { color:#f0f1ed; background:#252b2f; transform:scale(1.25); box-shadow:0 0 0 10px #363c4121; }.orbit-node.active b { color:#1e2428; }
.phase-card { position:absolute; z-index:6; right:1%; bottom:0; width:min(440px,43%); min-height:280px; padding:32px; border:1px solid #3b424676; background:#efede6d6; box-shadow:12px 14px 0 #3d424636,0 25px 60px #343a3e24; backdrop-filter:blur(12px); animation:chapterIn .5s both; }.phase-card>div { display:flex; justify-content:space-between; color:#747a7d; font:7px 'DM Mono',monospace; letter-spacing:.12em; }.phase-card h3 { margin:39px 0 13px; font-size:37px; line-height:.9; letter-spacing:-.055em; }.phase-card p { margin:0 0 32px; color:#5b6062; font:10px/1.7 'DM Mono',monospace; }.phase-card footer { padding-top:15px; display:flex; justify-content:space-between; border-top:1px solid #383e4252; color:#7a7f81; font:6px 'DM Mono',monospace; letter-spacing:.1em; }

.silence { position:relative; min-height:980px; overflow:hidden; cursor:crosshair; background:#05070a; }
.silence-bg { position:absolute; inset:-3%; background:linear-gradient(90deg,#05070bdd 0%,transparent 50%),linear-gradient(0deg,#05070aee,transparent 50%),url('assets/last-pons-panorama.png') 55% center/cover no-repeat; filter:grayscale(.45) brightness(.6); transform:translate3d(calc(var(--mx)*6px),calc(var(--my)*4px),0) scale(1.07); }
.silence-copy { position:absolute; z-index:3; left:6vw; top:21%; max-width:720px; }.silence-copy>span { color:#929a9e; font:8px 'DM Mono',monospace; letter-spacing:.15em; }.silence-copy h2 { margin:34px 0; font-size:clamp(74px,10vw,160px); line-height:.71; letter-spacing:-.085em; }.silence-copy h2 em { color:transparent; font-family:Georgia,serif; font-weight:400; -webkit-text-stroke:1px #ebeeed; }.silence-copy p { color:#aeb4b6; font:10px/1.7 'DM Mono',monospace; letter-spacing:.08em; }.silence-copy button { margin-top:20px; padding:12px 0; cursor:pointer; color:#bdc3c5; border-bottom:1px solid #ffffff52; background:none; font:8px 'DM Mono',monospace; letter-spacing:.12em; }
.planted { position:absolute; z-index:2; width:4px; height:4px; pointer-events:none; border-radius:50%; background:#fff; box-shadow:0 0 5px #fff,0 0 18px #dceaff,0 0 42px #dceaff; animation:starBorn .7s cubic-bezier(.16,1,.3,1) both,starPulse 2.4s .7s infinite; }.planted::after { content:""; position:absolute; inset:-13px; border:1px solid #ffffff3d; border-radius:50%; }
.chair-label { position:absolute; z-index:3; right:4vw; bottom:4vw; color:#858d91; text-align:right; font:8px/1.5 'DM Mono',monospace; letter-spacing:.13em; }

.footer { position:relative; min-height:970px; padding:105px 6vw 40px; color:#15181c; background:#d5d4ce; }.footer-status { color:#596064; font:8px 'DM Mono',monospace; letter-spacing:.15em; }.footer-grid { margin-top:95px; display:grid; grid-template-columns:1.4fr .6fr; gap:60px; }.footer-grid>div>span,.footer-grid aside>p { color:#646a6d; font:8px/1.7 'DM Mono',monospace; letter-spacing:.13em; }.footer-grid h2 { margin:28px 0 70px; font-size:clamp(74px,10vw,160px); line-height:.69; letter-spacing:-.085em; }.footer-grid h2 em { color:transparent; font-family:Georgia,serif; font-weight:400; -webkit-text-stroke:1px #24282b; }.footer-grid aside { display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; }.footer-grid aside b { color:#252a2d; }.moon-stamp { width:190px; aspect-ratio:1; display:grid; place-items:center; position:relative; border:1px solid #34393c; border-radius:50%; box-shadow:inset 12px 13px 24px #fff9,inset -15px -17px 26px #5c606431; font-size:120px; font-weight:700; rotate:8deg; }.moon-stamp small { position:absolute; right:18px; bottom:30px; font:6px 'DM Mono',monospace; letter-spacing:.11em; }
.footer-actions { display:grid; grid-template-columns:1.1fr .9fr; gap:12px; }.footer-actions button,.footer-actions a { min-height:125px; padding:25px 30px; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto 1fr; align-items:center; cursor:pointer; text-decoration:none; transition:.3s; }.footer-actions a { color:#1c2023; border:1px solid #303538; background:transparent; }.footer-actions a:first-child { color:#f1f2ed; background:#1b2024; }.footer-actions span { font:7px 'DM Mono',monospace; letter-spacing:.15em; }.footer-actions b { font-size:clamp(22px,2.4vw,37px); letter-spacing:-.04em; }.footer-actions i { grid-row:1/3; grid-column:2; font:normal 30px Georgia,serif; }.footer-actions a:hover,.footer-actions a:first-child:hover { color:#fff; background:var(--rust); transform:translateY(-8px); box-shadow:0 24px 45px #30343936; }
.footer-base { position:absolute; left:6vw; right:6vw; bottom:30px; padding-top:20px; display:flex; justify-content:space-between; border-top:1px solid #383d4049; color:#686e70; font:7px 'DM Mono',monospace; letter-spacing:.1em; }.footer-base a { text-decoration:none; }

.modal { position:fixed; z-index:250; inset:0; padding:22px; display:grid; place-items:center; background:#030507db; backdrop-filter:blur(20px); animation:fade .3s both; }.buy-modal { position:relative; width:min(700px,100%); padding:clamp(34px,6vw,72px); overflow:hidden; border:1px solid #d6dfe15b; background:radial-gradient(circle at 85% 12%,#8c9aa73b,transparent 27%),#10151a; box-shadow:0 40px 120px #000; }.modal-close { position:absolute; z-index:3; right:18px; top:18px; width:40px; height:40px; cursor:pointer; color:#fff; border:1px solid #ffffff43; border-radius:50%; background:none; font-size:22px; }.modal-mark { position:absolute; right:-25px; top:50px; width:205px; height:205px; display:grid; place-items:center; rotate:11deg; color:#161b20; border-radius:44% 56% 48% 52%; background:radial-gradient(circle at 31% 24%,#fff,#8b969c 55%,#37414a); box-shadow:inset 10px 10px 17px #fff9,inset -12px -13px 21px #1a242c,0 0 50px #d7e8ec38; font-size:140px; font-weight:700; }.buy-modal>span { color:#858f94; font:8px 'DM Mono',monospace; letter-spacing:.15em; }.buy-modal h2 { position:relative; z-index:2; width:72%; margin:45px 0 25px; font-size:clamp(44px,6vw,78px); line-height:.77; letter-spacing:-.07em; }.buy-modal h2 em { color:transparent; font-family:Georgia,serif; font-weight:400; -webkit-text-stroke:1px #eff2f1; }.buy-modal>p { position:relative; z-index:2; width:72%; color:#9da5a9; font:10px/1.7 'DM Mono',monospace; }.contract { margin:35px 0 12px; padding:19px; display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center; border:1px solid #ffffff36; background:#090d10; }.contract span { color:#717b80; font:7px 'DM Mono',monospace; letter-spacing:.12em; }.contract b { font:8px 'DM Mono',monospace; letter-spacing:.1em; }.contract i { color:var(--rust); font-style:normal; letter-spacing:.3em; }.buy-modal>a { padding:17px; display:block; color:#161a1d; background:#d9dddb; text-align:center; text-decoration:none; font:8px 'DM Mono',monospace; letter-spacing:.12em; transition:.25s; }.buy-modal>a:hover { color:#fff; background:var(--rust); }
.secret { position:fixed; z-index:240; right:24px; bottom:24px; width:min(390px,calc(100% - 48px)); padding:30px; color:#dce0df; border:1px solid #ffffff5c; background:#10151ae8; box-shadow:0 30px 80px #000a; backdrop-filter:blur(15px); animation:cardIn .5s both; }.secret>button { position:absolute; right:12px; top:8px; cursor:pointer; color:#fff; background:none; font-size:22px; }.secret>span { color:#7f898e; font:7px 'DM Mono',monospace; letter-spacing:.12em; }.secret>b { display:block; float:left; margin:20px 25px 15px 0; font-size:95px; line-height:.8; }.secret h3 { margin:23px 0 10px; font-size:23px; line-height:.95; }.secret p { color:#9ca5a9; font:9px/1.6 'DM Mono',monospace; }

.reveal { opacity:0; transform:translateY(40px); transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1); }.reveal.shown { opacity:1; transform:none; }
@keyframes noise { 0%{transform:translate(0)} 25%{transform:translate(1%,-1%)} 50%{transform:translate(-1%,1%)} 75%{transform:translate(1%,1%)} }
@keyframes morph { to{border-radius:58% 42% 43% 57%;rotate:4deg;scale:.94} }
@keyframes load { from{transform:translateX(-70px)} to{transform:translateX(165px)} }
@keyframes pulse { 50%{opacity:.35;transform:scale(1.8)} }
@keyframes scan { 50%{inset:-16px;opacity:0} }
@keyframes cardIn { from{opacity:0;transform:translateY(17px) scale(.98)} }
@keyframes fade { from{opacity:0} }
@keyframes ticker { to{transform:translateX(-50%)} }
@keyframes chapterIn { from{opacity:0;transform:translateX(25px)} }
@keyframes orbit { to{rotate:360deg} }
@keyframes objectTicker { to{transform:translateX(calc(-50% - 6px))} }
@keyframes core { to{border-radius:58% 42% 57% 43%;transform:rotate(5deg) scale(.95)} }
@keyframes starBorn { from{transform:scale(0)} to{transform:scale(1)} }
@keyframes starPulse { 50%{opacity:.45;transform:scale(1.5)} }

@media(max-width:1050px){
  .nav{grid-template-columns:1fr auto}.live,.nav nav{display:none}.story-heading,.receiver-title,.road-heading{grid-template-columns:.55fr 1.45fr}.story-machine{grid-template-columns:1fr 1fr}.receiver-console{grid-template-columns:1fr}.radio-face{border-right:0;border-bottom:1px solid #d9e0e340}.message-face{min-height:500px}.object-heading{grid-template-columns:1fr 1.4fr}.object-heading>p{display:none}.footer-grid{grid-template-columns:1fr}.footer-grid aside{display:none}
}
@media(max-width:760px){
  .nav{height:72px;padding:0 16px}.sound{display:none}.buy{padding:11px}.brand>b{width:38px}.hero-image{background-position:58% center}.hero-copy{left:20px;top:27%;width:90%}.hero h1{font-size:22vw}.hero-bottom{width:100%;grid-template-columns:1fr;gap:20px}.hero-bottom p{display:none}.coord{display:none}.side-note{right:-136px}.hotspot{display:none}.relic-card{right:18px;left:18px;top:18%;width:auto}
  .story,.receiver,.roadmap{padding-inline:20px}.story{min-height:1500px}.story-heading,.receiver-title,.road-heading{margin-block:80px 45px;grid-template-columns:1fr}.story-heading h2,.receiver-title h2,.road-heading h2{font-size:20vw}.story-machine{display:block;box-shadow:6px 8px 0 #2c2e327a}.story-photo{min-height:470px}.chapter{padding:35px 24px}.chapter-tabs{display:flex;overflow-x:auto}.chapter-tabs button{min-width:140px}.chapter-body{font-size:12px}
  .receiver{min-height:1500px}.receiver-console{display:block}.radio-face,.message-face{padding:30px 20px}.frequency strong{font-size:22vw}.waveform{gap:2px}.presets{grid-template-columns:repeat(2,1fr)}.message-face{min-height:540px}.message-orbit{width:270px}
  .objects{padding-top:90px}.object-heading{padding-inline:20px;grid-template-columns:1fr}.object-heading h2{font-size:19vw}.object-heading>p{display:block}.object-track{margin-top:55px}
  .roadmap{min-height:1320px}.orbit-map{height:780px;margin-top:80px}.orbit-ring{width:95%}.ring-two{width:62%}.orbit-core{width:115px;height:115px}.orbit-core span{font-size:58px}.orbit-node{width:90px}.orbit-node b{font-size:6px}.phase-card{right:0;bottom:0;width:100%;min-height:250px}.phase-card h3{font-size:30px}.orbit-line{width:47%}
  .silence{min-height:850px}.silence-bg{background-position:67% center}.silence-copy{left:20px;right:20px;top:18%}.silence-copy h2{font-size:20vw}.chair-label{right:20px;bottom:25px}
  .footer{min-height:850px;padding:85px 20px 30px}.footer-grid{margin-top:70px}.footer-grid h2{font-size:20vw}.footer-actions{grid-template-columns:1fr}.footer-actions button,.footer-actions a{min-height:105px}.footer-base{left:20px;right:20px;flex-direction:column;gap:8px}.footer-base span:nth-child(2){display:none}
  .buy-modal>p,.buy-modal h2{width:100%}.modal-mark{opacity:.18}.contract{grid-template-columns:1fr}.contract i{display:none}.secret{right:16px;bottom:16px;width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}