@charset "UTF-8";
:root{color-scheme:dark;--bg:#080c12;--ink:#f2f2ed;--muted:#929da8;--mint:#bcf5dc;--line:rgba(205,223,233,.15)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);min-height:100svh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:7px}button{cursor:pointer}[hidden]{display:none!important}
.space{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 72% 54%,#102535 0,transparent 47%),radial-gradient(ellipse at 40% 0,#111c29 0,transparent 45%),#080c12}.space canvas{display:block;width:100%;height:100%;touch-action:pan-y}.space:empty::after,.webgl-failed .space::after{content:"";position:absolute;width:min(55vw,760px);aspect-ratio:1;right:4%;top:18%;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffffff35,transparent 50%),url('./assets/earth-day.jpg') center/cover;box-shadow:inset -90px -10px 120px #000,0 0 80px #66baff25}.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.035;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%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.header,.hero,.footer{position:relative;z-index:2;pointer-events:none}.header a,.hero button,.footer a{pointer-events:auto}.header{height:117px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:31px;letter-spacing:-1.6px;font-weight:700}.brand svg{width:29px;height:29px;fill:none;stroke:var(--mint);stroke-width:1.6}.brand-dot{font-size:11px;align-self:flex-start;margin-top:7px;margin-left:-6px;letter-spacing:0;font-weight:400}.edition,.header-link,.eyebrow,.microcopy,.scene-notes,.drag-hint,.footer{font-family:"Courier New",monospace}.edition{font-size:10px;letter-spacing:1.5px;color:#a3aeb9;display:flex;align-items:center;gap:18px;margin-left:30px}.small-cross{color:var(--mint);font-size:19px}.header-link{font-size:11px;letter-spacing:.1px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff35;padding:10px 0}.header-link span{font-size:20px;color:var(--mint)}
.hero{min-height:calc(100svh - 223px);max-width:1800px;margin:auto;display:flex;align-items:center;padding:30px 7.2% 60px}.intro{max-width:600px;transition:opacity .65s,transform .8s}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.7px;color:#b4bdc6;margin:0 0 32px;white-space:nowrap}.live-dot{width:5px;height:5px;background:var(--mint);border-radius:50%;display:inline-block;box-shadow:0 0 11px #bcf5dc55;flex-shrink:0}h1{position:relative;font-size:clamp(90px,9.9vw,162px);font-weight:500;letter-spacing:-.085em;line-height:.88;margin:0 0 31px}h1>span{color:var(--mint)}.title-star{position:absolute;left:3.37em;top:.06em;width:.34em;height:.34em;fill:var(--mint);transform:rotate(13deg)}.description{font-size:16px;line-height:1.7;letter-spacing:.1px;color:#a7b0bb;margin:0 0 29px}.explore-button{height:55px;min-width:210px;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:0 8px 0 22px;border:1px solid #ffffff30;border-radius:32px;background:#10171eaa;color:var(--ink);font-size:12px;font-weight:500;backdrop-filter:blur(12px);transition:background .25s,border-color .25s,transform .25s}.explore-button:hover{background:#1a302c;border-color:var(--mint);transform:translateY(-2px)}.button-arrow{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--mint);color:#12241f;font-size:21px}.microcopy{display:flex;align-items:center;gap:10px;margin-top:22px;color:#75838f;font-size:9px;letter-spacing:.1px}.micro-line{width:20px;height:1px;background:#52626f}.scene-notes{position:fixed;inset:0;pointer-events:none;font-size:9px;letter-spacing:1.5px;color:#e3e8ec}.scene-notes small{display:block;font-size:7px;font-weight:400;letter-spacing:1px;color:#718493;margin-top:6px}.moon-note,.earth-note{position:absolute;padding-left:17px;transition:opacity .5s}.moon-note{left:84%;top:23%}.earth-note{left:79%;top:75%}.scene-notes i{position:absolute;left:0;top:3px;width:4px;height:4px;border:1px solid #b3cbd9;border-radius:50%}.moon-note:before,.earth-note:before{content:"";position:absolute;width:40px;right:calc(100% + 8px);top:6px;height:1px;background:linear-gradient(90deg,transparent,#b3cbd955)}.scene-controls{position:fixed;bottom:138px;right:7.2%;display:flex;align-items:center;gap:9px}.drag-hint{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.2px;color:#8595a3;margin-right:12px}.drag-hint svg{width:20px;height:20px;fill:none;stroke:#a7bac9;stroke-width:1}.scene-controls button{display:grid;place-items:center;width:34px;height:34px;padding:7px;border:1px solid #ffffff24;border-radius:50%;background:#101720aa;color:#a9bcc9;backdrop-filter:blur(10px);transition:color .2s,border-color .2s}.scene-controls button:hover{color:var(--mint);border-color:var(--mint)}.scene-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.fallback-message{position:fixed;right:7%;bottom:190px;width:260px;font-size:11px;line-height:1.5;color:var(--muted)}
.footer{height:106px;margin:0 4.4%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:1px;color:#8c9aa6}.footer-left{display:flex;gap:26px;align-items:center;line-height:1.9}.footer-index{font-size:11px;color:#c2d0db;letter-spacing:1px}.footer-left strong{font-weight:400;color:#bdc8d1}.coordinates{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1px}.crosshair{font-size:23px;color:#a1b8c8}.coord-divider{margin:0 3px;color:#4e6576}.connection{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.1px}.noscript{position:fixed;bottom:20px;left:10px;font-size:12px;color:var(--mint)}
body.immersive .intro{opacity:0;transform:translateX(-35px);pointer-events:none}body.immersive .intro button{pointer-events:none}body.immersive .scene-notes{opacity:0}body.immersive .header-link{color:var(--mint)}
@media(min-width:1700px){.hero{padding-left:7%}.scene-controls{right:10%}}
@media(min-width:701px) and (max-height:800px){.header{height:90px}.hero{min-height:calc(100svh - 174px);padding-top:18px;padding-bottom:38px}.eyebrow{margin-bottom:22px}h1{font-size:min(9.9vw,17vh);margin-bottom:24px}.description{font-size:14px;line-height:1.6;margin-bottom:22px}.explore-button{height:50px}.microcopy{margin-top:18px}.footer{height:84px}.scene-controls{bottom:110px}.earth-note{top:70%}}
@media(max-width:1050px){.edition{display:none}.hero{padding-left:6%;padding-bottom:90px}h1{font-size:115px}.intro{max-width:440px}.eyebrow{font-size:8px;letter-spacing:1px}.moon-note{left:83%;top:28%}.earth-note{left:79%;top:72%}.scene-notes small{max-width:110px;line-height:1.6}.coordinates{display:none}.scene-controls{right:5%}}
@media(max-width:700px){.header{height:88px;padding:0 7%}.brand{font-size:27px}.brand svg{width:25px;height:25px}.header-link{font-size:9px;gap:13px}.header-link span{font-size:17px}.hero{min-height:calc(100svh - 174px);align-items:flex-start;padding:28px 7% 390px}.intro{max-width:100%}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:22px}h1{font-size:100px;margin-bottom:22px}.description{font-size:13px;line-height:1.65;margin-bottom:20px}.explore-button{height:48px;min-width:187px;font-size:11px;padding-left:18px}.button-arrow{width:32px;height:32px;font-size:18px}.microcopy{font-size:8px;margin-top:17px}.title-star{left:3.37em}.scene-notes{display:none}.scene-controls{position:absolute;bottom:25px;right:7%;gap:8px}.drag-hint{font-size:7px;letter-spacing:.7px;margin-right:6px}.footer{height:86px;margin:0 7%;font-size:7px;gap:10px}.footer-left{gap:14px;letter-spacing:.5px;font-size:6px}.footer-index{font-size:9px}.connection{font-size:6px;letter-spacing:.4px}.fallback-message{bottom:125px;right:7%;font-size:9px}.space:empty::after,.webgl-failed .space::after{width:80vw;right:-4%;top:58%}body.immersive .intro{transform:translateY(-20px)}}
@media(max-width:700px){.title-star{left:auto;right:0}}
@media(max-width:380px){h1{font-size:86px}.hero{padding-bottom:350px}.eyebrow{font-size:6px}.header-link{font-size:8px}.connection{font-size:5px}.footer-left{gap:9px}}
.header-nav{display:flex;align-items:center;gap:28px;pointer-events:auto}@media(max-width:700px){.header-nav{gap:16px}.header-nav .header-link{gap:7px}}@media(max-width:380px){.header-nav{gap:10px}.header-nav .header-link{font-size:8px}.header{gap:12px}}
@media(max-width:700px){.header{height:auto;min-height:88px;flex-wrap:wrap;padding-top:20px;padding-bottom:15px;gap:12px}.header-nav{flex-wrap:wrap;gap:8px 18px}.header-nav .header-link{font-size:10px}}@media(max-width:420px){.header-nav{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}