@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#edf3f4;--muted:#a9b8bd;--lime:#d6f08b;--blue:#8dcfdd;--dark:#0a1016;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;width:100%;margin:0;overflow:hidden;background:#090e14}button,a{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{border:0}a{color:inherit}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,10,15,.92) 0%,rgba(6,10,15,.72) 28%,rgba(6,10,15,.16) 60%,rgba(6,10,15,.1) 100%),linear-gradient(0deg,rgba(4,8,12,.82),transparent 28%,rgba(5,9,13,.12) 75%,rgba(5,9,13,.65));transition:background .7s}.exploring .vignette{background:linear-gradient(90deg,rgba(5,9,13,.74),transparent 36%),linear-gradient(0deg,rgba(5,9,13,.72),transparent 25%,transparent 75%,rgba(5,9,13,.54))}.header{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:absolute;z-index:8;inset:0 0 auto;border-bottom:1px solid rgba(227,244,245,.13)}.wordmark{padding:0;background:transparent;display:flex;align-items:center;gap:12px;letter-spacing:.19em;font:800 13px/1 'Manrope',sans-serif;text-align:left}.wordmark small{font-size:8px;display:block;letter-spacing:.31em;margin-top:6px;color:#b5c7c8}.mark{position:relative;width:29px;height:29px;border:1px solid #d2e8df;border-radius:50%;transform:rotate(-35deg)}.mark i{position:absolute;inset:4px -5px;border:1px solid #d2e8df;border-radius:50%}.mark i:nth-child(2){inset:7px -8px;opacity:.5}.mark i:nth-child(3){inset:12px 12px;background:var(--lime);border:0}.header-middle,.header-link,.eyebrow,.welcome-bottom,.collection-head,.collection-foot,.gallery-title span,.drawer-top,.meta-label{font-size:10px;font-weight:700;letter-spacing:.16em}.header-middle{color:#c4d1d2;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:#c9ed89;box-shadow:0 0 12px #c9ed89;display:inline-block}.header-link{background:none;color:#d3dfdf;padding:12px 0}.header-link span{font-size:14px;padding-left:9px}.welcome{position:absolute;inset:0;z-index:3;pointer-events:none}.hero-copy{position:absolute;left:9.2%;top:50%;transform:translateY(-45%);max-width:590px;pointer-events:auto}.eyebrow{color:#cddadc;display:flex;align-items:center;gap:12px}.line{width:28px;height:1px;background:var(--lime);display:inline-block}.slash{color:var(--lime);padding:0 4px}.hero-copy h1{font:500 clamp(49px,5.4vw,91px)/1.02 'Manrope',Arial,sans-serif;letter-spacing:-.065em;margin:28px 0 24px;color:#f3f5ef}.hero-copy h1 em{font-style:normal;color:#bdd2c8}.hero-copy p{max-width:425px;color:#b8c7c8;font-size:15px;line-height:1.75;margin:0}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:35px}.primary{background:var(--lime);color:#142016;padding:18px 21px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:54px;transition:background .2s,transform .2s}.primary:hover{background:#e3f9a8;transform:translateY(-2px)}.primary b{font-size:17px}.quiet{background:transparent;font-size:12px;font-weight:600;color:#dbe6e3;padding:12px 0}.play{border:1px solid #91a4a6;border-radius:50%;height:29px;width:29px;display:inline-flex;align-items:center;justify-content:center;margin-right:9px}.hero-note{position:absolute;right:6%;bottom:16%;display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.09em;color:#b0c5c7}.hero-note>span{color:var(--lime);padding-right:16px;border-right:1px solid #829195}.hero-note b,.hero-note small{display:block}.hero-note b{color:#e6efeb;font-size:11px;letter-spacing:.03em}.hero-note small{margin-top:6px;color:#aabdbd}.welcome-bottom{position:absolute;bottom:0;left:6%;right:6%;height:65px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff29;color:#9fb0b1;font-size:9px}.welcome-bottom b{color:#e0eae5}.hidden{display:none!important}.explore-ui{position:absolute;inset:0;z-index:4;pointer-events:none}.collection{pointer-events:auto;position:absolute;left:3%;top:120px;bottom:92px;width:245px;background:rgba(8,15,20,.72);border:1px solid rgba(214,237,231,.14);padding:25px 21px;backdrop-filter:blur(15px);display:flex;flex-direction:column}.collection-head{display:flex;justify-content:space-between;color:#9ab0b1;font-size:9px}.collection h2{font:500 29px/1.12 'Manrope',sans-serif;letter-spacing:-.045em;margin:28px 0 10px}.collection h2 span,.about-dialog h2 span{color:var(--lime)}.collection p{font-size:11px;line-height:1.6;color:#98abac;margin:0 0 20px}.station-list{border-top:1px solid #ffffff1c}.station{width:100%;background:transparent;border-bottom:1px solid #ffffff1c;padding:15px 0;display:flex;text-align:left;align-items:center;gap:12px;color:#d6e1dd}.station:hover,.station.active{color:var(--lime)}.station-number{font-size:10px;color:#889c9d}.station-text{flex:1}.station-text b{display:block;font-size:11px;font-weight:600}.station-text small{display:block;color:#82999a;margin-top:5px;font-size:9px}.station-arrow{font-size:15px}.collection-foot{margin-top:auto;color:#8da3a2;font-size:8px;display:flex;gap:8px;align-items:center}.gallery-title{position:absolute;left:50%;top:117px;transform:translateX(-50%);text-align:center;color:#e2efed}.gallery-title span,.gallery-title b{display:block}.gallery-title span{color:#a3b8b5;font-size:9px}.gallery-title b{font:500 15px 'Manrope',sans-serif;margin-top:8px}.controls-hint{position:absolute;right:5%;bottom:45px;display:flex;gap:13px;align-items:center;color:#dce8e4}.controls-hint b,.controls-hint span{display:block}.controls-hint b{font-size:11px}.controls-hint span{font-size:10px;color:#a1b1b0;margin-top:5px}.keys{text-align:center}.keys span{margin:3px 0 0;display:flex;gap:3px}kbd{font:8px 'DM Sans',sans-serif;width:19px;height:19px;border:1px solid #b5c4bf78;display:inline-flex;justify-content:center;align-items:center}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;background:rgba(8,19,22,.85);border:1px solid rgba(197,236,211,.48);backdrop-filter:blur(10px);padding:8px 11px 8px 8px;white-space:nowrap;box-shadow:0 4px 24px #0006}.hotspot:hover{border-color:var(--lime);color:var(--lime)}.hotspot-dot{width:23px;height:23px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:14px}.hotspot-label{text-align:left}.hotspot-label b,.hotspot-label small{display:block}.hotspot-label b{font-size:10px}.hotspot-label small{font-size:8px;color:#a7bcb9;margin-top:3px}.help-button{pointer-events:auto;position:absolute;bottom:48px;left:50%;transform:translateX(-50%);width:31px;height:31px;border:1px solid #ffffff5c;border-radius:50%;background:#07121bb2}.touch-controls{display:none}.drawer-backdrop,.dialog-backdrop{position:absolute;inset:0;background:#02060ab0;z-index:10}.drawer{position:absolute;right:0;top:0;bottom:0;z-index:11;width:min(530px,100%);background:#0d171d;overflow:auto;box-shadow:-20px 0 80px #0008}.drawer-top{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #ffffff1f;color:#a3bbb7}.close{font-size:28px;font-weight:300;background:none;line-height:1;padding:4px;color:#d8e7df}.drawer-body{padding:30px 34px 45px}.drawer-eyebrow{font-size:10px;color:var(--lime);letter-spacing:.17em;font-weight:700}.drawer h2{font:500 39px/1.05 'Manrope',sans-serif;letter-spacing:-.055em;margin:16px 0 12px}.drawer-lead{font-size:14px;line-height:1.7;color:#bccbc8}.drawer-image{width:100%;height:200px;object-fit:cover;margin-top:17px;display:block;background:#1b2b30}.image-caption{font-size:10px;line-height:1.5;color:#8ca4a2;margin:7px 0 0}.tabs{display:flex;gap:24px;border-bottom:1px solid #ffffff26;margin:24px 0 22px}.tab{background:none;color:#91a6a3;font-size:11px;padding:0 0 12px;position:relative}.tab.active{color:var(--lime)}.tab.active:after{content:'';position:absolute;height:2px;background:var(--lime);bottom:-1px;left:0;right:0}.tab-panel{min-height:115px;color:#c8d6d1;font-size:13px;line-height:1.75}.tab-panel p{margin:0 0 14px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff24;margin:4px 0 18px;border:1px solid #ffffff24}.fact{background:#122028;padding:14px}.fact small,.fact b{display:block}.fact small{color:#91aaa5;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.fact b{color:#e9f0e7;font-size:14px;margin-top:7px}.source-link{display:inline-block;font-size:11px;color:var(--lime);text-decoration:none;margin:8px 0;border-bottom:1px solid #b8d77888;padding-bottom:5px}.video-frame{width:100%;aspect-ratio:16/9;border:0;background:#000}.video-note{font-size:10px;color:#93a8a4}.dialog-backdrop{z-index:15;display:grid;place-items:center;padding:20px}.about-dialog{width:min(590px,100%);max-height:90vh;overflow:auto;background:#111d22;border:1px solid #a6c9ba4a;padding:42px;position:relative}.about-dialog .close{position:absolute;right:26px;top:20px}.about-dialog h2{font:500 40px/1.1 'Manrope',sans-serif;letter-spacing:-.05em;margin:28px 0 20px}.about-dialog p{font-size:13px;color:#b9cbc6;line-height:1.75}.about-dialog a{color:var(--lime)}.about-dialog .primary{margin-top:17px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.fallback{position:absolute;z-index:5;bottom:85px;left:9%;background:#101d22;padding:20px;font-size:13px}.fallback p{color:#adbfbc}
.header-actions{display:flex;align-items:center;gap:25px}.drawer-actions,.dialog-actions{display:flex;align-items:center;gap:20px}.about-dialog .dialog-actions{position:absolute;right:26px;top:15px}.about-dialog .dialog-actions .close{position:static}.sound-button{display:flex;align-items:center;gap:8px;background:transparent;color:#d3dfdf;padding:10px 0;font-size:10px;font-weight:700;letter-spacing:.07em;white-space:nowrap}.sound-icon{display:grid;place-items:center;border:1px solid #b7ccc6;border-radius:50%;width:28px;height:28px;color:var(--lime);font-size:15px}.sound-button.muted .sound-icon{color:#a1aeac;border-color:#728783}.gallery-title em{display:block;color:#a7bdb7;font:400 9px 'DM Sans',sans-serif;letter-spacing:.035em;margin-top:7px;font-style:normal}
@media(max-width:900px){.header{height:72px;padding:0 5%}.header-middle{display:none}.hero-copy{left:7%;top:47%;max-width:470px}.hero-copy h1{font-size:clamp(45px,8vw,70px)}.hero-note{right:5%;bottom:12%}.collection{top:90px;left:15px;width:210px;bottom:85px;padding:18px 16px}.collection h2{margin-top:20px;font-size:25px}.gallery-title{top:95px;left:68%}.controls-hint{right:4%;bottom:25px}.help-button{bottom:25px;left:55%}}
@media(max-width:600px){.header-link{font-size:9px}.header-actions{gap:14px}.sound-label{font-size:9px;letter-spacing:0}.sound-icon{height:25px;width:25px}.hero-copy{top:44%;left:7%;right:7%;transform:translateY(-42%)}.hero-copy h1{font-size:49px;margin:22px 0 18px}.hero-copy p{max-width:340px;font-size:13px}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:25px}.primary{padding:15px 17px;min-height:49px;gap:25px}.hero-note{bottom:11%;left:7%;right:auto}.welcome-bottom{height:48px;font-size:7px}.collection{top:82px;left:0;right:0;bottom:auto;width:auto;padding:12px 14px;background:#09151cdb;border-left:0;border-right:0}.collection-head,.collection h2,.collection p,.collection-foot{display:none}.station-list{display:flex;overflow:auto;border:0;gap:7px}.station{min-width:max-content;width:auto;padding:9px 10px;border:1px solid #ffffff24;gap:8px}.station-text b{font-size:10px}.station-text small,.station-arrow{display:none}.gallery-title{top:154px;left:50%;width:90%}.gallery-title b{font-size:13px}.gallery-title em{font-size:8px}.controls-hint{display:none}.touch-controls{display:flex;gap:5px;align-items:center;position:absolute;bottom:22px;left:20px;pointer-events:auto}.touch-controls span{display:grid;gap:5px}.touch-controls button{width:39px;height:39px;background:#0c1a22d9;border:1px solid #b0cbc14a;font-size:18px;touch-action:none}.help-button{left:auto;right:22px;bottom:28px;transform:none}.hotspot{padding:6px}.hotspot-label b{font-size:9px}.hotspot-label small{display:none}.hotspot-dot{width:20px;height:20px}.drawer-body{padding:25px}.drawer-top{padding:0 25px;height:65px}.drawer h2{font-size:34px}.drawer-image{height:180px}.about-dialog{padding:32px 25px}.about-dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:600px){.about-dialog{padding-top:65px}.about-dialog .dialog-actions{top:10px;right:20px}}