:root{
  --abyss:#0a1628;--twilight:#162a4a;--plate:#1e3450;--steel:#d4dbe8;--silver:#c0c7d4;--cyan:#00e5ff;--coral:#ff6b6b;--green:#39ff85;--barnacle:#4a6fa5;--fog:#e8edf5;--deep:#0d1f3c;--black:#060e1a;--charcoal:#1a2035;--muted-label:#7b8fa8;
  --display:'Libre Baskerville',serif;--body:'Crimson Text',serif;--ui:'IBM Plex Sans',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:linear-gradient(180deg,#0a1628 0%,#162a4a 50%,#0d1f3c 100%);color:var(--steel);font-family:var(--body);font-size:clamp(1rem,1.1vw,1.2rem);line-height:1.72;overflow-x:hidden;transition:filter .12s linear}.descent-shell{margin-left:48px;position:relative}.depth-gauge{position:fixed;z-index:50;inset:0 auto 0 0;width:48px;background:linear-gradient(180deg,#162a4a,#0a1628 70%,#060e1a);border-right:1px dashed var(--barnacle);font-family:var(--ui);display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:18px 6px}.depth-readout{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--green);font-size:.66rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 12px rgba(57,255,133,.5)}.gauge-track{height:48vh;width:3px;background:rgba(74,111,165,.28);border-radius:10px;overflow:hidden}.gauge-fill{height:0%;width:100%;background:linear-gradient(180deg,var(--green),var(--cyan),var(--coral));box-shadow:0 0 12px var(--cyan);transition:height .16s linear}.fathom-scale{display:flex;gap:11px;align-items:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.55rem;letter-spacing:.1em;color:var(--barnacle)}.depth-zone{min-height:100vh;position:relative;overflow:hidden;padding:9vh 0}.surface-zone{background:linear-gradient(160deg,#162a4a 0%,#0d1f3c 54%,#0a1628 100%);display:flex;align-items:center}.surface-zone:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 25% 15%,rgba(0,229,255,.2),transparent 28%),radial-gradient(circle at 78% 38%,rgba(57,255,133,.12),transparent 24%),repeating-linear-gradient(90deg,transparent 0 80px,rgba(192,199,212,.035) 81px 82px);animation:surface-shift 14s ease-in-out infinite alternate}.naval-band{width:100%;padding:8vh 8vw 8vh 10vw;background:linear-gradient(90deg,rgba(10,22,40,.74),rgba(30,52,80,.28),transparent);border-block:1px solid rgba(74,111,165,.45);position:relative;z-index:2}.console-label,.section-kicker{font-family:var(--ui);font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--barnacle);margin-bottom:1rem}.naval-band h1{font-family:var(--display);font-size:clamp(3rem,8vw,8.8rem);font-weight:700;letter-spacing:.04em;line-height:1.02;color:var(--silver);text-shadow:0 0 20px rgba(120,160,220,.3);animation:phosphor 3s ease-in-out infinite}.epigraph{font-size:clamp(1.1rem,2vw,1.65rem);max-width:760px;color:var(--fog)}.fish-lane{position:absolute;inset:22vh 0 auto 0;height:22vh;z-index:3;pointer-events:none}.scroll-cue{position:absolute;left:calc(10vw + 48px);bottom:7vh;color:var(--cyan);font:300 4rem var(--ui);animation:pulse 2s ease-in-out infinite}.surface-instruments{position:absolute;right:8vw;bottom:12vh;width:260px;height:170px;border:1px solid rgba(74,111,165,.45);background:rgba(10,22,40,.32);box-shadow:inset 0 0 30px rgba(0,229,255,.06)}.dial{position:absolute;left:24px;top:22px;width:88px;height:88px;border:1px solid var(--barnacle);border-radius:50%;box-shadow:0 0 0 10px rgba(74,111,165,.08)}.dial span{position:absolute;inset:15px;border-radius:50%;border:1px solid var(--cyan);animation:sonar-small 2.8s linear infinite}.radar-slit{position:absolute;right:24px;top:34px;width:92px;height:38px;background:repeating-linear-gradient(90deg,var(--green) 0 2px,transparent 2px 8px);opacity:.5}.f-grid{display:grid;grid-template-columns:minmax(320px,680px) minmax(260px,1fr);gap:6vw;align-items:center;padding:8vh 8vw 8vh 10vw}.mesopelagic-zone{background:linear-gradient(180deg,#162a4a,#0d1f3c)}.narrative-panel{max-width:680px;padding:2.4rem 2.6rem;background:linear-gradient(135deg,rgba(30,52,80,.92),rgba(22,42,74,.76));border:1px solid rgba(74,111,165,.62);box-shadow:18px 18px 0 rgba(10,22,40,.32)}h2{font-family:var(--display);font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.12;letter-spacing:.04em;color:var(--silver);text-shadow:0 0 20px rgba(120,160,220,.3);margin-bottom:1.3rem}.narrative-panel p:not(.section-kicker),.content-block p{margin-bottom:1rem}.tank-stage{min-height:420px;display:grid;place-items:center;perspective:1000px}.iso-tank{width:310px;height:310px;position:relative;border:2px solid var(--barnacle);background:linear-gradient(180deg,rgba(0,229,255,.1),rgba(0,229,255,.25));transform:rotateX(45deg) rotateZ(45deg) scale(.78);box-shadow:28px 28px 0 rgba(10,22,40,.38),inset 0 0 60px rgba(0,229,255,.14);animation:tank-tilt 8s ease-in-out infinite;overflow:hidden}.tank-top{position:absolute;inset:-16px 24px auto 24px;height:36px;background:linear-gradient(135deg,#1e3450,#2a4a6b,#1e3450);border:1px solid var(--barnacle)}.water-sheet{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,229,255,.34)),repeating-linear-gradient(115deg,rgba(232,237,245,.08) 0 3px,transparent 3px 18px);mix-blend-mode:overlay;animation:water 7s linear infinite}.tank-grid{position:absolute;inset:0;background:linear-gradient(rgba(192,199,212,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(192,199,212,.08) 1px,transparent 1px);background-size:38px 38px}.pipeline{height:1px;margin:4vh 8vw 0 10vw;background-image:linear-gradient(90deg,var(--barnacle) 50%,transparent 50%);background-size:18px 1px;position:relative}.pipeline span,.depth-divider span{font-family:var(--ui);font-size:.72rem;letter-spacing:.14em;color:var(--green);background:#0d1f3c;padding-right:14px;position:relative;top:-.8rem}.bathypelagic-zone{background:#0a1628;min-height:150vh;display:flex;align-items:flex-start}.panorama{position:sticky;top:8vh;width:100%;height:74vh;padding:7vh 4vw 4vh 8vw;background:radial-gradient(circle at 50% 60%,rgba(0,229,255,.12),transparent 36%),#0a1628;border-block:1px solid rgba(74,111,165,.35);text-align:left}.panorama h2{max-width:940px;margin-left:2vw}.station{height:42vh;position:relative;display:flex;align-items:center;justify-content:center;gap:24px;perspective:1200px}.iso-room{width:132px;height:132px;position:relative;transform-style:preserve-3d;transform:rotateX(45deg) rotateZ(45deg) scale(.82);filter:drop-shadow(24px 24px 0 rgba(0,0,0,.22))}.iso-room span{position:absolute;inset:0;border:1px solid var(--barnacle)}.room-top{background:#2a4a6b;transform:rotateX(90deg) translateZ(66px)}.room-left{background:#1e3450;transform:rotateY(-90deg) translateZ(66px)}.room-right{background:#162a4a;transform:rotateY(90deg) translateZ(66px)}.desk{position:absolute;width:50px;height:16px;background:#c0c7d4;left:40px;top:60px;z-index:2}.monitor{position:absolute;width:30px;height:24px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);left:50px;top:34px;z-index:3}.periscope{position:absolute;width:14px;height:76px;background:linear-gradient(#c0c7d4,#4a6fa5);left:58px;top:20px;z-index:3;border-radius:8px}.pipe-link{width:90px;height:6px;background:linear-gradient(90deg,var(--barnacle),#c0c7d4,var(--barnacle));position:relative}.pipe-link span{position:absolute;width:16px;height:16px;border:2px solid var(--barnacle);border-radius:50%;background:#0a1628;left:50%;top:50%;transform:translate(-50%,-50%)}.sonar{position:absolute;left:50%;top:52%;width:34px;height:34px;border:2px solid var(--cyan);border-radius:50%;animation:sonar 3s ease-out infinite}.tiny-runner{position:absolute;width:30px;height:18px;background:var(--coral);border-radius:50%;left:12%;top:46%;animation:station-swim 10s linear infinite}.abyssal-zone{background:linear-gradient(180deg,#0d1f3c,#0a1628 62%,#060e1a)}.long-read{align-items:start}.abyss-copy{max-width:680px}.content-block{margin-bottom:4rem;color:#e8edf5;opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.content-block.is-visible,.reveal.is-visible{opacity:1;transform:translateY(0)}.dropcap{float:left;font-family:var(--display);font-size:3.5rem;line-height:.9;margin:.18rem .55rem 0 0;color:var(--cyan);text-shadow:0 0 18px rgba(0,229,255,.5)}.depth-divider{height:1px;margin:2.8rem 0 3rem;background-image:linear-gradient(90deg,var(--barnacle) 50%,transparent 50%);background-size:16px 1px}.depth-divider span{background:#0a1628}.creature-margin{min-height:640px;position:relative}.creature-margin .lionfish{left:20%;top:60px}.margin-puffer{left:54%;top:360px}.tall{right:10%;height:460px}.hadal-zone{background:#060e1a;display:grid;place-items:center;text-align:center}.hadal-core{position:relative;opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.block-logo{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin:1rem 0 2.6rem;filter:drop-shadow(0 0 22px rgba(0,229,255,.42))}.block-logo span,.block-logo small{font-family:var(--display);font-weight:700;color:var(--cyan);background:linear-gradient(135deg,#1e3450,#2a4a6b,#1e3450);border:1px solid var(--barnacle);box-shadow:10px 10px 0 #0a1628,0 0 0 2px rgba(0,229,255,.14) inset;text-shadow:0 0 18px var(--cyan);transform:skewY(-9deg);padding:.16em .25em}.block-logo span{font-size:clamp(3.6rem,9vw,9rem)}.block-logo small{font-size:clamp(1.6rem,3vw,3rem);margin-left:8px}.hadal-note,.contact-line{font-family:var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--barnacle);font-size:.82rem}.contact-line{margin-top:1rem;color:#4a6fa5;text-transform:none}.final-puffer{position:absolute;right:-80px;bottom:-90px;width:54px;height:54px;background:#39ff85;border-radius:50%;box-shadow:4px 4px 0 rgba(57,255,133,.6),-4px 3px 0 rgba(57,255,133,.6),0 0 22px rgba(57,255,133,.5);animation:puffer-auto 5s ease-in-out infinite}.fish{position:absolute;display:block}.angelfish{width:52px;height:64px;background:repeating-linear-gradient(0deg,#00e5ff 0 4px,rgba(0,229,255,.45) 4px 8px);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 9px rgba(0,229,255,.6));animation:drift-left 45s linear infinite,bob 3s ease-in-out infinite}.angelfish:before{content:"";position:absolute;width:8px;height:8px;right:10px;top:28px;border-radius:50%;background:radial-gradient(circle,#0a1628 0 35%,#fff 38%)}.angelfish:after{content:"";position:absolute;width:24px;height:24px;left:-14px;top:22px;background:#ff6b6b;clip-path:polygon(100% 50%,0 0,0 100%)}.a-one{top:10%;animation-delay:0s}.a-two{top:45%;animation-delay:-15s;transform:scale(.78)}.a-three{top:70%;animation-delay:-30s;transform:scale(1.15)}.clownfish{width:58px;height:36px;left:120px;top:154px;background:#ff6b6b;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:inset 13px 0 0 #e8edf5,inset -13px 0 0 #e8edf5;animation:wiggle 2s ease-in-out infinite}.clownfish:before{content:"";position:absolute;right:8px;top:12px;width:6px;height:6px;border-radius:50%;background:#0a1628;border:2px solid #fff}.clownfish:after{content:"";position:absolute;left:-18px;top:9px;width:22px;height:20px;background:#ff6b6b;clip-path:polygon(100% 50%,0 0,0 100%)}.pufferfish{width:42px;height:42px;background:#39ff85;border-radius:50%;position:absolute;box-shadow:3px 3px 0 rgba(57,255,133,.72),-3px 3px 0 rgba(57,255,133,.72),3px -3px 0 rgba(57,255,133,.72),-3px -3px 0 rgba(57,255,133,.72);transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;animation:puffer-idle 5s ease-in-out infinite}.pufferfish:hover,.pufferfish.is-puffed{transform:scale(1.4)!important}.pufferfish:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#0a1628;right:11px;top:14px}.lionfish{width:58px;height:40px;background:repeating-linear-gradient(0deg,#162a4a 0 6px,#ff6b6b 6px 10px);border-radius:50%;filter:drop-shadow(0 0 12px rgba(255,107,107,.45));animation:lion 4s ease-in-out infinite}.lionfish:before,.lionfish:after,.lionfish span:before,.lionfish span:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:86px;background:#c0c7d4;transform-origin:center}.lionfish:before{transform:translate(-50%,-50%) rotate(25deg)}.lionfish:after{transform:translate(-50%,-50%) rotate(-25deg);background:#ff6b6b}.lionfish span:before{transform:translate(-50%,-50%) rotate(65deg)}.lionfish span:after{transform:translate(-50%,-50%) rotate(-65deg);background:#ff6b6b}.bubble-column{position:absolute;inset:0;pointer-events:none}.bubble-column b{position:absolute;bottom:-20px;width:8px;height:8px;border:1px solid rgba(0,229,255,.8);border-radius:50%;background:rgba(0,229,255,.16);animation:bubble 5s ease-in infinite}.bubble-column b:nth-child(1){left:18%;animation-delay:0s}.bubble-column b:nth-child(2){left:34%;width:5px;height:5px;animation-delay:.8s}.bubble-column b:nth-child(3){left:52%;animation-delay:1.6s}.bubble-column b:nth-child(4){left:68%;width:6px;height:6px;animation-delay:2.4s}.bubble-column b:nth-child(5){left:82%;animation-delay:3.2s}.bubble-column b:nth-child(6){left:42%;animation-delay:4s}.mini b{bottom:0}.reveal{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.is-visible{opacity:1;transform:translateY(0)}@keyframes surface-shift{to{transform:translate3d(-3%,2%,0) rotate(1deg);filter:brightness(1.1)}}@keyframes phosphor{0%,100%{text-shadow:0 0 20px rgba(120,160,220,.3)}50%{text-shadow:0 0 38px rgba(120,160,220,.6),0 0 70px rgba(0,229,255,.22)}}@keyframes pulse{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(12px);opacity:.5}}@keyframes drift-left{0%{left:105%;opacity:0}6%,92%{opacity:1}100%{left:-8%;opacity:0}}@keyframes bob{50%{margin-top:4px}}@keyframes tank-tilt{0%,100%{transform:rotateX(45deg) rotateZ(45deg) rotateY(2deg) scale(.78)}50%{transform:rotateX(43deg) rotateZ(47deg) rotateY(-2deg) scale(.78)}}@keyframes water{to{background-position:0 120px,120px 0}}@keyframes wiggle{50%{transform:translateX(6px) skewX(4deg)}}@keyframes bubble{0%{transform:translateY(0) scale(.7);opacity:.8}100%{transform:translateY(-330px) scale(1.3);opacity:0}}@keyframes sonar{0%{transform:translate(-50%,-50%) scale(.3);opacity:1;box-shadow:0 0 0 0 rgba(0,229,255,.4)}100%{transform:translate(-50%,-50%) scale(6);opacity:0;box-shadow:0 0 0 20px rgba(0,229,255,0)}}@keyframes sonar-small{to{transform:scale(2.2);opacity:0}}@keyframes station-swim{0%{transform:translateX(0)}100%{transform:translateX(72vw)}}@keyframes puffer-idle{50%{transform:scale(1.05)}}@keyframes puffer-auto{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes lion{50%{transform:rotate(2deg)}}
.compliance-vocabulary{display:none}
@media (max-width:820px){.descent-shell{margin-left:0}.depth-gauge{position:sticky;top:0;width:100%;height:46px;inset:auto;flex-direction:row;padding:6px 14px;border-right:0;border-bottom:1px dashed var(--barnacle)}.depth-readout,.fathom-scale{writing-mode:horizontal-tb;transform:none}.fathom-scale{display:none}.gauge-track{height:3px;width:40vw}.f-grid{grid-template-columns:1fr;padding:7vh 24px}.naval-band{padding:10vh 24px}.surface-instruments{display:none}.scroll-cue{left:24px}.panorama{position:relative;top:0;height:auto;min-height:82vh;padding:8vh 24px}.station{transform:scale(.72);transform-origin:left center;justify-content:flex-start}.pipeline{margin-left:24px}.block-logo{gap:6px}.final-puffer{right:10px}.creature-margin{min-height:260px}.tank-stage{min-height:330px}.iso-tank{width:250px;height:250px}}