@font-face{font-family:Pixel;src:url(/fonts/pixel.ttf)format("truetype");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:#edfaff;--travel:0;background:#061828;margin:0;font-family:Arial,sans-serif;font-size:18px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #ffce76}header{z-index:20;letter-spacing:.04em;background:#061828ed;border-bottom:1px solid #82cbd744;justify-content:space-between;align-items:center;gap:16px;height:74px;padding:0 4vw;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}header>a{font-weight:700;text-decoration:none}header span{color:#8dd5e0}header div{align-items:center;gap:18px;display:flex}header button{color:#b6d7df;background:0 0;border:0;padding:8px 0;font-size:13px}.skip{z-index:100;color:#071c30;background:#ffcf77;padding:12px;position:fixed;top:-100px}.skip:focus{top:0}.ocean{pointer-events:none;z-index:-1;background:radial-gradient(at 70% 30%,#145974 0,#081f35 55%,#04111e 100%);position:fixed;inset:0;overflow:hidden}.world{position:absolute;inset:0 0 0 39%;overflow:hidden}.world>img{object-fit:cover;object-position:center;width:100%;height:180vh;image-rendering:pixelated;transform:translateY(calc(var(--travel) * -75vh));will-change:transform}.world:after{content:"";background:linear-gradient(90deg,#061828 0,#0000 22% 87%,#06182888);position:absolute;inset:0}.ocean-shade{opacity:calc(var(--travel) * .25);background:#001321;position:absolute;inset:0}.coordinate{letter-spacing:.15em;color:#b9e8f4aa;font:12px monospace;position:absolute;bottom:64px;right:9vw}.sonar{opacity:.65;background:#ffce76;border-radius:100%;width:8px;height:8px;position:absolute;top:55%;left:65%;box-shadow:0 0 25px #ffce76}.sonar i{border:1px solid #9feeff;border-radius:50%;animation:5s linear infinite sonar;position:absolute;inset:-40px}.sonar i:nth-child(2){animation-delay:-1.6s}.sonar i:nth-child(3){animation-delay:-3.2s}@keyframes sonar{0%{opacity:.8;transform:scale(.1)}to{opacity:0;transform:scale(4)}}.depth{z-index:5;text-align:center;color:#a6dce6;letter-spacing:.12em;flex-direction:column;align-items:center;width:75px;font:11px monospace;display:flex;position:fixed;top:130px;right:24px}.depth strong{color:#ffcf77;font:35px Pixel}.depth-track{background:repeating-linear-gradient(#8dd5e077 0 1px,#0000 1px 12px);width:10px;height:30vh;margin:20px 0;position:relative}.depth-track i{width:22px;height:6px;left:-6px;top:calc(var(--travel) * 100%);background:#ffcf77;position:absolute}.depth small{letter-spacing:0;font:10px/1.5 Arial}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Pixel;font-weight:500;line-height:1.05}h1{letter-spacing:-.06em;margin:30px 0;font-size:clamp(85px,8.5vw,145px)}h1 em{color:#99eff2;font-style:normal}h2{letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(44px,4.6vw,72px)}h3{margin-bottom:22px;font-size:28px}.intro{align-items:center;min-height:100svh;padding:125px 6vw 100px;display:flex;position:relative}.intro-copy{width:45%;max-width:550px}.eyebrow{letter-spacing:.19em;color:#8bdbe4;font:700 12px/1.6 monospace}.intro-lead{font-size:26px;line-height:1.35}.intro-copy>p:not(.eyebrow){max-width:380px}.primary{color:#092339;background:#ffcf77;border:0;justify-content:space-between;align-items:center;gap:24px;padding:14px 21px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:4px 4px #071323}.primary:hover{transform:translateY(-3px)}.trip-info{color:#b4cbd5;margin-top:23px;font:12px/1.7 monospace}.surface-label{letter-spacing:.12em;color:#f9ffff;text-shadow:0 1px 7px #001;font:12px/2 monospace;position:absolute;top:44%;left:62%}.surface-label span{color:#b5faff}.demo-label{color:#7597ad;letter-spacing:.15em;font:11px monospace;position:absolute;bottom:30px;left:6vw}.dive-map{background:#061828e8;border-top:1px solid #9ed5de66;border-bottom:1px solid #9ed5de66;gap:12px;width:38%;max-width:550px;margin:0 6vw 100px;padding:25px 0;display:grid}.dive-map>span{color:#92b6c5;letter-spacing:.16em;margin-bottom:15px;font:12px monospace}.dive-map a{gap:20px;font-size:16px;text-decoration:none;display:flex}.dive-map a:hover{color:#ffcf77}.dive-map b{color:#98ebed;font:20px Pixel}.station{min-height:115vh;padding:7vh 0 18vh 6vw}.station article{background:linear-gradient(90deg,#061828 75%,#06182800);width:40%;max-width:540px;padding:35px 0;position:relative}.station .lead{color:#e0f8ff;font-size:23px;line-height:1.5}.station p{color:#bcd3dd}.station .eyebrow{color:#8bdbe4}.station .takeaway{color:#ffcf77;border-left:3px solid #ffcf77;margin:35px 0 0;padding-left:18px;font-size:21px}.experiment{background:#0d3043ef;border:1px solid #74bcc06b;margin:35px 0;padding:25px;box-shadow:6px 6px #020e19}.console-title{color:#9ce5e8;letter-spacing:.1em;background:#164559;justify-content:space-between;margin:-25px -25px 23px;padding:9px 15px;font:11px monospace;display:flex}.experiment h3{color:#eaffff}.experiment small{color:#94b4c4;margin-top:18px;font:12px/1.6 Arial;display:block}.experiment p.prompt{color:#efffff;background:#051e30;border-left:2px solid #85d7dc;padding:17px;font-size:18px}.choices{flex-wrap:wrap;gap:8px;display:flex}.choices button{color:#cbe7ee;background:#092537;border:1px solid #7db3c4;padding:9px 12px;font-size:14px}.choices button[aria-pressed=true]{color:#082032;background:#a9edf0;border-color:#a9edf0}output{color:#c9e9ee;min-height:55px;margin-top:20px;font-size:16px;line-height:1.6;display:block}.token-tray{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.token-tray span{color:#082137;background:#b9f0f0;padding:6px 10px;font:20px Pixel;box-shadow:2px 3px #508995}.token-tray span:nth-child(2n){background:#ffcf77}.attention-sentence{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;min-height:120px;font:17px monospace;display:flex}.attention-sentence mark{color:#a9eff2;background:#0e4b61;padding:7px}.attention-sentence b{color:#ffcf77;font-size:25px}.distribution{gap:12px;margin:24px 0;display:grid}.distribution>div{grid-template-columns:70px 1fr 36px;align-items:center;gap:10px;font:13px monospace;display:grid}.distribution i{height:15px;width:var(--size);background:#a5edef}.distribution b{color:#a7d2df;font-weight:400}.samples{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.samples button{color:#ffd489;background:#0a2232;border:1px solid #6597ac;min-height:90px;padding:10px 5px;font:28px Pixel}.samples span{color:#d0e5ed;margin-top:8px;font:12px/1.4 Arial;display:block}.samples button[aria-pressed=true]{background:#193d4b;border-color:#ffcf77}.responses{gap:12px;display:grid}.responses button{color:#d8eef4;text-align:left;background:#071f31;border:1px solid #5d96ae;padding:17px;font:16px/1.55 Arial}.responses button b{color:#9be8e9;margin-bottom:8px;font:11px monospace;display:block}.responses button[aria-pressed=true]{border:2px solid #ffcf77}.diffusion{background:#14465d;width:100%;height:230px;position:relative;overflow:hidden}.diffusion img{object-fit:cover;object-position:center 18%;width:100%;height:100%;image-rendering:pixelated}.diffusion canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}label{justify-content:space-between;margin-top:20px;font-size:14px;display:flex}input[type=range]{accent-color:#ffcf77;width:100%;height:36px}.ending{background:#061828e8;max-width:700px;padding:100px 6vw}.ending h2{font-size:clamp(55px,6vw,84px)}blockquote{color:#9be8e9;border-left:3px solid #98e3e6;margin:45px 0;padding-left:25px;font:26px/1.4 Pixel}cite{color:#b6cbd7;margin-top:18px;font:12px/1.5 Arial;display:block}.end-links{flex-direction:column;align-items:flex-start;gap:22px;margin:30px 0;display:flex}footer{background:#040f1af5;border-top:1px solid #8acdce44;padding:65px 6vw 90px;position:relative}footer p,footer details{color:#97b7c6;max-width:780px;font-size:14px}footer h3{color:#d1eef3}summary{cursor:pointer;color:#d5f3f9;margin:25px 0}li{margin:10px 0}.dive-status{z-index:20;letter-spacing:.05em;color:#aee7ed;background:#051825ed;border-top:1px solid #8bdce155;justify-content:space-between;gap:10px;padding:12px 4vw;font:12px monospace;display:flex;position:fixed;bottom:0;left:0;right:0}#completed{color:#ffcf77}body.reduced *,body.reduced :before,body.reduced :after{transition:none!important;animation:none!important}html:has(.reduced){scroll-behavior:auto}body.reduced .world>img{transform:none}body.reduced .sonar{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sonar{display:none}}@media (width>=1600px){.station article{width:40%}.intro-copy{max-width:640px}}@media (width<=850px){header{padding:0 20px}header span{display:none}header div{gap:12px}.depth{width:46px;top:90px;right:10px}.depth small{display:none}.depth strong{font-size:27px}.depth>span{font-size:9px}.world{opacity:.6;left:0}.world:after{background:linear-gradient(90deg,#06182855,#0000)}.world>img{height:160vh;transform:translateY(calc(var(--travel) * -60vh))}.intro{align-items:flex-start;min-height:95svh;padding:130px 24px 80px}.intro-copy{background:linear-gradient(90deg,#061828c9,#0000);width:90%;max-width:500px}h1{font-size:clamp(73px,15vw,110px)}.intro-copy>p:not(.eyebrow){max-width:300px}.intro-lead{font-size:23px}.surface-label{display:none}.dive-map{background:#061828e8;width:auto;margin:0 70px 50px 24px;padding:25px}.station{min-height:0;padding:20px 65px 70px 18px}.station article{background:#061828ee;border-top:1px solid #8bdce166;width:100%;max-width:600px;padding:26px 22px}.station h2{font-size:48px}.station .lead{font-size:21px}.experiment{margin:28px -5px;padding:18px}.console-title{margin:-18px -18px 20px;padding:10px;font-size:10px}.experiment h3{font-size:25px}.choices button{font-size:13px}.ending{padding:70px 65px 70px 25px}.coordinate{display:none}.samples{grid-template-columns:1fr}.samples button{align-items:center;gap:15px;min-height:55px;padding:10px 18px;display:flex}.samples span{margin:0;font-size:14px}.dive-status{padding:12px 15px;font-size:10px}.attention-sentence{gap:5px;font-size:13px}.diffusion{height:200px}}@media (width<=380px){header{padding:0 12px;font-size:11px}header button{font-size:11px}header div{gap:9px}.station{padding-right:45px}.depth{width:35px;right:1px}.depth>span{font-size:8px}.station article{padding:25px 15px}.station h2{font-size:41px}.intro h1{font-size:72px}}@media print{header,.ocean,.depth,.dive-status,.experiment,.dive-map{display:none}body,article,.ending,footer{color:#000!important;background:#fff!important}.intro,.station,.ending{min-height:0;padding:20px}.intro-copy,.station article{width:100%;max-width:none}.station p{color:#000}h1,h2{font-size:35px}.station{break-inside:avoid}}