:root{--accent:#96e1d0;--ink:#071d29;--paper:#e8f4ef}body{background:#03151d;color:#e8f4ef;overflow-x:hidden}#ocean{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.05;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:32px 5vw}.brand{font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:10px}.brand-wave{font-size:30px;line-height:1}header button{background:none;font-size:10px;color:#d9eee9;border-bottom:1px solid #ffffff55;padding:8px 0}.depth-rail{position:fixed;left:3vw;top:44%;z-index:10;display:flex;flex-direction:column;width:92px}.depth-rail>.eyebrow{font-size:8px;color:#9bc3cd}.depth-rail strong{font-size:27px;letter-spacing:-.055em;font-weight:400;font-variant-numeric:tabular-nums;margin:10px 0 5px}.units{font-size:6px;letter-spacing:.08em;white-space:nowrap}.rail-line{height:110px;width:1px;background:#ffffff30;margin:23px 0 15px 3px}.rail-line span{display:block;width:1px;height:1%;background:#a9eddc}.depth-rail nav{display:flex;flex-direction:column;justify-content:space-between;height:110px;position:absolute;left:-1px;top:91px}.depth-rail nav a{height:7px;width:7px;border-radius:50%;border:1px solid #abcece;background:#06212d;box-shadow:0 0 0 5px #032b3710}.depth-rail nav a.active{background:#c1f4da}.depth-rail #pressure{font-size:11px}.calculated{font-size:6px;opacity:.55;margin-top:5px}.zone{position:relative;min-height:115vh;display:flex;align-items:center;isolation:isolate;padding:90px 9vw 90px 16vw}.surface{min-height:100vh;display:block;padding:155px 7vw 50px 16vw}.surface h1{font-family:Editorial,serif;font-size:clamp(65px,7.8vw,135px);font-weight:400;line-height:.97;letter-spacing:-.03em;margin:27px 0 24px;position:relative;z-index:2}.surface h1 em,.zone h2 em,.end h2 em{font-weight:400;color:#a8dfd4}h1 em,h2 em{font-family:Editorial,serif}.surface-top>p{font-size:12px;line-height:1.8;opacity:.8}.descent{display:inline-flex;align-items:center;gap:34px;font-size:10px;border-bottom:1px solid #a8cfcb;padding:15px 0}.descent span{font-size:20px}.surface-top{position:relative;z-index:3}.surface-bottom{position:absolute;left:16vw;right:6vw;bottom:35px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:22px;gap:15px}.surface-bottom .eyebrow{font-size:8px;color:#a9ccc9}.surface-bottom h2{font-family:Editorial,serif;font-size:30px;margin:10px 0 5px}.surface-bottom p{font-size:10px;margin:0;color:#a8cecc}.specimen{position:absolute;right:5%;width:52%;top:13%;height:78%;display:flex;align-items:center;justify-content:center;z-index:-1;filter:drop-shadow(0 18px 70px #0003);will-change:transform}.specimen svg{width:100%;height:100%;overflow:visible}.hero-animal{right:3%;top:28%;height:55%;width:54%;opacity:.92}.zone-copy{max-width:450px;position:relative;z-index:2}.zone-copy .eyebrow{font-size:9px;color:#abd7d5}.zone-copy h2{font-family:Editorial,serif;font-size:clamp(58px,6vw,94px);line-height:1.04;letter-spacing:-.03em;margin:32px 0 28px}.zone-copy>p{font-size:13px;line-height:1.9;max-width:320px;color:#a2bdca}.inspect{display:flex;align-items:center;gap:14px;background:none;padding:0;color:#e1f1ee;text-align:left;font-size:12px;margin-top:30px}.inspect small{display:block;font-size:9px;opacity:.6;margin-top:7px}.cross{border:1px solid #c5e5df55;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:300}.inspect:hover .cross{background:#b6e7da;color:#082738}.chapter-word{position:absolute;bottom:6%;left:15%;font-size:clamp(60px,12vw,180px);letter-spacing:.14em;color:#92c3d405;z-index:-1}.hadal{min-height:170vh;align-items:flex-start;padding-top:170px}.hadal>.specimen{height:30%;top:8%}.research{position:absolute;bottom:65px;left:16vw;right:8vw}.research .eyebrow{font-size:8px}.research .row{margin-bottom:20px}#research-light{height:370px;position:relative;overflow:hidden;border:1px solid #e0f8f113;--lx:50%;--ly:55%;cursor:crosshair}.seafloor{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 76%,#a79f81 0,transparent 3%),radial-gradient(ellipse at 80% 68%,#706e5f 0,transparent 10%),repeating-linear-gradient(165deg,#414d48 0,#283b3d 5px,#3c4e4e 8px,#172c34 16px);clip-path:polygon(0 55%,8% 45%,17% 51%,25% 38%,37% 55%,45% 45%,62% 60%,79% 42%,100% 54%,100% 100%,0 100%)}.light-mask{position:absolute;inset:0;background:radial-gradient(circle 150px at var(--lx) var(--ly),transparent 15%,#031019a0 60%,#020b12 100%)}.light-center{position:absolute;left:var(--lx);top:var(--ly);color:#e8f4d7aa;font-size:23px;transform:translate(-50%,-50%);pointer-events:none}#research-light p{position:absolute;bottom:14px;left:20px;font-size:10px;opacity:.65;pointer-events:none}.end{padding:120px 12vw 70px 16vw;background:#03111be6}.end>h2{font-family:Editorial,serif;font-size:80px;letter-spacing:-.03em;line-height:1.03;margin:32px 0}.end>p{font-size:12px;opacity:.6}.zone-summary{margin:55px 0 30px;display:grid;grid-template-columns:repeat(5,1fr)}.zone-summary a{display:flex;flex-direction:column;gap:17px;border-top:1px solid #abc6c94a;padding:20px 0;font-size:14px}.zone-summary span{font-size:8px;opacity:.5}.zone-summary small{font-size:9px;opacity:.6}.sources{border-top:1px solid #fff3;margin-top:80px;padding-top:25px}.sources summary{display:flex;justify-content:space-between;font-size:11px;cursor:pointer;list-style:none}.sources p,.sources li{font-size:11px;color:#91afb9;line-height:1.8}.sources p:first-of-type{margin-top:25px}.sources a{text-decoration:underline;text-underline-offset:4px}.sources li{margin:9px 0}.foot{background:#020e17;color:#839faa}.foot span{font-size:8px}dialog{background:#092330;color:#e4ede5;width:1000px}dialog button{background:none;color:inherit}.dialog-head{padding:20px 28px;border-bottom:1px solid #fff2}.dialog-head button{font-size:28px}.dialog-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:35px}.specimen-info h2{font-family:Editorial,serif;font-size:43px;margin:17px 0}.specimen-info p{font-size:12px;color:#9ab7c0}.specimen-info .eyebrow{font-style:italic;text-transform:none}.fact-grid{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #fff2;padding:20px 0;gap:15px}.fact-grid span{display:block;font-size:8px;color:#8fadb8;margin-bottom:10px}.fact-grid strong{font-size:14px;font-weight:400}.rotation-label{display:flex;flex-direction:column;gap:10px;font-size:10px;margin:23px 0}.specimen-info .btn{font-size:10px;padding:12px 13px}.specimen-info .btn:not(.outline){background:#b8dccc;color:#06232e}#specimen-view{display:grid;place-items:center;position:relative;perspective:800px}#specimen-view svg{width:100%;height:350px;transition:transform .12s}.annotation{position:absolute;bottom:5px;left:15px;color:#accbbd;font-size:10px;border-left:1px solid;padding-left:12px;line-height:1.6}#comparison-panel{padding:25px 35px;border-top:1px solid #fff2}.comparison-scene{height:320px;display:flex;gap:55px;justify-content:center;align-items:end;border-bottom:1px solid #87a7b988;padding-bottom:25px;position:relative}.scale-figure{position:relative;display:flex;align-items:end;justify-content:center}.scale-figure svg{overflow:visible;flex-shrink:0}.scale-figure span{position:absolute;bottom:-20px;white-space:nowrap;font-size:9px}.comparison-scene+.small{font-size:10px;opacity:.6;max-width:650px;margin-top:20px}@media(max-width:900px){.depth-rail{left:3vw;width:65px}.depth-rail strong{font-size:22px}.depth-rail .units{font-size:5px}.surface h1{font-size:9vw}.zone-copy{max-width:50%}.zone-copy h2{font-size:7vw}.zone-copy>p{font-size:12px}.end h2{font-size:65px}.specimen{right:0;width:55%}.hero-animal{top:34%;height:45%}}@media(max-width:600px){header{padding:25px 6vw}.brand{font-size:8px}.depth-rail{left:5vw;top:auto;bottom:24px;width:110px;background:#041622cc;padding:12px;backdrop-filter:blur(10px);border:1px solid #d9fff119}.depth-rail .units,.rail-line,.depth-rail nav,.calculated{display:none}.depth-rail>.eyebrow{font-size:6px}.depth-rail strong{font-size:22px;margin:4px 0}.depth-rail #pressure{font-size:8px;opacity:.65}.zone{padding:85px 7vw;min-height:105vh;align-items:start}.surface{padding-top:125px;min-height:870px;height:100svh}.surface h1{font-size:14vw;margin-top:22px}.surface .eyebrow{font-size:8px}.surface-top>p{font-size:11px}.hero-animal{top:41%!important;height:34%!important;right:-7%!important;width:100%!important}.surface-bottom{left:7vw;right:7vw;bottom:50px;align-items:start;gap:8px}.surface-bottom h2{font-size:23px}.surface-bottom .inspect{font-size:10px;margin-top:8px}.surface-bottom .cross{width:25px;height:25px}.zone-copy{max-width:100%}.zone-copy h2{font-size:14vw;max-width:360px}.zone-copy>p{max-width:280px;font-size:12px}.zone-copy .eyebrow{font-size:8px}.specimen{top:41%;height:57%;width:95%;right:-6%}.chapter-word{display:none}.hadal{min-height:1450px}.hadal .specimen{top:34%;height:25%}.research{left:7vw;right:7vw;bottom:60px}#research-light{height:310px}.research .eyebrow{font-size:7px}.end{padding:85px 7vw}.end>h2{font-size:15vw}.end>.eyebrow{font-size:8px}.zone-summary{grid-template-columns:1fr}.zone-summary a{flex-direction:row;align-items:center;gap:20px;font-size:13px;padding:17px 0}.zone-summary small{margin-left:auto}.dialog-body{grid-template-columns:1fr;padding:20px}.dialog-head{padding:12px 20px}#specimen-view{height:220px}#specimen-view svg{height:215px}.specimen-info h2{font-size:38px}.annotation{bottom:0;font-size:8px}.comparison-scene{gap:25px;height:300px}#comparison-panel{padding:20px}.foot{padding-bottom:120px}}

.zone{overflow:clip}@media(max-width:600px){.specimen{right:0!important;width:92%!important}.hero-animal{right:0!important;width:100%!important}}