:root{color-scheme:dark;--sea:#006477;--deep:#004958;--ink:#a5e8ee;--muted:#83c5ce;--line:rgba(164,232,238,.25);--gutter:clamp(24px,5vw,100px);font-family:Arial,Helvetica,sans-serif;background:var(--sea);color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}::selection{background:var(--ink);color:var(--deep)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{font-family:'Courier New',monospace;font-size:12px;font-weight:400;letter-spacing:.09em;line-height:1.5}.masthead{position:fixed;inset:0 0 auto;height:94px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:20;background:var(--sea)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.06em}.brand svg{width:37px;fill:var(--ink)}.brand svg circle{fill:var(--sea)}.header-note{font:11px 'Courier New',monospace;letter-spacing:.12em;color:var(--muted)}.header-social{font-size:12px;letter-spacing:.06em}.header-social span{padding-left:16px}.header-social:after{content:'';display:block;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.header-social:hover:after{transform:scaleX(1)}.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-200%);z-index:100;background:var(--ink);color:var(--deep);padding:14px}.skip-link:focus{transform:none}
.ocean{height:100dvh;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x proximity}.ocean::-webkit-scrollbar{display:none}.world{position:relative;display:flex;width:max-content;height:100%;isolation:isolate}.zone{position:relative;width:100vw;height:100%;flex-shrink:0;padding:130px var(--gutter) 110px;scroll-snap-align:start;display:flex;align-items:center;overflow:hidden}.section-content{position:relative;z-index:2;width:100%}.section-label{margin:0 0 30px;color:var(--muted)}h2{font-size:clamp(52px,6.8vw,128px);line-height:.93;letter-spacing:-.075em;margin:0;font-weight:800}h3{font-size:36px;letter-spacing:-.05em;font-weight:700}.outlined{-webkit-text-stroke:1px var(--ink);color:transparent}.body-copy{font-size:17px;line-height:1.6;color:var(--ink);max-width:430px;margin:30px 0 0}.small-statement{margin-top:48px;color:var(--muted)}.current-lines{position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 1px),rgba(165,232,238,.045) 25%);pointer-events:none}.world:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 35% 75%,rgba(0,38,50,.12),transparent 65%)}
.hero{display:block;padding-top:130px}.hero-top{display:flex;justify-content:space-between;color:var(--muted)}.hero-art{position:absolute;top:21%;left:0;width:100%;height:40%;display:flex;align-items:center;justify-content:center;animation:entrance 1s ease both}.hero-art img{width:100%;max-height:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);animation:float 9s ease-in-out infinite}.hero-copy{position:absolute;top:65%;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:start;gap:30px}.hero-tagline{font-weight:700;letter-spacing:-.05em;line-height:1.05;font-size:clamp(28px,3.1vw,54px);margin:0}.hero-detail>p{font-size:16px;line-height:1.6;margin:0 0 24px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;padding:16px 20px;font-size:11px;font-weight:700;letter-spacing:.05em;border:1px solid var(--ink);transition:transform .2s,background .2s;position:relative;overflow:hidden}.button span{font-size:16px;line-height:1}.button.primary{background:var(--ink);color:var(--deep)}.button.outline{background:transparent}.button:hover{transform:translateX(4px)}.button.outline:hover{background:rgba(165,232,238,.1)}.config-link[aria-disabled=true]{cursor:not-allowed}.swim-hint{position:absolute;left:var(--gutter);bottom:104px;display:flex;align-items:center;gap:25px}.swim-hint span{font:38px Arial,sans-serif;animation:hint 2s ease-in-out infinite}.hero-coordinate{position:absolute;right:var(--gutter);bottom:106px;color:var(--muted);text-align:right}
.story .section-content{width:55%}.story h2{font-size:clamp(56px,6.3vw,112px)}.art-panel{width:40%;margin:0 0 0 5%;position:relative}.art-panel img{width:100%;height:auto;display:block;mask-image:radial-gradient(ellipse,#000 38%,transparent 73%)}.art-panel figcaption{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:11px}.school h2{font-size:clamp(52px,6vw,105px)}.school .section-content{width:61%}.school-cloud{position:absolute;left:60%;top:22%;width:37%;height:55%;transform:translateX(var(--drift,0px))}.school-fish{position:absolute;width:var(--size);color:var(--ink);opacity:var(--alpha);transform:translate(calc(var(--spread,0px) * var(--dx)),calc(var(--spread,0px) * var(--dy)));transition:transform .3s}.school-fish svg{width:100%;animation:float var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.school-caption{position:absolute;right:var(--gutter);bottom:22%;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);margin:65px 0 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics>div{padding:27px 20px 30px;border-right:1px solid var(--line)}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics dt{font:12px 'Courier New',monospace;letter-spacing:.1em;color:var(--muted)}.metrics dd{font-size:clamp(27px,3.6vw,66px);font-weight:bold;letter-spacing:-.065em;margin:18px 0 0}.economics h2{font-size:clamp(44px,6vw,105px)}.fine-print{font-size:11px;color:var(--muted)}.roadmap-heading{display:flex;align-items:end;justify-content:space-between}.roadmap h2{font-size:clamp(54px,5.5vw,96px)}.roadmap-heading .body-copy{margin-bottom:8px}.phases{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:40px 0 26px;list-style:none}.phases>li{position:relative;padding:28px 20px 0 0;border-top:1px solid var(--ink)}.phases>li:before{position:absolute;top:-4px;left:0;content:'';width:7px;height:7px;border-radius:50%;background:var(--ink)}.phases>li:last-child:after{content:'→';position:absolute;right:0;top:-19px;font-size:32px}.phase-number{position:absolute;top:20px;right:28px;font-size:60px;line-height:1;color:rgba(165,232,238,.12);font-weight:700}.phases .eyebrow{font-size:11px;margin:0}.phases h3{margin:14px 0}.phases ul{list-style:none;padding:0;font-size:14px;line-height:1.9;color:var(--muted)}.finale h2{font-size:clamp(80px,9.4vw,164px);position:relative;max-width:1050px}.final-arrow{display:inline-block;font-weight:400;margin-left:30px}.final-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px;gap:25px}.final-bottom .brand{display:block;margin:0;font-size:24px}.final-bottom .eyebrow{display:block;margin-top:12px;font-size:10px;color:var(--muted);letter-spacing:.05em}.disclaimer{font-size:11px;color:var(--muted);margin:26px 0 0}
.navigation{position:fixed;bottom:0;left:var(--gutter);right:var(--gutter);height:78px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:20;background:var(--sea)}.position{display:flex;align-items:center;gap:12px;color:var(--muted);min-width:280px;font-size:11px}.position #position-number{color:var(--ink)}.position-line{width:30px;height:1px;background:var(--line)}.navigation nav{display:flex;gap:16px;align-items:center}.navigation nav a{width:32px;height:36px;display:flex;align-items:center;justify-content:center;font:11px 'Courier New',monospace;color:var(--muted);position:relative}.navigation nav a:after{content:'';position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--ink);opacity:0}.navigation nav a[aria-current]{color:var(--ink)}.navigation nav a[aria-current]:after{opacity:1}.travel-controls{display:flex;gap:8px;min-width:280px;justify-content:end}.travel-controls button{border:1px solid var(--line);width:43px;height:34px;background:transparent;font-size:20px;transition:background .2s}.travel-controls button:hover:not(:disabled){background:rgba(165,232,238,.15)}.progress{position:absolute;top:-1px;left:0;right:0;height:1px}.progress>div{height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
.wildlife{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.fish-drift{position:absolute;left:var(--x);top:var(--y);width:var(--size);opacity:var(--alpha);transform:translateX(var(--parallax,0px));will-change:transform}.fish-drift svg{display:block;width:100%;overflow:visible;animation:swim var(--duration) linear infinite alternate;animation-delay:var(--delay);pointer-events:auto;fill:currentColor}.fish-drift:hover svg{animation-duration:2s}.fish-eye{fill:var(--sea)}.meme-label{position:absolute;color:var(--muted);font:10px 'Courier New',monospace;letter-spacing:.07em;opacity:.6;white-space:nowrap}.noscript-note{position:fixed;top:94px;left:20px;z-index:99;background:var(--deep);padding:10px;font-size:12px}.zone.is-visible .section-label{animation:reveal .6s both}.zone.is-visible h2{animation:reveal .7s .05s both}.zone.is-visible .body-copy{animation:reveal .8s .1s both}@keyframes entrance{from{opacity:0;transform:scale(.96);filter:blur(5px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes reveal{from{opacity:0;transform:translate(22px,10px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes swim{from{transform:translate(-20px,3px)}to{transform:translate(100px,-6px)}}@keyframes hint{50%{transform:translateX(8px)}}
.hero-top{position:relative;z-index:2}.hero-art img{width:128%;max-height:none;flex-shrink:0;mask-image:radial-gradient(ellipse 60% 58% at center,#000 33%,transparent 76%)}
@media(min-width:1800px){.hero-art{top:22%;height:39%}.hero-copy{top:66%}.hero-detail>p{font-size:20px}.button{font-size:13px;padding:18px 25px}.eyebrow{font-size:13px}}
@media(max-width:1050px){.header-note{display:none}.position{min-width:220px}.travel-controls{min-width:120px}.hero-tagline{font-size:30px}.hero-detail>p{font-size:15px}.button{padding:14px;gap:16px}.hero-copy{top:62%}.story .body-copy{font-size:16px}.art-panel figcaption{display:block;line-height:2}.art-panel figcaption span{display:block}.final-bottom{align-items:start;flex-direction:column;gap:20px}.phases ul{font-size:13px}.metrics>div{padding-left:12px}.school h2{font-size:6.4vw}.school-cloud{left:65%;width:31%}}
@media(max-width:700px){:root{--gutter:24px}.masthead{height:76px}.brand{font-size:18px}.brand svg{width:30px}.header-social{font-size:10px}.header-social span{padding-left:4px}.zone{padding-top:110px;padding-bottom:105px;scroll-snap-align:start}.hero{padding-top:102px}.hero-top{font-size:9px;gap:20px}.hero-top>span:last-child{text-align:right;max-width:130px}.hero-art{top:23%;height:24%;left:-12%;width:124%}.hero-copy{top:50%;flex-direction:column;gap:22px}.hero-tagline{font-size:clamp(28px,8.5vw,42px)}.hero-detail>p{font-size:14px;margin-bottom:18px}.button{font-size:10px;min-height:44px;padding:13px 14px;gap:17px}.swim-hint{bottom:90px;font-size:10px}.hero-coordinate{display:none}.navigation{height:64px;gap:10px}.position{min-width:0;gap:6px;font-size:10px}.position-line,#position-label{display:none}.navigation nav{gap:0}.navigation nav a{width:28px;font-size:10px}.travel-controls{min-width:0;gap:5px}.travel-controls button{width:30px;height:32px}.section-label{font-size:11px;margin-bottom:23px}h2{font-size:clamp(40px,12vw,75px)}.story{align-items:start;flex-direction:column;justify-content:center;gap:20px}.story .section-content{width:100%}.story h2{font-size:12vw}.body-copy{font-size:15px;margin-top:24px}.story .body-copy{font-size:15px;max-width:340px}.small-statement{display:none}.art-panel{width:62%;align-self:end;margin:-20px -10px -15px 0}.art-panel img{max-height:190px;object-fit:contain}.art-panel figcaption{font-size:9px;display:flex;padding-top:8px}.art-panel figcaption span:last-child{display:none}.school .section-content{width:100%;align-self:start}.school h2{font-size:12vw}.school-cloud{left:20%;top:64%;height:17%;width:70%}.school-caption{bottom:105px;font-size:9px}.economics h2{font-size:10.7vw;line-height:1}.metrics{grid-template-columns:repeat(2,1fr);margin:32px 0 22px}.metrics>div,.metrics>div:first-child{padding:17px 12px;border-bottom:1px solid var(--line)}.metrics>div:nth-child(2n){border-right:0}.metrics>div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:15px 12px}.metrics dt{font-size:11px}.metrics dd{font-size:34px;margin-top:8px}.metrics>div:last-child dd{margin:0}.fine-print{font-size:9px;max-width:300px}.roadmap{width:190vw;padding-right:35px}.roadmap h2{font-size:48px}.roadmap-heading{justify-content:start;gap:70px}.roadmap-heading .body-copy{font-size:14px;width:180px}.phases{gap:0;margin-top:48px}.phases>li{padding-right:16px;min-width:0}.phases h3{font-size:29px}.phases ul{font-size:12px}.phase-number{font-size:46px;right:16px}.finale h2{font-size:14vw}.final-arrow{margin-left:12px}.final-bottom{margin-top:32px}.final-bottom .brand{font-size:21px}.final-bottom .eyebrow{font-size:9px}.disclaimer{font-size:10px;line-height:1.5;max-width:290px}.fish-drift{opacity:calc(var(--alpha) * .65)}}
@media(max-height:740px) and (min-width:701px){.masthead{height:75px}.zone{padding-top:100px;padding-bottom:90px}.hero{padding-top:100px}.hero-art{top:21%;height:37%}.hero-copy{top:60%}.hero-tagline{font-size:32px}.hero-detail>p{font-size:14px;margin-bottom:15px}.swim-hint{bottom:82px}.hero-coordinate{bottom:88px}.navigation{height:65px}h2{font-size:70px}.section-label{margin-bottom:20px}.story h2,.school h2{font-size:65px}.body-copy{margin-top:20px}.small-statement{margin-top:24px}.metrics{margin-top:35px}.economics h2{font-size:64px}.roadmap h2{font-size:60px}.phases{margin-top:30px}.phases>li{padding-top:18px}.phases h3{margin:10px 0}.finale h2{font-size:83px}.final-bottom{margin-top:20px}.disclaimer{margin-top:18px}}
@media(max-height:720px) and (max-width:700px){.hero-art{top:22%;height:22%}.hero-copy{top:45%;gap:16px}.hero-tagline{font-size:28px}.hero-detail>p{margin-bottom:12px}.swim-hint{bottom:74px}.story{gap:6px}.story h2{font-size:10.5vw}.art-panel{width:48%}.art-panel img{max-height:130px}.body-copy{margin-top:16px}.school h2{font-size:10.5vw}.section-label{margin-bottom:16px}.metrics{margin-top:22px}.metrics>div,.metrics>div:first-child{padding:12px}.metrics dd{font-size:29px}.roadmap h2{font-size:40px}.phases{margin-top:32px}.finale h2{font-size:13vw}}
@media(max-height:500px){.masthead{height:54px}.zone{padding-top:72px;padding-bottom:64px}.hero{padding-top:67px}.hero-top{font-size:9px}.hero-art{top:20%;height:35%}.hero-copy{top:56%;gap:20px;flex-direction:row}.hero-tagline{font-size:25px}.hero-detail>p{font-size:12px;margin-bottom:10px}.button{min-height:36px;padding:10px;font-size:9px}.swim-hint,.hero-coordinate{display:none}.navigation{height:48px}.section-label{margin-bottom:12px;font-size:10px}.story h2,.school h2,h2,.economics h2{font-size:44px}.body-copy,.story .body-copy{font-size:13px;margin-top:12px}.small-statement{display:none}.metrics{margin:20px 0 14px}.metrics>div{padding-top:16px;padding-bottom:16px}.metrics dd{font-size:30px}.roadmap h2{font-size:36px}.phases{margin-top:20px;margin-bottom:12px}.phases>li{padding-top:12px}.phases h3{font-size:24px;margin:8px 0}.phases ul{font-size:11px}.phase-number{font-size:40px}.finale h2{font-size:54px}.final-bottom{flex-direction:row;margin-top:15px}.final-bottom .brand{font-size:18px}.disclaimer{margin-top:12px;font-size:9px}}
@media(max-width:700px){.economics h2{font-size:9.7vw}.meme-label{display:none}}
@media(max-width:360px){.button{padding:12px 10px;gap:10px;font-size:9px}.navigation{gap:6px}.position{white-space:nowrap;gap:4px}.navigation nav a{width:24px}.swim-hint{font-size:9px}}
@media(max-height:500px){.hero-art img{width:85%}.hero-top{position:relative;z-index:2}.meme-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fish-drift,.school-cloud,.school-fish{transform:none!important}.ocean{scroll-snap-type:none}}