@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--ink:#f1f8f6;--muted:#b5cbd3;--accent:#c2f2df;--line:#badad52d;background:#03121f;color:var(--ink);font-family:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:28px 4.5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:1.6px}.brand svg{height:38px;width:38px}.project-name{letter-spacing:4px;font-size:12px}.guide-button{font-size:14px}#ocean{background:linear-gradient(#052c40,#02111f 35%,#01080f)}.chapter{height:150svh;min-height:1000px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero{height:130svh;min-height:900px;align-items:flex-start;padding-top:29svh}.landscape{position:absolute;inset:0;z-index:-2;mask-image:linear-gradient(transparent,black 20%,black 76%,transparent)}.hero .landscape{mask-image:linear-gradient(black 70%,transparent)}.landscape img{width:100%;height:100%;object-fit:cover;object-position:65%}.chapter:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#00121b80,transparent 80%)}.chapter-copy{width:600px;max-width:70%;margin-left:8%;position:relative}.eyebrow{font-size:12px;letter-spacing:2px;color:#c1e6e1}h1,h2{font:400 clamp(60px,6.6vw,110px)/1.05 Georgia,serif;letter-spacing:-3px;margin:25px 0}h2{font-size:clamp(54px,5.6vw,88px)}em{color:#c5ece3;font-weight:400}p{font-size:18px;line-height:1.8;color:#bed5dc;max-width:460px}.scroll-invitation{margin-top:36px;display:inline-flex;gap:24px;align-items:center;font-size:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.scroll-invitation span{font-size:25px}@media(max-width:700px){.header{padding:22px}.project-name{display:none}.chapter{min-height:1000px;height:135svh}.hero{padding-top:32svh;min-height:920px}.chapter-copy{margin-left:26px;max-width:83%;width:auto}h1{font-size:58px;letter-spacing:-2px}h2{font-size:52px;letter-spacing:-1.5px}.landscape img{object-position:67%}p{font-size:16px}.eyebrow{font-size:12px;letter-spacing:1px}.chapter:after{background:linear-gradient(90deg,#00121b99,transparent),linear-gradient(0deg,#03121f99,transparent 75%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A continuous ocean, with overlapping light and image fades. */
:root{--panel:#081c28;--border:rgba(186,218,213,.22)}html{scroll-padding-top:90px}body.has-modal{overflow:hidden}.header{position:fixed;transition:background .3s,border-color .3s;padding-block:23px;background:linear-gradient(#00142160,transparent);border-color:#d6eceb16}.header.scrolled{background:#03121fe8;backdrop-filter:blur(18px);border-color:var(--line)}.header-actions{display:flex;align-items:center;gap:24px}.icon-button{border:0;background:transparent;font-size:20px;width:36px;height:36px}.guide-button{background:none;border:0;padding:10px 0;font-size:14px}.guide-button>span{font-size:12px;margin:0 12px;color:var(--muted);border:1px solid var(--line);padding:5px 8px;border-radius:3px}.depth-hud{position:fixed;z-index:15;left:4.5%;bottom:30px;pointer-events:none;text-shadow:0 2px 20px #000}.hud-label{font-size:12px;letter-spacing:1.5px;color:#bfd4dc}.depth-hud>div{display:flex;align-items:baseline;gap:10px;margin-top:5px}.depth-hud output{font:400 46px/1.2 'Manrope',sans-serif;letter-spacing:-2px;font-variant-numeric:tabular-nums}.depth-hud>div>span{font-size:16px;color:var(--muted)}.depth-hud p{font-size:14px;margin:8px 0 5px;line-height:1.3}.depth-hud small{font-size:12px;color:var(--muted)}.depth-rail{position:fixed;z-index:15;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0;isolation:isolate}.depth-rail>a{height:33px;width:34px;position:relative;display:grid;place-items:center}.depth-rail>a>i{width:5px;height:5px;border-radius:50%;background:#86a2b5;box-shadow:0 0 0 4px #071726cc}.depth-rail>a[aria-current="location"]>i{background:#d7fceb;box-shadow:0 0 0 4px #4b766dcc,0 0 0 5px #c4ecdc80}.rail-name{position:absolute;right:40px;background:#061b2beb;padding:9px 12px;border:1px solid #37515c;border-radius:3px;white-space:nowrap;font-size:12px;opacity:0;pointer-events:none;transform:translateX(5px);transition:opacity .2s,transform .2s}.depth-rail>a:hover .rail-name,.depth-rail>a:focus-visible .rail-name{opacity:1;transform:none}.rail-progress{position:absolute;width:1px;background:#91b3b34d;top:16px;bottom:16px;left:16.5px;z-index:-1}.rail-progress>span{display:block;width:1px;background:#ceefdf;height:0}#ocean{background:linear-gradient(#073449 0%,#073346 16%,#052a34 25%,#021621 40%,#010c16 60%,#01070d 100%)}.chapter{height:160svh;min-height:1050px;overflow:clip}.hero{height:135svh;min-height:950px;max-height:1600px;padding-top:30svh}.reef{height:180svh}.microscopic{height:175svh}.chapter .landscape{inset:-75px 0;will-change:transform;transform:translateY(var(--drift,0px));mask-image:linear-gradient(transparent 0%,#000b 14%,black 26%,black 74%,#000b 86%,transparent 100%)}.hero .landscape{inset:0 0 -75px;mask-image:linear-gradient(black 55%,#000d 75%,transparent)}.landscape img{display:block;object-position:65% 50%}.chapter:after{background:linear-gradient(90deg,#00101ab3,transparent 78%)}.hero:after{background:linear-gradient(90deg,#00152190,transparent 70%),linear-gradient(0deg,transparent 75%,#03182725)}.chapter-copy{width:650px;max-width:64%;margin-left:8%;padding-right:20px}.chapter-copy>p{font-size:18px;max-width:460px}.chapter-copy .eyebrow{display:block;font-size:12px;line-height:1.7;letter-spacing:2px}h1{font-size:clamp(64px,7.1vw,116px)}h2{font-size:clamp(56px,6.1vw,100px)}.scroll-invitation{gap:17px;font-size:14px;line-height:1.5}.scroll-invitation>b{font-size:23px;font-weight:400}.scroll-line{display:block;width:30px;height:1px;background:var(--accent)}.zoom-trigger{display:inline-flex;align-items:center;gap:12px;border:1px solid #c2f2df6b;background:#051b286e;backdrop-filter:blur(14px);padding:14px 19px;border-radius:3px;margin-top:20px;font-size:14px;transition:background .2s}.zoom-trigger>span{margin-left:15px}.zoom-trigger svg{width:18px}.zoom-trigger:hover{background:#1a434e99}.encounters{position:absolute;bottom:24%;right:10%;display:flex;flex-direction:column;gap:12px;align-items:flex-end;max-width:370px}.hero .encounters{bottom:26%}.encounter{display:flex;gap:14px;align-items:center;border:1px solid #b1d5d638;background:#071e2d70;backdrop-filter:blur(12px);padding:16px 19px;border-radius:4px;text-align:left;max-width:100%;transition:background .2s,transform .2s}.encounter:hover{background:#153d4bb0;transform:translateY(-3px)}.encounter-ring{width:34px;height:34px;border-radius:50%;border:1px solid #c2f2df99;display:grid;place-items:center;font-size:23px;flex-shrink:0;color:var(--accent)}.encounter>span:nth-child(2){display:flex;flex-direction:column;gap:6px}.encounter strong{font-size:14px;font-weight:500;line-height:1.4}.encounter small{font-size:12px;color:#c2d9de;line-height:1.4}.encounter>b{font-weight:400;margin-left:10px}.encounter.seen .encounter-ring{font-size:18px;background:#92bfb01a}.scene-caption{position:absolute;bottom:10%;right:10%;max-width:500px;text-align:right;display:flex;flex-direction:column;gap:7px;color:#abc3cc;font-size:12px;line-height:1.6;text-shadow:0 1px 10px #00101b}.scene-caption small{font-size:12px;opacity:.75}.microscopic .landscape img{object-position:65%;opacity:.7}.microscopic:after{background:linear-gradient(90deg,#041d27e6,transparent 83%)}.microscopic .encounters{bottom:18%;gap:10px}.microscopic .chapter-copy{align-self:flex-start;margin-top:27svh}.microscopic .scene-caption{bottom:8%}.twilight .landscape img{object-position:35%;filter:saturate(.8)}.right-copy .chapter-copy{margin-left:47%;max-width:43%;width:600px}.right-copy:after{background:linear-gradient(270deg,#00101ac9,transparent 95%)}.right-copy .encounters{left:8%;right:auto;align-items:flex-start;bottom:26%}.deepcoral .landscape img{object-position:67%;opacity:.85}.deepcoral:after{background:linear-gradient(90deg,#02111ee0,transparent 83%)}.midnight .landscape img{object-position:65%}.vents .landscape img{object-position:66%}.hadal .landscape img{object-position:50% 50%;opacity:.75}.deepest{height:190svh;min-height:1350px;align-items:flex-start;padding-top:40svh}.deepest .landscape{mask-image:linear-gradient(transparent,black 28%,black);inset:0}.deepest .landscape img{object-position:50% 76%}.deepest .chapter-copy{width:820px;max-width:78%}.deepest h2{font-size:clamp(60px,6.3vw,103px)}.deepest .encounters{bottom:33%}.deepest .scene-caption{bottom:6%}.journey-finish{position:absolute;left:8%;bottom:9%;max-width:65%}.journey-finish>p{font-size:17px;line-height:1.7}.journey-finish>p>em{font:italic 36px Georgia,serif;display:inline-block;margin-top:10px}.journey-finish>a{display:inline-block;margin-top:25px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.journey-finish>button{display:block;margin-top:18px;background:none;border:0;padding:5px 0;color:var(--muted);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;background:#123744;padding:15px}.skip-link:focus{top:20px}.no-motion .landscape{transform:none!important}.no-motion html{scroll-behavior:auto}.noscript{position:relative;padding:25px;background:#0c2937}
dialog{color:var(--ink);background:var(--panel);border:1px solid #395360;border-radius:7px;padding:0;width:min(1040px,94vw);max-height:92svh;overscroll-behavior:contain;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#010b13d9;backdrop-filter:blur(12px)}dialog[open]{animation:dialog-in .25s ease}.close-button{position:absolute;z-index:5;right:15px;top:15px;background:#051722eb;border:1px solid #728892;border-radius:50%;width:40px;height:40px;font-size:28px;font-weight:400;line-height:1;display:grid;place-items:center}.close-button:hover{background:#2a4857}.discovery-layout{display:grid;grid-template-columns:46% 54%;min-height:640px}.discovery-visual{position:relative;min-height:100%;background:#020a12;overflow:hidden;display:flex;align-items:center}.discovery-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:60%;opacity:.88}.discovery-visual>video{display:block;width:100%;position:relative;z-index:1;max-height:450px}.discovery-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020f1c,transparent 40%);pointer-events:none}.media-caption{position:absolute;left:25px;bottom:25px;right:25px;z-index:2;font-size:12px;color:#c5d5dc;line-height:1.7}.media-caption strong{display:block;font-size:12px;letter-spacing:1.4px;margin-bottom:8px;color:var(--accent)}.discovery-body{padding:48px 38px 35px}.discovery-body>.eyebrow{font-size:12px;color:var(--accent);letter-spacing:1.4px;margin-right:20px}.discovery-body h2{font-size:42px;letter-spacing:-1.4px;margin:20px 0}.latin{font:italic 16px Georgia,serif;color:#aac4cb;margin-top:-4px;margin-bottom:22px}.discovery-body>p{font-size:16px;line-height:1.75;margin:0}.fact-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid var(--border);padding:19px 0;margin:24px 0}.fact-row span{display:block;font-size:12px;letter-spacing:1px;color:#aac3ce}.fact-row strong{display:block;font-size:18px;font-weight:400;margin-top:7px}.prediction{background:#102c3a;border:1px solid #274b59;border-radius:4px;padding:20px}.prediction .eyebrow{font-size:12px;color:var(--accent);letter-spacing:1px}.prediction h3{font-size:16px;line-height:1.5;font-weight:500;margin:10px 0 16px}.answers{display:flex;flex-wrap:wrap;gap:8px}.answers button{padding:9px 12px;border:1px solid #486772;background:transparent;border-radius:3px;font-size:14px}.answers button:hover,.answers button.chosen{background:#254953;border-color:#b6edda}.answers button.correct{border-color:#b6edda;color:#c6fae6}.answer-feedback{font-size:14px;line-height:1.6;color:#c9e3e4;margin:14px 0 0}.discovery-source{display:block;font-size:12px;line-height:1.6;margin-top:19px;color:#b8d8df;text-decoration:underline;text-underline-offset:4px}.guide-dialog{width:min(780px,94vw)}.guide-inner{padding:50px 45px 35px}.guide-inner>.eyebrow{font-size:12px}.guide-inner h2{font-size:53px;letter-spacing:-1px}.guide-inner>p{font-size:16px}.guide-stops{margin:30px 0}.guide-stop{display:flex;align-items:center;width:100%;gap:16px;text-align:left;background:none;border:0;border-top:1px solid var(--border);padding:17px 0}.guide-stop:last-child{border-bottom:1px solid var(--border)}.guide-stop:hover{background:#102d3a}.guide-stop>span:first-child{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #49606a;border-radius:50%;font-size:12px;color:#c1d5db}.guide-stop>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.guide-stop strong{font-weight:500;font-size:16px}.guide-stop small{font-size:12px;color:#a2bdc7}.guide-stop>span:last-child{font-size:13px;color:#b5ccd4}.guide-inner h3{font:400 25px Georgia,serif;margin:30px 0 15px}.guide-inner #science-notes p{font-size:16px;line-height:1.75;margin-bottom:18px}.source-links{display:grid;gap:14px;margin:25px 0}.source-links a{font-size:14px;color:#c2e6e0;text-decoration:underline;text-underline-offset:4px}.studio-credit{border-top:1px solid var(--border);padding-top:25px;margin-top:30px}.studio-credit a{text-decoration:underline}.zoom-dialog{width:min(1420px,96vw);max-height:94svh;background:#061621}.zoom-heading{padding:24px 30px 19px;border-bottom:1px solid var(--line)}.zoom-heading .eyebrow{font-size:12px;letter-spacing:1.5px}.zoom-heading h2{font:400 34px Georgia,serif;letter-spacing:-.5px;margin:7px 0 0}.zoom-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}.zoom-stage{min-width:0}.zoom-viewport{height:60svh;min-height:340px;background:#01080e;position:relative;overflow:hidden;touch-action:none;cursor:grab;isolation:isolate}.zoom-viewport.dragging{cursor:grabbing}.zoom-viewport img{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;user-select:none;will-change:transform;transform-origin:center}.zoom-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;border:1px solid #7b9fa34f;background:#03121be6;padding:9px 13px;border-radius:20px;pointer-events:none}.zoom-toolbar{display:flex;gap:15px;align-items:center;padding:16px 22px;border-top:1px solid var(--line)}.zoom-toolbar button{background:#12303e;border:1px solid #466572;height:38px;min-width:38px;border-radius:3px;font-size:20px}.zoom-toolbar button:disabled{opacity:.4;cursor:default}.zoom-toolbar input{flex:1;min-width:40px;accent-color:var(--accent)}.zoom-toolbar output{font-size:14px;font-variant-numeric:tabular-nums;min-width:40px}.zoom-toolbar #zoom-reset{font-size:14px;padding:0 12px}.zoom-caption{font-size:12px;line-height:1.65;max-width:none;margin:0;padding:0 22px 20px;color:#afc7d0}.zoom-info{padding:25px 25px 20px;border-left:1px solid var(--line)}.zoom-info>p{font-size:16px;line-height:1.7;margin:0 0 24px}.specimen-options{display:flex;flex-direction:column;gap:10px;margin:24px 0}.specimen-options>button{display:flex;align-items:center;gap:12px;padding:9px;border:1px solid #36505e;border-radius:3px;background:transparent;text-align:left;font-size:14px}.specimen-options>button[aria-pressed="true"]{border-color:var(--accent);background:#17303b}.specimen-options img{width:45px;height:45px;object-fit:cover;border-radius:2px}.zoom-info>a{font-size:14px;color:#c1ecde;text-decoration:underline;text-underline-offset:4px}.zoom-info>.zoom-footnote{font-size:12px;line-height:1.65;color:#a3bbc5;margin-top:22px}.load-error{padding:18px;background:#183847;color:white;font-size:16px}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.chapter-copy{margin-left:10%;width:740px}.encounters{right:13%}.scene-caption{right:13%}.depth-hud{left:4%}}
@media(max-width:1100px){.chapter-copy{max-width:69%;width:640px}h1{font-size:82px}h2{font-size:72px}.right-copy .chapter-copy{margin-left:38%;max-width:53%}.chapter-copy>p{max-width:410px}.encounters{right:10%;bottom:20%}.depth-hud{left:28px}.depth-rail{right:16px}.scene-caption{right:10%;max-width:440px}.zoom-layout{grid-template-columns:minmax(0,1fr) 250px}.zoom-info{padding:22px 18px}.zoom-toolbar{gap:10px}.discovery-body{padding-inline:28px}}
@media(max-width:700px){.header{padding:18px 20px}.brand{font-size:12px;letter-spacing:1px;gap:8px}.brand svg{width:32px;height:32px}.header-actions{gap:12px}.guide-button{font-size:14px}.guide-button>span{display:none}.icon-button{width:27px;font-size:18px}.depth-rail{right:8px;top:50%}.depth-rail>a{width:23px;height:28px}.rail-progress{left:11px;top:14px;bottom:14px}.rail-name{display:none}.depth-rail>a>i{width:4px;height:4px;box-shadow:0 0 0 3px #071726cc}.depth-hud{left:0;right:0;bottom:0;background:linear-gradient(transparent,#03121ff2 30%);padding:25px 23px 15px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.hud-label{display:none}.depth-hud>div{grid-row:1/3;margin:0}.depth-hud output{font-size:32px;letter-spacing:-1px}.depth-hud>div>span{font-size:14px}.depth-hud p{font-size:12px;margin:0;justify-self:end}.depth-hud small{font-size:12px;justify-self:end}.chapter{height:145svh;min-height:1080px;align-items:flex-start;padding-top:34svh}.hero{height:135svh;min-height:1000px;padding-top:32svh}.reef{height:160svh;min-height:1150px;padding-top:32svh}.microscopic{height:185svh;min-height:1300px;padding-top:0}.microscopic .chapter-copy{margin-top:29svh}.chapter-copy,.right-copy .chapter-copy{margin-left:25px;margin-right:40px;padding-right:0;max-width:none;width:auto}h1{font-size:58px;line-height:1.08;letter-spacing:-2px}h2{font-size:52px;line-height:1.1;letter-spacing:-1.7px}.chapter-copy>p{font-size:16px;line-height:1.8;max-width:330px}.chapter-copy>p>br{display:none}.chapter-copy .eyebrow{letter-spacing:1px;font-size:12px}.landscape img{object-position:64%}.chapter:after,.right-copy:after{background:linear-gradient(90deg,#00111b7d,transparent),linear-gradient(0deg,#00121b80 15%,transparent 72%)}.hero:after{background:linear-gradient(90deg,#00111b70,transparent),linear-gradient(0deg,#00121b80,transparent 75%)}.reef:after{background:linear-gradient(90deg,#001423a0,transparent),linear-gradient(0deg,#011a2a70,transparent 75%)}.microscopic:after{background:linear-gradient(90deg,#00121bce,transparent),linear-gradient(0deg,#00131c99,transparent)}.microscopic .landscape img{object-position:50%;opacity:.75}.deepcoral:after{background:linear-gradient(90deg,#00101ad9,transparent),linear-gradient(0deg,#00121b80,transparent)}.encounters,.hero .encounters,.right-copy .encounters{left:25px;right:40px;bottom:21%;max-width:420px;align-items:stretch}.encounter{padding:14px;gap:12px;backdrop-filter:blur(16px)}.encounter>span:nth-child(2){flex:1}.encounter strong{font-size:14px}.encounter small{font-size:12px}.encounter>b{margin-left:0}.encounter-ring{width:30px;height:30px}.scene-caption{right:40px;left:25px;max-width:none;bottom:9%;text-align:left;font-size:12px}.scene-caption small{font-size:12px}.microscopic .encounters{bottom:15%;left:25px;right:40px}.microscopic .scene-caption{bottom:6%}.zoom-trigger{font-size:14px;padding:12px 15px;gap:10px;margin-top:17px}.deepest{height:200svh;min-height:1510px;padding-top:32svh}.deepest .chapter-copy{max-width:none;width:auto}.deepest h2{font-size:53px;letter-spacing:-2px}.deepest .encounters{bottom:39%;left:25px;right:40px}.deepest .scene-caption{bottom:6%}.journey-finish{left:25px;right:40px;max-width:none;bottom:17%}.journey-finish>p{font-size:16px}.journey-finish>p>em{font-size:34px}.scroll-invitation{margin-top:22px;font-size:14px}.zoom-layout{display:flex;flex-direction:column}.zoom-dialog{width:96vw;max-height:94svh}.zoom-heading{padding:19px 21px 15px}.zoom-heading h2{font-size:29px;margin-right:30px}.zoom-viewport{height:46svh;min-height:280px}.zoom-toolbar{padding:13px 16px;gap:9px}.zoom-toolbar button{min-width:33px;height:35px}.zoom-toolbar #zoom-reset{padding:0 8px}.zoom-caption{padding:0 17px 18px}.zoom-info{border-top:1px solid var(--line);border-left:0;padding:20px}.zoom-info>p{font-size:16px;max-width:none;margin-bottom:16px}.specimen-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.specimen-options>button{flex-direction:column;align-items:flex-start;padding:8px;font-size:12px;gap:8px}.specimen-options img{width:100%;height:64px}.zoom-info>.zoom-footnote{font-size:12px}.zoom-hint{font-size:12px;bottom:12px;padding:7px 12px}.discovery-layout{display:flex;flex-direction:column;min-height:0}.discovery-visual{height:310px;min-height:310px;flex-shrink:0}.discovery-visual>img{object-position:center}.discovery-visual.has-video{height:auto;min-height:0;display:block;padding-bottom:135px}.discovery-visual>video{max-height:340px}.media-caption{font-size:12px;left:22px;bottom:20px;right:22px}.media-caption strong{font-size:12px}.discovery-body{padding:28px 24px 32px}.discovery-body h2{font-size:39px}.discovery-body>p{font-size:16px}.fact-row strong{font-size:17px}.guide-inner{padding:40px 24px 30px}.guide-inner h2{font-size:43px}.guide-inner>p{font-size:16px}.guide-stop{gap:10px}.guide-stop strong{font-size:15px}.guide-stop small{font-size:12px}.guide-stop>span:last-child{font-size:12px;min-width:72px;text-align:right}.guide-inner #science-notes p{font-size:16px}.close-button{width:36px;height:36px;font-size:25px;right:12px;top:12px}.prediction{padding:16px}}
@media(max-width:380px){h1{font-size:51px}h2,.deepest h2{font-size:47px}.brand{font-size:11px}.brand svg{width:29px;height:29px}.header-actions{gap:5px}.chapter-copy,.right-copy .chapter-copy{margin-right:32px}.encounters,.right-copy .encounters,.hero .encounters,.microscopic .encounters{right:32px}.depth-hud output{font-size:29px}.scene-caption{right:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chapter .landscape{transform:none!important}}
/* Motion is drawn over real imagery; native scrolling remains the main control. */
.chapter{height:190svh;min-height:1250px}.hero{height:145svh;min-height:980px}.reef{height:215svh}.microscopic{height:210svh}.deepest{height:210svh;min-height:1500px}.landscape img{animation:habitat-drift 30s ease-in-out infinite alternate}.no-motion .landscape img{animation-play-state:paused}.moving-habitat{position:absolute;inset:-60px 0;z-index:-2;overflow:hidden;mask-image:linear-gradient(transparent,black 22%,black 78%,transparent)}.ambient-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s;pointer-events:none}.ambient-video.ready{opacity:1}.twilight .ambient-video{object-position:35%}.midnight .ambient-video{object-position:67%}.midnight:after{background:linear-gradient(90deg,#00101bcc,transparent 85%)}#ocean-motion{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.65}.header,.depth-hud,.depth-rail{z-index:15}.chapter-copy,.encounters,.scene-caption{z-index:6}.dive-controls{position:fixed;z-index:15;bottom:30px;left:50%;transform:translateX(-50%);background:#041925c9;border:1px solid #b9e3da3d;border-radius:30px;backdrop-filter:blur(15px);padding:5px 18px 5px 6px;display:flex;align-items:center;gap:16px}.dive-controls button{display:flex;align-items:center;gap:10px;font-size:14px;background:#b4e7d516;border:1px solid #c3e8d82d;border-radius:25px;padding:10px 16px}.dive-controls button:hover{background:#b4e7d52d}.dive-controls button[aria-pressed="true"]{background:#b5ead531;border-color:#b4e7d5a6}.dive-speed{font-size:12px;color:#b2cbd0}.depth-instrument{position:fixed;z-index:15;right:64px;top:50%;transform:translateY(-50%);width:87px;height:240px;pointer-events:none;opacity:.85}.instrument-window{height:240px;overflow:hidden;position:relative;mask-image:linear-gradient(transparent,black 18%,black 82%,transparent)}.meter-tick{position:absolute;right:0;display:flex;align-items:center;gap:8px;transform:translateY(-50%)}.meter-tick>i{width:13px;height:1px;background:#92b5ba66}.meter-tick>b{font-size:12px;font-weight:400;color:#b7cfd5;min-width:47px;font-variant-numeric:tabular-nums}.instrument-needle{position:absolute;left:12px;top:120px;width:20px;height:1px;background:#c7f7e2;box-shadow:0 0 8px #c7f7e2}.instrument-unit{position:absolute;bottom:-21px;right:0;font-size:12px;letter-spacing:1px;color:#aec7cf}.depth-rail{right:18px}.depth-rail>a{height:34px}.hero .scene-caption{bottom:12%}.chapter-copy{max-width:62%}.encounters,.scene-caption{right:13%}.right-copy .chapter-copy{margin-left:44%;max-width:43%}.right-copy .encounters{left:8%;right:auto}.no-motion #ocean-motion{opacity:.3}.no-motion .ambient-video{transition:none}@keyframes habitat-drift{from{transform:scale(1.015) translate(0,0)}to{transform:scale(1.07) translate(-.8%,.3%)}}
@media(max-width:1000px){.depth-instrument{display:none}.chapter-copy{max-width:76%}.right-copy .chapter-copy{margin-left:35%;max-width:57%}.encounters,.scene-caption{right:9%}.dive-speed{display:none}.dive-controls{padding:4px}.dive-controls button{padding:9px 14px}}
@media(max-width:700px){.chapter{height:175svh;min-height:1300px}.hero{height:145svh;min-height:1050px}.reef{height:195svh;min-height:1450px}.microscopic{height:225svh;min-height:1630px}.deepest{height:230svh;min-height:1700px}.chapter-copy,.right-copy .chapter-copy{margin-left:25px;max-width:none;margin-right:40px}.chapter-copy{padding-top:3svh}.microscopic .chapter-copy{margin-top:30svh}.dive-controls{bottom:88px;left:auto;right:19px;transform:none}.dive-controls button{font-size:12px;padding:9px 13px}.depth-hud{z-index:14}.encounters,.hero .encounters,.right-copy .encounters{bottom:24%;right:40px}.microscopic .encounters{bottom:20%;right:40px}.scene-caption{right:40px;bottom:12%}.microscopic .scene-caption{bottom:10%}.hero .scene-caption{bottom:12%}.deepest .encounters{bottom:40%}.deepest .scene-caption{bottom:9%}.journey-finish{bottom:20%}.midnight .ambient-video{object-position:55%}.depth-rail{right:8px}.depth-rail>a{height:29px}#ocean-motion{opacity:.4}}
@media(prefers-reduced-motion:reduce){.landscape img{animation:none}#ocean-motion{display:none}}
/* The learning layer keeps the descent open while making its relationships explorable. */
.lab-open{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:13px 18px;background:#bcebd8;color:#08232e;border:1px solid #c2f2df;border-radius:4px;font-size:14px;font-weight:600;line-height:1.45}.lab-open:hover{background:#d9f9ec}.header-lab{background:#071c2bec;color:#d5f6e8;border-color:#739b94;font-size:13px;padding:10px 14px}.first-experiment{margin-top:25px;display:flex;align-items:flex-start;flex-direction:column;gap:13px}.first-experiment .lab-open{align-items:flex-start;flex-direction:column;gap:4px;text-align:left}.first-experiment .lab-open span{font-size:12px;font-weight:400}.first-experiment small{font-size:12px;color:#d1e4e6}.icon-button,.close-button{min-width:44px;min-height:44px}.header-actions{gap:16px}.depth-rail>a{width:44px;min-height:44px}.rail-progress{left:21.5px}.depth-instrument{right:76px}.pan-controls{display:flex;gap:8px;padding:4px 20px 12px}.pan-controls button,.zoom-toolbar button{min-width:44px;min-height:44px;border:1px solid #567b85;background:#0a2735;border-radius:4px}.no-motion .energy-route i:after,.has-modal .landscape img,.reading-recap .landscape img{animation:none}.reading-recap .depth-hud,.reading-recap .depth-rail,.reading-recap .depth-instrument,.reading-recap .dive-controls,.reading-recap #ocean-motion{visibility:hidden}.site-footer,.expedition-recap{position:relative;z-index:7;background:#04141f}.expedition-recap{padding:100px max(7vw,24px) 70px;border-top:1px solid #24444f}.recap-intro{max-width:1000px}.recap-intro h2{font-size:clamp(48px,6vw,88px)}.recap-intro>p{max-width:620px}.recap-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:60px 0}.recap-cards article{border-top:1px solid #426873;padding-top:20px}.recap-cards span{font-size:12px;letter-spacing:1.3px;color:#c2f2df}.recap-cards h3,.transfer-card h3{font:400 29px/1.2 Georgia,serif;letter-spacing:-.5px}.recap-cards p,.transfer-card p{font-size:16px;line-height:1.75}.transfer-card{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#0a2432;border:1px solid #34545f;padding:32px;border-radius:6px}.transfer-card p{max-width:none}.transfer-card label{display:block;font-size:15px;margin-bottom:12px}.transfer-card label span{display:block;font-size:12px;color:#bbd2d8;margin-top:7px}textarea{display:block;width:100%;background:#041722;border:1px solid #688893;border-radius:4px;color:#ecf8f3;font:16px/1.7 inherit;font-family:inherit;padding:14px;resize:vertical}textarea:focus-visible,summary:focus-visible{outline:2px solid #c2f2df;outline-offset:4px}textarea::placeholder{color:#aac0c9}.text-button{background:transparent;border:0;border-bottom:1px solid #789990;color:#c2f2df;padding:12px 0;min-height:44px;text-align:left;font-size:14px}.recap-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:30px 0}.recap-actions p{font-size:13px;width:100%;max-width:none;margin:0}.facilitator{margin-top:35px;border-block:1px solid #365460;padding:10px 0}summary{cursor:pointer;padding:14px 0;min-height:44px;font-size:16px;color:#e2f5ee}.facilitator p{max-width:900px;font-size:16px}.site-footer{padding:48px max(7vw,24px) 65px;border-top:1px solid #365460}.footer-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;letter-spacing:1.4px;color:#c5e8df}.footer-brand{font-size:14px}.site-footer .required-attribution{font-size:17px;max-width:760px;margin:30px 0}.site-footer p a,.lab-explanation a{text-decoration:underline;text-underline-offset:3px}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 25px;margin-bottom:24px}.site-footer nav a,.site-footer nav button{display:inline-flex;align-items:center;background:none;border:0;min-height:44px;font-size:14px;padding:0;color:#d2ede4}.footer-details{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start}.footer-details details{border-top:1px solid #33535d;padding:6px 0;scroll-margin-top:100px}.footer-details p{font-size:15px;max-width:none}.footer-details label{display:block;margin-bottom:12px}.footer-details .lab-open{margin-top:12px}.footer-bottom{font-size:12px;margin-top:35px;max-width:none}.expedition-recap{scroll-margin-top:75px}
.lab-dialog{width:min(1050px,95vw);max-height:92svh;background:#061b28;color:#eff8f4;border:1px solid #608681;border-radius:8px;padding:0}.lab-heading{padding:36px 40px 12px}.lab-heading h2{font-size:clamp(37px,4.8vw,60px);letter-spacing:-1.8px;margin:18px 0}.lab-heading p{font-size:16px;max-width:none;margin-bottom:8px}.lab-prediction{margin:0 40px 24px;padding:18px 20px;background:#113443;border:1px solid #3d6570;border-radius:4px}.lab-prediction>strong{font-size:15px;font-weight:500}.lab-prediction>div{display:flex;gap:10px;margin-top:14px}.lab-prediction button,.lab-step button,.lab-presets button{min-height:44px;padding:10px 13px;border:1px solid #6b9196;background:#072431;border-radius:4px;font-size:13px}.lab-prediction button[aria-pressed=true],.lab-presets button[aria-pressed=true]{background:#c2f2df;color:#08232e}.lab-prediction p{font-size:14px;line-height:1.6;max-width:none;margin-bottom:0}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 40px}.lab-visual{border:1px solid #3b636c;border-radius:5px;overflow:hidden;background:#071923}.lab-water{height:320px;position:relative;background:linear-gradient(#26879d,#145065 30%,#062735 52%,#020b16);overflow:hidden}.sunlight-rays{position:absolute;top:0;left:0;right:0;height:32%;background:repeating-conic-gradient(from 170deg at 50% -30%,transparent 0deg 7deg,#c2f2df36 9deg 12deg,transparent 14deg 22deg);mask-image:linear-gradient(black,transparent)}.water-label{position:absolute;left:15px;color:#d6efef;font-size:10px;letter-spacing:1px}.water-label span{display:block;font-size:11px;letter-spacing:0;margin-top:4px}.label-sun{top:6%}.label-twilight{top:33%}.label-dark{top:57%}.probe{position:absolute;top:9%;left:52%;display:flex;align-items:center;color:#d3f9e5;transition:top .7s cubic-bezier(.2,.7,.2,1);transform:translateY(-50%)}.probe svg{width:70px;height:45px;fill:#163945;stroke-width:1.7}.probe>span{font-size:24px}.probe>b{position:absolute;top:47px;left:14px;font-size:12px;font-weight:500;white-space:nowrap}.water-floor{position:absolute;bottom:-25px;height:50px;width:100%;background:#29414a;clip-path:polygon(0 40%,20% 20%,45% 42%,65% 10%,100% 35%,100% 100%,0 100%)}.lab-readouts{display:flex;gap:28px;padding:18px 20px}.lab-readouts small{font-size:10px;letter-spacing:1px;color:#c2d6da;display:block;margin-bottom:8px}.lab-readouts output{font:24px/1.2 'Manrope',sans-serif}.lab-scale{font-size:12px;line-height:1.6;margin:0;padding:0 20px 16px;max-width:none}.lab-controls>label{font-size:15px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.lab-controls output{color:#c2f2df;font-size:13px}.lab-controls input[type=range]{width:100%;margin:18px 0;accent-color:#bdeedb;min-height:44px;cursor:pointer}.lab-step{display:flex;gap:8px}.lab-step button:disabled{opacity:.45;cursor:default}.lab-presets{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.lab-controls fieldset{padding:12px 0 0;border:0;border-top:1px solid #3e6270;margin:0}.lab-controls legend{font-size:14px;padding-right:10px}.lab-controls fieldset label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}.lab-controls input[type=checkbox]{width:20px;height:20px;accent-color:#bdeedb}.lab-assumption{font-size:12px;line-height:1.6;margin-bottom:0}.energy-routes{display:grid;gap:10px;padding:24px 40px 0}.energy-route{display:grid;grid-template-columns:1fr 65px 1.1fr 90px;align-items:center;gap:15px;padding:13px 15px;background:#071722;border:1px solid #35505b;border-radius:4px;font-size:13px;color:#b9cbd2}.energy-route i{height:2px;background:#51646e;position:relative;overflow:hidden}.energy-route i:after{content:'';height:2px;width:30px;position:absolute;left:-30px;background:#d1ffeb}.energy-route.available{border-color:#6b9f91;color:#e5faee;background:#103338}.energy-route.available i:after{animation:food-flow 1.8s linear infinite}.energy-route b{font-size:11px;font-weight:500;text-align:right}.lab-explanation{padding:6px 40px 35px}.lab-explanation h3{font:28px/1.3 Georgia,serif;margin-bottom:10px}.lab-explanation p{font-size:15px;max-width:none}.lab-explanation details{margin-bottom:22px}.lab-explanation summary{font-size:14px}.has-modal .landscape img{animation-play-state:paused}.no-motion .probe{transition:none}.no-motion{scroll-behavior:auto}.scene-caption small{opacity:1}@keyframes food-flow{to{left:100%}}
@media(max-width:800px){.recap-cards{grid-template-columns:1fr;gap:15px;margin-block:40px}.recap-cards p{max-width:none}.transfer-card{grid-template-columns:1fr;gap:24px;padding:24px}.footer-details{grid-template-columns:1fr}.lab-layout{grid-template-columns:1fr;gap:22px}.lab-water{height:250px}.lab-visual{display:grid;grid-template-columns:1.4fr 1fr}.lab-readouts{flex-direction:column;justify-content:center;gap:24px}.lab-scale{grid-column:1/-1;padding-top:14px}.lab-controls{padding-top:5px}.header-lab{font-size:12px;padding:8px 10px}.header-actions{gap:8px}.guide-button>span{display:none}.project-name{display:none}}
@media(max-width:550px){.header{padding:14px 17px}.header-actions{gap:4px}.brand{font-size:10px;gap:7px;letter-spacing:1px}.brand svg{width:29px;height:29px}.guide-button{font-size:12px}.header-lab>span{display:none}.first-experiment .lab-open{font-size:13px;max-width:290px}.first-experiment small{font-size:11px}.hero .chapter-copy{padding-top:0}.depth-rail>a{min-height:36px}.lab-heading{padding:28px 22px 12px}.lab-heading h2{font-size:37px;letter-spacing:-1px;margin-right:18px}.lab-prediction{margin:0 22px 22px;padding:15px}.lab-layout{padding:0 22px}.lab-visual{display:block}.lab-water{height:235px}.lab-readouts{flex-direction:row;justify-content:flex-start}.lab-scale{padding-top:0}.energy-routes{padding:22px 22px 0}.energy-route{grid-template-columns:1fr 25px 1fr;gap:8px;font-size:12px;padding:12px}.energy-route b{grid-column:3;text-align:left;font-size:11px}.lab-explanation{padding:5px 22px 26px}.lab-explanation h3{font-size:25px}.lab-dialog{max-height:95svh}.recap-actions{align-items:flex-start;flex-direction:column}.site-footer nav{gap:4px 20px}.expedition-recap{padding-top:70px}.first-experiment{margin-top:20px}.pan-controls{justify-content:center}.zoom-toolbar{flex-wrap:wrap}.zoom-toolbar input{min-width:60px}}
@media(prefers-reduced-motion:reduce){.probe{transition:none}.energy-route i:after{animation:none!important}}
@media print{body{background:white!important;color:black!important}.header,.chapter,.depth-hud,.depth-rail,.depth-instrument,.dive-controls,#ocean-motion,dialog,.recap-actions,.lab-open,.site-footer{display:none!important}.expedition-recap{padding:0;background:white;color:black}.expedition-recap p,.expedition-recap h2,.expedition-recap h3,.expedition-recap em{color:black}.transfer-card{background:white;border-color:#555}.recap-cards{display:block}}
.chapter .landscape img{animation-play-state:paused}.chapter.in-view .landscape img{animation-play-state:running}.no-motion .chapter .landscape img,.has-modal .chapter .landscape img,.reading-recap .chapter .landscape img{animation-play-state:paused}.no-motion .energy-route.available i:after{animation:none}.water-label{background:#041b28c9;padding:5px 7px;border-radius:3px}.lab-dialog .close-button{position:absolute;top:12px;right:12px}.lab-heading .text-button{padding-block:5px;font-size:12px}textarea{font-size:16px;line-height:1.7}.lab-controls,.lab-visual,.transfer-card>div{min-width:0}@media(max-width:700px){.hero{height:170svh;min-height:1250px}.depth-rail>a{min-height:44px}}@media(max-width:380px){.header{padding-inline:12px}.brand span{font-size:9px}.brand svg{width:24px}.header-actions{gap:2px}.guide-button{font-size:11px}.header-lab{padding-inline:8px}}