:root{
      --ink:#14232d;--muted:#61727c;--paper:#f7f4ed;--paper-strong:#fffdf8;
      --water-0:#edf9fa;--water-1:#d8eff2;--water-2:#b9dce4;--water-3:#8dbdcb;--water-4:#6d9faf;
      --seabed:#d7c6a6;--blue:#1c7ca8;--coral:#df6b4f;--green:#4f8b73;--purple:#7b73a6;
      --border:rgba(20,35,45,.12);--panel:rgba(255,253,248,.88);--shadow:0 18px 54px rgba(34,65,78,.13);
      --font:"Public Sans",Arial,Helvetica,"Segoe UI",system-ui,sans-serif;
      --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)
    }
    *{box-sizing:border-box}html{min-height:100%;background:var(--paper);scroll-behavior:smooth}
    body{margin:0;min-height:100%;color:var(--ink);background:var(--paper);font-family:var(--font);overflow-x:hidden}
    body.seabed-mode #abyssalCanvas{cursor:ew-resize}
    body.seabed-mode .seabed-arrow b{animation:seabedNudge 1.2s ease-in-out infinite}
    @keyframes seabedNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
    button{font:inherit;cursor:pointer}::selection{background:#c8e9ef;color:var(--ink)}
    #abyssalCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent}
    #faunaWorld{position:fixed;left:0;top:0;z-index:1;width:9000px;height:4300px;pointer-events:none;transform:translate3d(0,0,0);will-change:transform}
    .fauna{position:absolute;width:120px;opacity:.5;filter:drop-shadow(0 6px 8px rgba(34,83,99,.10));animation:floatAnimal 7s ease-in-out infinite alternate}
    .fauna svg{width:100%;height:auto;display:block;overflow:visible}.fauna path,.fauna ellipse{fill:rgba(31,94,113,.78)}
    .fauna .stroke{fill:none;stroke:rgba(31,94,113,.78);stroke-width:3;stroke-linecap:round}.fauna.f2{width:88px;animation-duration:9s;animation-delay:-2s}.fauna.ray{width:150px;animation-duration:11s;animation-delay:-5s}.fauna.whale{width:210px;opacity:.34;animation-duration:13s;animation-delay:-7s}
    @keyframes floatAnimal{from{margin-top:-5px}to{margin-top:8px}}
    .topbar{position:fixed;top:0;left:0;right:0;z-index:40;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}
    .brand-pill,.phase-pill{pointer-events:auto;background:rgba(255,253,248,.90);border:1px solid var(--border);box-shadow:0 8px 28px rgba(40,72,84,.10);backdrop-filter:blur(16px);border-radius:999px;min-height:38px;display:flex;align-items:center}
    .brand-pill{padding:0 14px;gap:9px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(28,124,168,.10)}
    .phase-pill{padding:0 13px;gap:8px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.10em}.phase-pill strong{color:var(--ink);font-weight:850}
    #scrollContainer{position:relative;z-index:20;pointer-events:none}.vertical-section{min-height:100svh;width:min(1024px,calc(100% - 48px));margin:0 auto;padding:96px 0 54px;display:flex;align-items:center;position:relative}
    .copy-panel{pointer-events:auto;width:min(620px,100%);padding:30px 32px;border-radius:28px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
    .copy-panel.right{margin-left:auto;width:min(560px,100%)}.copy-panel.center{margin:0 auto;width:min(720px,100%);text-align:center}.copy-panel.seabed-entry{background:rgba(255,253,248,.93);border-color:rgba(91,77,45,.18)}
    .kicker{font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}h1,h2,h3,p{margin-top:0}
    h1{max-width:11ch;margin-bottom:20px;font-size:clamp(46px,6.2vw,88px);line-height:.95;letter-spacing:-.047em;font-weight:800}.deck{font-size:clamp(20px,2.1vw,28px);line-height:1.28;font-weight:600;font-style:italic;color:#40545f;max-width:31ch;margin-bottom:24px}.intro,.copy-panel p{font-size:17px;line-height:1.62;color:var(--body-text)}
    .copy-panel h2{font-size:clamp(35px,4.5vw,61px);line-height:1.02;letter-spacing:-.038em;margin-bottom:18px;font-weight:800}.metric{display:inline-flex;align-items:baseline;gap:8px;margin:6px 0 18px;color:var(--ink)}.metric strong{font-size:clamp(56px,8vw,100px);line-height:.92;font-weight:1000;letter-spacing:-.055em}.metric span{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
    .scroll-cue{margin-top:27px;display:inline-flex;align-items:center;gap:11px;font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:var(--muted)}.cue-line{width:70px;height:1px;background:rgba(20,35,45,.28);position:relative;overflow:hidden}.cue-line::after{content:"";position:absolute;top:0;left:-28px;width:28px;height:1px;background:var(--blue);animation:cueSweep 1.9s ease-in-out infinite}@keyframes cueSweep{60%,100%{transform:translateX(100px)}}
    .source-note{margin-top:17px;padding-top:15px;border-top:1px solid rgba(20,35,45,.10);font-size:11px!important;color:var(--muted)!important}.link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.link-list span{display:block;background:rgba(255,255,255,.58);border:1px solid rgba(20,35,45,.09);border-radius:14px;padding:9px 11px;font-size:11px;line-height:1.35;font-weight:750;color:#435762}
    .seabed-arrow{margin-top:22px;display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#75613e}.seabed-arrow b{font-size:24px;line-height:1}
    
    
    
    .story-radar{position:fixed;top:68px;right:20px;z-index:35;width:202px;padding:12px;background:rgba(255,253,248,.91);border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 36px rgba(39,72,84,.12);backdrop-filter:blur(16px);pointer-events:auto}.radar-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#74838a}.radar-head strong{color:var(--blue)}.radar-box{position:relative;height:100px;border-radius:13px;overflow:hidden;background:linear-gradient(180deg,#ecf8f8 0 24%,#d7ecef 24% 55%,#b1d3dc 55% 77%,#d7c5a3 77% 100%);border:1px solid rgba(20,35,45,.10)}.radar-box::after{content:"";position:absolute;left:-6%;right:-6%;bottom:-1px;height:22%;background:#c5b18c;clip-path:polygon(0 55%,13% 34%,25% 47%,40% 20%,55% 44%,72% 27%,87% 43%,100% 31%,100% 100%,0 100%)}.radar-v{position:absolute;z-index:2;left:18px;top:10px;bottom:19px;width:2px;background:rgba(48,83,96,.28)}.radar-h{position:absolute;z-index:2;left:18px;bottom:19px;right:10px;height:2px;background:rgba(48,83,96,.28)}.radar-ping{position:absolute;z-index:5;width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid var(--blue);transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(28,124,168,.10);transition:left .06s linear,top .06s linear}.radar-ping::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(28,124,168,.28);border-radius:50%;animation:radarPulse 1.7s ease-out infinite}@keyframes radarPulse{0%{transform:scale(.55);opacity:.8}80%,100%{transform:scale(1.5);opacity:0}}.radar-label{position:absolute;z-index:4;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#49636e}.radar-label.surface{left:28px;top:6px}.radar-label.floor{left:28px;bottom:23px}.radar-label.right{right:7px;bottom:5px;color:#6a5a3d}.radar-caption{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:8px;font-weight:750;color:#7a888e}.radar-caption span:last-child{color:#385965;text-align:right}
    .bottom-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:36;display:flex;align-items:center;gap:3px;padding:7px;border-radius:999px;background:rgba(255,253,248,.92);border:1px solid var(--border);box-shadow:0 12px 32px rgba(39,72,84,.14);backdrop-filter:blur(16px);white-space:nowrap}.bottom-dock button{border:0;background:transparent;color:var(--control-text);padding:7px 10px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.03em}.bottom-dock button:hover{background:var(--control-hover);color:var(--ink)}.bottom-dock button.active{background:var(--ink);color:var(--on-selected)}.dock-divider{width:1px;height:17px;background:rgba(20,35,45,.14);margin:0 2px}.drag-hint{position:fixed;right:22px;bottom:22px;z-index:34;padding:8px 11px;border-radius:999px;background:rgba(255,253,248,.84);border:1px solid var(--border);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64767e;opacity:0;transition:opacity .3s ease;pointer-events:none}.drag-hint.visible{opacity:1}
    #inspectorModal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(42,65,74,.25);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s ease}#inspectorModal.open{opacity:1;pointer-events:auto}.inspector-card{width:min(480px,100%);padding:27px;border-radius:28px;background:var(--paper-strong);border:1px solid var(--border);box-shadow:var(--shadow);position:relative;transform:translateY(10px) scale(.98);transition:transform .25s ease}#inspectorModal.open .inspector-card{transform:none}.close-btn{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(20,35,45,.10);background:var(--paper-strong);color:var(--ink);font-weight:800}.inspector-card h3{font-size:31px;line-height:1.05;letter-spacing:-.03em;margin:12px 36px 12px 0;font-weight:850}.inspector-card p{color:var(--body-text);line-height:1.55;font-size:14px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.inspector-stat{padding:12px;border-radius:15px;background:#f1f5f1;border:1px solid rgba(20,35,45,.07)}.inspector-stat span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-bottom:4px}.inspector-stat strong{font-size:13px;color:var(--ink);font-weight:850}.mobile-nav{display:none}.brand-short{display:none}
    @media(min-width:1024px){.vertical-section{padding-bottom:120px}}
    @media(max-width:1199px){.vertical-section{width:min(1024px,calc(100% - 40px))}.copy-panel{width:min(590px,100%);padding:27px 28px}.copy-panel.right{width:min(530px,100%)}.story-radar{width:182px;right:16px}.bottom-dock button{padding-inline:8px;font-size:8px}}
    @media(max-width:1023px){.bottom-dock,.drag-hint{display:none}.phase-pill{display:none}.mobile-nav{position:fixed;display:flex;z-index:38;left:12px;right:12px;bottom:calc(10px + var(--safe-bottom));padding:6px;gap:3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;border-radius:999px;background:rgba(255,253,248,.95);border:1px solid var(--border);box-shadow:0 10px 30px rgba(39,72,84,.14);backdrop-filter:blur(16px)}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{flex:0 0 auto;scroll-snap-align:center;min-height:34px;border:0;background:transparent;padding:8px 11px;border-radius:999px;font-size:9px;font-weight:850;color:var(--control-text);white-space:nowrap}.mobile-nav button.active{background:var(--ink);color:var(--on-selected)}.story-radar{top:calc(62px + var(--safe-top));right:14px;width:156px;padding:9px;border-radius:16px;pointer-events:none}.radar-head{font-size:8px;margin-bottom:5px}.radar-box{height:74px;border-radius:11px}.radar-v{left:15px;top:8px;bottom:16px}.radar-h{left:15px;bottom:16px;right:8px}.radar-label,.radar-caption{display:none}.vertical-section{width:calc(100% - 36px)}.copy-panel{max-width:580px}}
    @media(max-width:767px){.topbar{padding:calc(10px + var(--safe-top)) 12px 10px}.brand-pill{min-height:34px;padding:0 11px;font-size:8px;background:rgba(255,253,248,.88)}.brand-long{display:none}.brand-short{display:inline}.story-radar{top:calc(53px + var(--safe-top));right:10px;width:122px;padding:7px;border-radius:14px}.radar-head span:first-child{display:none}.radar-head{justify-content:flex-end;margin-bottom:4px;font-size:7px}.radar-box{height:58px}.radar-v{left:12px;top:6px;bottom:13px}.radar-h{left:12px;bottom:13px;right:6px}.radar-ping{width:9px;height:9px;border-width:2px}.vertical-section{width:calc(100% - 24px);min-height:100svh;padding:calc(72px + var(--safe-top)) 0 calc(74px + var(--safe-bottom));align-items:flex-end}.copy-panel,.copy-panel.right,.copy-panel.center{width:min(92%,520px);margin-left:0;margin-right:auto;text-align:left;padding:20px 19px 19px;border-radius:20px;background:rgba(255,253,248,.80);border-color:rgba(20,35,45,.09);box-shadow:0 12px 34px rgba(34,65,78,.10);backdrop-filter:blur(13px)}#vikingSection .copy-panel{margin-left:auto;margin-right:0}.kicker{font-size:9px;margin-bottom:9px}h1{font-size:clamp(39px,11.2vw,61px);line-height:.96;margin-bottom:15px}.deck{font-size:clamp(17px,4.7vw,21px);line-height:1.26;margin-bottom:16px}.intro,.copy-panel p{font-size:14px;line-height:1.52}.copy-panel h2{font-size:clamp(29px,8.4vw,43px);margin-bottom:13px}.metric{margin:3px 0 12px}.metric strong{font-size:clamp(49px,15vw,68px)}.metric span{font-size:10px}.source-note{font-size:9px!important;margin-top:12px;padding-top:10px}.scroll-cue{margin-top:18px;font-size:9px}.cue-line{width:46px}.link-list{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.link-list span{padding:7px 8px;border-radius:11px;font-size:9px}.seabed-arrow{margin-top:14px;font-size:9px}.fauna{transform:scale(.78);transform-origin:center}.fauna.whale{transform:scale(.68)}.inspector-card{max-height:calc(100svh - 28px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;padding:23px 20px;border-radius:22px}.inspector-card h3{font-size:27px}}
    @media(max-width:480px){.vertical-section{width:calc(100% - 18px)}.copy-panel,.copy-panel.right,.copy-panel.center{width:91%;padding:18px 16px 17px;border-radius:18px}#surfaceSection .copy-panel{margin-bottom:2svh}#vikingSection .copy-panel{margin-bottom:8svh}#apgSection .copy-panel{margin-bottom:5svh}h1{font-size:clamp(36px,10.8vw,52px)}.deck{font-size:clamp(16px,4.6vw,19px)}.intro,.copy-panel p{font-size:13px}.copy-panel h2{font-size:clamp(27px,8vw,38px)}.link-list{grid-template-columns:1fr}.link-list span:nth-child(n+4){display:none}.story-radar{width:108px}.mobile-nav{left:8px;right:8px;bottom:calc(7px + var(--safe-bottom))}.mobile-nav button{min-height:40px;padding:9px 12px;font-size:9px}.inspector-grid{grid-template-columns:1fr}}
    @media(max-width:360px){.brand-pill{font-size:7px}.story-radar{width:96px;right:8px}.vertical-section{width:calc(100% - 14px)}.copy-panel,.copy-panel.right,.copy-panel.center{width:92%;padding:16px 14px}h1{font-size:35px}.deck{font-size:15px}.intro,.copy-panel p{font-size:12.5px}.copy-panel h2{font-size:27px}.metric strong{font-size:48px}}
    @media(max-width:480px) and (max-height:650px) and (orientation:portrait){.topbar{padding-top:calc(7px + var(--safe-top))}.story-radar{top:calc(48px + var(--safe-top));width:94px}.vertical-section{padding-top:calc(58px + var(--safe-top));padding-bottom:calc(58px + var(--safe-bottom))}#surfaceSection .copy-panel{width:94%;padding:14px 13px;margin-bottom:0}#surfaceSection h1{font-size:31px;line-height:.96;margin-bottom:11px}#surfaceSection .deck{font-size:13.5px;line-height:1.28;margin-bottom:11px}#surfaceSection .intro{font-size:11.5px;line-height:1.43}#surfaceSection .kicker{font-size:8px;margin-bottom:7px}#surfaceSection .scroll-cue{display:none}.mobile-nav{bottom:calc(5px + var(--safe-bottom))}.mobile-nav button{min-height:38px}}
    @media(orientation:landscape) and (max-height:560px) and (max-width:1023px){.story-radar{display:none}.vertical-section{padding-top:56px;padding-bottom:58px;align-items:center}.copy-panel,.copy-panel.right,.copy-panel.center{width:min(58%,560px);max-height:calc(100svh - 126px);overflow-y:auto}}
    @media(pointer:coarse){#abyssalCanvas{cursor:default}.bottom-dock button:hover{background:transparent;color:var(--control-text)}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
  

/* The old L-shaped seabed radar is retired. Keep it impossible to composite from stale markup. */
.story-radar{display:none!important}
.returning-to-start #abyssalCanvas,.returning-to-start #faunaWorld{visibility:hidden!important;opacity:0!important}