:root{color:#e7edf5;font-synthesis:none;--surface:#050b17;--ink:#e7edf5;--secondary:#a5b2c4;--muted:#788ba5;--rule:#9eb6d62e;--accent:#98bde4;background:#050b17;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:#fff;background:#24466d}.experience{isolation:isolate;--sample-opacity:0;--sample-lift:0px;--copy-opacity:1;background:radial-gradient(at 76% 41%,#0b1a30 0%,#07101f 36%,#050b17 70%);height:100svh;min-height:540px;position:relative;overflow:hidden}.experience:before{content:"";z-index:0;pointer-events:none;opacity:.27;background-image:radial-gradient(1px 1px at 16% 17%,#cbd6ed 50%,#0000),radial-gradient(1px 1px at 62% 31%,#b5c4e0 50%,#0000),radial-gradient(1.2px 1.2px at 83% 67%,#dde7f3 50%,#0000),radial-gradient(1px 1px at 51% 78%,#cbd6ed 50%,#0000);background-size:381px 307px,573px 463px,697px 557px,457px 389px;position:absolute;inset:0}.chapter-copy{z-index:3;width:27%;max-width:430px;opacity:var(--copy-opacity);pointer-events:none;position:absolute;top:22%;left:5.2%}h1{letter-spacing:-.04em;margin:0;font-size:clamp(36px,3.65vw,67px);font-weight:500;line-height:1.2}h1 span{letter-spacing:0;color:#a5b4c9;margin-top:17px;font-size:clamp(19px,1.73vw,32px);font-weight:400;line-height:1.5;display:block}.chapter-description{color:var(--secondary);letter-spacing:.02em;max-width:355px;margin:29px 0 0;font-size:clamp(13px,1.02vw,17px);line-height:1.95}.chapter-details{max-width:355px;margin:36px 0 0}.chapter-details>div{border-top:1px solid var(--rule);grid-template-columns:98px 1fr;gap:12px;padding:15px 0 11px;display:grid}.chapter-details dt{font-size:12px;font-weight:500;line-height:1.8}.chapter-details dd{color:var(--secondary);margin:0;font-size:12px;line-height:1.8}.chapter-note{color:var(--muted);max-width:340px;margin:28px 0 0;font-size:10px;line-height:1.85}.experience[data-chapter="0"] .chapter-details{margin-top:50px}.experience[data-chapter="0"] .chapter-details>div{padding-top:19px;display:block}.experience[data-chapter="0"] .chapter-details dt{color:var(--accent);margin-bottom:7px}.scene-shell{z-index:1;opacity:calc(1 - var(--sample-opacity)*.94);position:absolute;inset:0 0 0 35%}.satellite-canvas{transition:opacity .6s;position:absolute;inset:0}.satellite-canvas canvas{width:100%;height:100%;display:block}.part-label{white-space:nowrap;color:#c1d1e5;pointer-events:none;text-shadow:0 1px 3px #050b17;padding-left:32px;padding-right:6px;font-size:11px;line-height:23px;position:absolute;top:0;left:0}.part-label:before{content:"";background:#8aa5c5;width:24px;height:1px;position:absolute;top:11px;left:0}.part-label:after{content:"";background:#a8c9ec;border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:-2px}.scene-status{z-index:5;color:var(--secondary);font-size:13px;position:absolute;top:48%;left:55%}.scene-fallback{text-align:center;color:var(--secondary);font-size:14px;position:absolute;top:35%;left:20%;right:20%}.scene-fallback button{background:#12243a;border:1px solid #577190;padding:12px 24px}.scene-fallback p:last-child{font-size:11px}.microbe-gallery{z-index:4;opacity:var(--sample-opacity);transform:translateY(var(--sample-lift));pointer-events:none;position:absolute;top:30%;left:37%;right:4.8%}.specimen-caption{border-bottom:1px solid var(--rule);color:var(--secondary);align-items:center;gap:12px;margin-bottom:28px;padding-bottom:19px;font-size:11px;display:flex}.specimen-caption span:first-child{color:var(--accent);margin-right:4px;font-size:24px}.specimen-caption span:last-child{color:var(--muted);margin-left:auto;font-size:10px}.microbe-plates{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.microbe-plate{transform:translateY(calc((1 - var(--sample-opacity)) *15px));margin:0}.specimen-image{aspect-ratio:1.15;background:#08111e;position:relative;overflow:hidden}.specimen-image img{object-fit:cover;width:100%;height:100%;display:block}.specimen-image>span{color:#fff;font-variant-numeric:tabular-nums;font-size:11px;position:absolute;bottom:10px;left:12px}.microbe-plate figcaption{flex-direction:column;gap:8px;margin-top:20px;display:flex}.microbe-plate strong{font-size:17px;font-weight:500}.microbe-plate em{color:var(--muted);letter-spacing:-.01em;font-size:10px;font-style:italic;font-weight:400}.microbe-plate figcaption>span{color:var(--secondary);margin-top:5px;font-size:11px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1700px){.chapter-details>div{grid-template-columns:115px 1fr;padding-top:20px;padding-bottom:16px}.chapter-details dt,.chapter-details dd{font-size:14px}.chapter-note{font-size:12px}.part-label{font-size:13px}.microbe-plate strong{font-size:21px}.microbe-plate em,.microbe-plate figcaption>span{font-size:13px}}@media (height<=740px) and (width>=801px){.chapter-copy{top:15%}.chapter-description{margin-top:19px;font-size:12px}.chapter-details{margin-top:20px}.chapter-details>div{grid-template-columns:84px 1fr;gap:8px;padding:10px 0 8px}.chapter-details dt,.chapter-details dd{font-size:11px}.chapter-note{margin-top:18px}h1{font-size:38px}h1 span{margin-top:10px;font-size:20px}}@media (width>=801px) and (width<=1100px){.scene-shell{left:35%}}@media (width<=1100px){.chapter-copy{width:27%;left:4.5%}.chapter-details>div{display:block}.chapter-details dt{margin-bottom:5px}.microbe-gallery{left:37%;right:3%}.microbe-plates{gap:12px}.microbe-plate strong{font-size:14px}.specimen-caption span:last-child{display:none}}@media (width<=800px){.experience{min-height:610px}.chapter-copy{width:87%;max-width:none;top:8%;left:6%}h1{white-space:nowrap;letter-spacing:-.04em;align-items:baseline;gap:15px;font-size:35px;display:flex}h1 span{white-space:normal;margin:0;font-size:17px}.chapter-description{width:92%;max-width:540px;margin-top:16px;font-size:12px;line-height:1.8}.chapter-details{display:none}.chapter-note{max-width:90%;margin-top:12px;font-size:9px}.scene-shell{inset:220px 0 0}.part-label{padding-left:20px;font-size:9px}.part-label:before{width:15px}.microbe-gallery{top:43%;left:6%;right:6%}.specimen-caption{margin-bottom:15px;padding-bottom:12px;font-size:10px}.specimen-caption span:first-child{font-size:17px}.microbe-plates{gap:12px}.microbe-plate strong{font-size:13px}.microbe-plate em{font-size:8px;line-height:1.5}.microbe-plate figcaption{margin-top:12px}.microbe-plate figcaption>span{font-size:9px;line-height:1.6}.specimen-image{aspect-ratio:.88}.scene-status{top:55%;left:30%}}@media (width<=430px){h1{gap:12px;font-size:31px}h1 span{font-size:15px}.microbe-gallery{top:46%}.microbe-plates{gap:9px}.microbe-plate em{font-size:7px}.microbe-plate strong{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.station-callouts{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.station-callouts path{fill:none;stroke:currentColor;stroke-width:1px;opacity:.8}.station-callouts circle{fill:currentColor}.station-callouts text{fill:#dae8f3;paint-order:stroke;stroke:#07101f;stroke-width:3px;stroke-linejoin:round;font-size:12px;font-weight:500}@media (width<=800px){.station-callouts text{font-size:11px}}
