@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap");:root{--ink:#111315;--muted:#626970;--line:#d9dedf;--jade:#1f9c75;--blue:#2b7fc3;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a,button{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{height:78px;border-bottom:1px solid #e5e8e8;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.7vw,72px);position:relative;z-index:4;background:#fff}.wordmark{border:0;background:transparent;font-size:20px;font-weight:600;letter-spacing:-.04em;padding:0}.nav-links{display:flex;align-items:stretch;height:100%;gap:31px}.nav-links button{padding:0;border:0;background:transparent;font-size:14px;color:#282c2d;position:relative}.nav-links button:after{content:"";position:absolute;height:2px;background:var(--jade);left:0;right:0;bottom:0;transform:scaleX(0);transition:transform .2s ease}.nav-links button.active:after,.nav-links button:hover:after{transform:scaleX(1)}.menu-button{display:none;border:0;background:transparent;color:var(--ink);padding:8px}.hero{min-height:calc(100vh - 78px);max-height:840px;display:grid;grid-template-columns:minmax(0,.91fr) minmax(420px,1.09fr);align-items:center;padding:clamp(80px,11vw,158px) clamp(24px,4.7vw,72px) clamp(74px,7vw,112px);overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:720px}h1,h2,h3,p{margin:0}h1{font-size:clamp(60px,7.3vw,112px);letter-spacing:-.077em;line-height:.91;font-weight:700}.hero-statement{margin-top:32px;font-size:clamp(26px,2.8vw,42px);letter-spacing:-.052em;line-height:1.12;font-weight:500}.mobile-break{display:none}.hero-summary{margin-top:26px;max-width:420px;color:var(--muted);font-size:18px;letter-spacing:-.026em;line-height:1.55}.hero-actions{display:flex;gap:14px;margin-top:42px}.button{height:52px;display:inline-flex;align-items:center;gap:24px;padding:0 19px;border-radius:3px;font-size:14px;font-weight:500;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff;border:1px solid var(--ink)}.button-secondary{background:#fff;color:var(--ink);border:1px solid var(--ink)}.hero-art{align-self:stretch;min-height:480px;display:flex;align-items:center;justify-content:flex-end}.hero-art img{width:min(105%,810px);height:auto;object-fit:contain;mix-blend-mode:multiply;transform:translateX(9%)}.articles-section,.projects-section{padding:clamp(82px,9vw,132px) clamp(24px,4.7vw,72px)}.projects-section{border-top:1px solid #e2e5e5}.section-intro{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:44px}h2{font-size:clamp(34px,4.1vw,59px);letter-spacing:-.065em;line-height:1}.section-intro p{color:var(--muted);font-size:14px}.project-list{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}.project{min-height:272px;display:grid;grid-template-columns:46% 1fr;grid-gap:27px;gap:27px;padding:22px 22px 22px 0;border-bottom:1px solid var(--line)}.project:nth-child(odd){padding-right:33px}.project-art{min-height:197px;background:#111719;overflow:hidden;position:relative;color:#ecf7f3;display:grid;place-items:center}.project-art svg{width:62px;height:62px;position:relative;z-index:2;opacity:.9}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#6c79802e 1px,transparent 0),linear-gradient(90deg,#6c79802e 1px,transparent 0);background-size:28px 28px}.art-line{position:absolute;border:1px solid var(--jade);opacity:.9}.line-one{width:130%;height:80px;border-radius:50%;transform:rotate(-18deg);top:33%;left:-17%}.line-two{width:115%;height:58px;border-radius:50%;border-color:var(--blue);transform:rotate(22deg);top:45%;left:-10%}.line-three{width:75%;height:130%;border-radius:50%;transform:rotate(28deg);top:-23%;left:18%}.neural .art-line{border-style:dotted;border-width:2px}.claw .art-line{border-radius:3px;transform:rotate(-28deg)}.dive .line-one,.signal .line-one{border-width:0 0 2px;border-radius:0;transform:rotate(0);top:57%}.hex .art-grid{background-image:radial-gradient(circle at center,#80a9a245 1px,transparent 2px);background-size:19px 19px}.project-body{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.project h3{font-size:clamp(20px,1.8vw,27px);letter-spacing:-.055em;line-height:1.05}.project-body>div>p{margin-top:15px;color:#555d61;font-size:13px;line-height:1.55}.project-bottom span{display:block;margin-bottom:19px;color:#72797c;text-transform:uppercase;letter-spacing:.07em;font-family:DM Mono,monospace;font-size:10px}.project-links{display:flex;gap:22px}.project-links a{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;border-bottom:1px solid transparent}.project-links a:hover{border-color:var(--ink)}.articles-section{padding-top:32px}.footer-rule,.rule-detail{border-top:1px solid #449aaa;position:relative;height:62px}.footer-rule span,.rule-detail span{position:absolute;left:0;top:-16px;height:39px;border-left:1px solid #449aaa}.articles-section h2{font-family:DM Mono,monospace;font-size:clamp(32px,3.5vw,52px);font-weight:400;letter-spacing:-.055em;margin-bottom:31px}.article-list{border-top:1px solid #bfc5c5}.article{min-height:136px;display:grid;grid-template-columns:210px 41px 1fr 52px;align-items:center;border-bottom:1px solid #c7cdcd;padding:20px 0;transition:background .2s ease,padding .2s ease}.article:hover{background:#f5f8f7;padding-left:12px;padding-right:12px}.article-meta{font-family:DM Mono,monospace;font-size:13px;display:grid;grid-gap:10px;gap:10px}.article-meta em{font-style:normal;color:#236cbc}.article-marker{height:82px;width:1px;background:#79c5c8;position:relative}.article-marker:after{content:"";position:absolute;width:20px;height:1px;background:#79c5c8;top:50%;left:-10px}.article-copy h3{font-family:DM Mono,monospace;font-size:clamp(17px,1.7vw,25px);letter-spacing:-.055em;font-weight:400}.article-copy p{margin-top:12px;color:#626970;font-size:14px}.article-arrow{color:#008c98;justify-self:end}.about-strip{border-top:1px solid var(--line);padding:88px clamp(24px,13.5vw,210px);display:flex;align-items:center;justify-content:space-between;gap:48px}.about-strip p{max-width:610px;font-size:clamp(22px,2.7vw,37px);line-height:1.15;letter-spacing:-.053em}.about-strip a{white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}footer{background:#070808;color:#f5f7f6;padding:43px clamp(24px,4.7vw,72px) 35px}.footer-rule{height:45px}.footer-rule,.footer-rule span{border-color:#167c83}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:40px;gap:40px;align-items:center}footer h2{font-family:DM Mono,monospace;font-weight:400;font-size:31px;letter-spacing:-.055em}footer p{color:#aeb5b3;font-size:15px;line-height:1.55;max-width:335px;margin-top:14px}.footer-links{display:flex;justify-content:space-around;gap:20px}.footer-links a{font-family:DM Mono,monospace;font-size:15px;position:relative}.footer-links a+a:before{content:"";border-left:1px solid #168f89;height:44px;position:absolute;left:-38px;top:50%;transform:translateY(-50%)}.copyright{margin-top:48px;font-size:13px}@media (max-width:900px){.hero{grid-template-columns:1fr;max-height:none;min-height:auto;padding-top:88px}.hero-art{min-height:340px;margin-top:24px}.hero-art img{transform:none;width:100%}.project-list{grid-template-columns:1fr}.project:nth-child(2n),.project:nth-child(odd){border-right:0;padding-left:0;padding-right:0}.project{grid-template-columns:38% 1fr}.article{grid-template-columns:155px 30px 1fr 34px}.about-strip{padding-left:clamp(24px,7vw,72px);padding-right:clamp(24px,7vw,72px)}}@media (max-width:650px){.site-header{height:64px}.nav-links{display:none}.nav-links.is-open{position:absolute;top:64px;left:0;right:0;height:auto;display:flex;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 18px}.nav-links.is-open button{height:43px;text-align:left}.nav-links button:after{display:none}.menu-button{display:block}.hero{padding-top:64px;padding-bottom:44px}.hero-statement{margin-top:25px}.mobile-break{display:block}.hero-summary{font-size:16px}.hero-actions{margin-top:31px;flex-wrap:wrap}.button{height:48px}.hero-art{min-height:260px;margin-top:18px}.section-intro{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:27px}.project{grid-template-columns:1fr;gap:18px;padding:18px 0 24px!important}.project-art{min-height:185px}.project-body{gap:29px}.project-links{gap:17px}.articles-section{padding-top:20px}.rule-detail{height:45px}.article{grid-template-columns:1fr 31px;min-height:0;gap:13px;padding:24px 0}.article-meta{grid-column:1;grid-row:1;display:flex;gap:14px;font-size:11px}.article-marker{display:none}.article-copy{grid-column:1;grid-row:2}.article-copy h3{font-size:19px}.article-copy p{font-size:13px}.article-arrow{grid-column:2;grid-row:2}.about-strip{padding-top:68px;padding-bottom:68px;flex-direction:column;align-items:flex-start;gap:26px}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start;gap:42px}.footer-links a+a:before{left:-22px}.copyright{margin-top:38px}}.project-github{justify-self:end;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-bottom:1px solid #1b413e;padding-bottom:3px}.project-overview{max-width:1290px;margin:0 auto;padding:30px 28px 96px;display:grid;grid-template-columns:1fr 1.02fr;grid-gap:clamp(44px,9vw,144px);gap:clamp(44px,9vw,144px);align-items:center}.project-statement h2,.project-status h2,.scope-section h2{margin:11px 0 21px;font-size:clamp(30px,3.8vw,56px);letter-spacing:-.065em;line-height:1.03}.project-statement>p:last-child,.project-status>div>p:last-child{max-width:570px;color:#526966;font-size:16px;line-height:1.65}.project-artifact{min-height:353px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;padding:32px;background:#173b40;color:#e8f7f2}.project-artifact:before{content:"";position:absolute;inset:0;opacity:.55;background-image:linear-gradient(#8eb7b026 1px,transparent 0),linear-gradient(90deg,#8eb7b026 1px,transparent 0);background-size:31px 31px}.project-artifact:after{content:"";width:78%;height:45%;border:1px solid #5ac7b2;border-radius:52% 46% 55% 41%;position:absolute;top:19%;left:13%;transform:rotate(-13deg);opacity:.7}.project-artifact p,.project-artifact span,.project-artifact svg{position:relative;z-index:1}.project-artifact svg{color:#66d3c0}.project-artifact p{font-family:DM Mono,monospace;font-size:15px}.project-artifact span{max-width:258px;color:#adcac4;font-size:13px;line-height:1.55}.scope-section{border-top:1px solid #cfddda;border-bottom:1px solid #cfddda;max-width:1290px;margin:0 auto;padding:78px 28px;display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:90px;gap:90px}.scope-section ul{list-style:none;margin:0;padding:0;border-top:1px solid #ccdad7}.scope-section li{border-bottom:1px solid #ccdad7;min-height:58px;display:flex;align-items:center;gap:14px}.scope-section li span{height:7px;width:7px;flex:none;border-radius:50%;background:#218d80}.scope-section li p{font-size:15px;color:#294844}.project-status{max-width:950px;margin:0 auto;padding:106px 28px 120px;display:flex;gap:18px}.project-status>svg{color:#178d80;flex:none;margin-top:5px}@media (max-width:800px){.project-github{font-size:0;border:0}.project-github svg{width:19px;height:19px}.project-overview,.scope-section{grid-template-columns:1fr;gap:42px;padding-left:20px;padding-right:20px}.project-overview{padding-bottom:70px}.scope-section{padding-top:62px;padding-bottom:62px}.project-artifact{min-height:280px}.project-status{padding:72px 20px 85px}}.map-maker{min-height:100vh;background:#f7faf9;color:#102224}.map-header{height:68px;background:#fff;border-bottom:1px solid #d7e1df;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px}.back-link{display:flex;align-items:center;gap:8px;width:max-content;font-size:14px;font-weight:600}.map-header>div{display:flex;align-items:baseline;gap:9px;justify-self:center}.map-header span,.mono-label,.panel-heading{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em;font-size:10px;color:#5a7372}.map-header strong{font-size:14px}.publish-button{justify-self:end;border:0;background:#123f3b;color:#fff;border-radius:3px;padding:10px 14px;font-size:12px;font-weight:600}.map-intro{max-width:1290px;margin:auto;padding:64px 28px 42px;display:flex;justify-content:space-between;gap:48px;align-items:flex-end}.map-intro h1{font-size:clamp(43px,5vw,72px);letter-spacing:-.07em;margin:10px 0 17px}.map-intro>div>p:not(.mono-label){max-width:550px;color:#526664;font-size:18px;line-height:1.55}.map-intro-note{max-width:280px;display:flex;gap:12px;align-items:flex-start;color:#496866;font-size:13px;line-height:1.55;padding-bottom:5px}.map-intro-note svg{flex:none;color:#158f84}.workspace{max-width:1290px;height:610px;margin:auto;display:grid;grid-template-columns:238px 1fr 242px;border:1px solid #cbd8d5;background:#fff}.workspace-panel{padding:24px 20px}.site-panel{border-right:1px solid #d6e2df}.info-panel{border-left:1px solid #d6e2df}.workspace-panel label{font-size:12px;font-weight:600;display:block}.workspace-panel input:not([type]),.workspace-panel input[type=text]{width:100%;margin-top:10px;border:1px solid #bfcdcb;border-radius:2px;padding:10px;color:#173230;font-size:13px;background:#fbfdfc}.panel-divider{height:1px;background:#d9e5e3;margin:24px 0}.layer-list{display:grid;grid-gap:14px;gap:14px;margin-top:17px}.layer-option{display:flex!important;align-items:center;gap:9px;color:#395451;font-weight:400!important;cursor:pointer}.layer-option input{accent-color:#137d73}.add-layer{margin-top:23px;border:0;background:transparent;color:#116f67;padding:0;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.map-canvas{position:relative;overflow:hidden;background:#173b40}.water-grid{position:absolute;inset:0;background-image:linear-gradient(#9db8b51d 1px,transparent 0),linear-gradient(90deg,#9db8b51d 1px,transparent 0);background-size:32px 32px}.contour{position:absolute;border:1px solid #66d0bd;opacity:0;transition:opacity .3s ease}.contour.visible{opacity:.8}.contour-a{width:85%;height:52%;left:7%;top:20%;border-radius:46% 54% 50% 42%}.contour-a,.contour-b{transform:rotate(-14deg)}.contour-b{width:63%;height:35%;left:18%;top:31%;border-radius:45% 54% 43% 53%;border-color:#399ab6}.contour-c{width:34%;height:19%;left:31%;top:39%;border-radius:48%;transform:rotate(-14deg)}.entry,.feature,.fish{position:absolute;z-index:2;font-family:DM Mono,monospace;font-size:11px}.feature{color:#e4faf2;padding:5px 8px;border:1px solid #81d7c8;background:#173b40cc}.reef{left:31%;top:34%}.wreck{right:23%;bottom:26%;border-color:#68aad0}.entry{left:13%;bottom:18%;color:#e8fffa;display:flex;gap:5px;align-items:center}.entry svg{color:#5fe3c9}.fish{right:20%;top:20%;color:#f2c978;font-size:26px}.canvas-copy{position:absolute;z-index:2;top:25px;left:25px;color:#d9f4ec;display:grid;grid-gap:5px;gap:5px}.canvas-copy svg{color:#61d5c2}.canvas-copy p{font-family:DM Mono,monospace;font-size:12px}.canvas-copy span{color:#a7c7c0;max-width:195px;font-size:12px;line-height:1.45}.scale{position:absolute;right:21px;bottom:22px;display:flex;align-items:center;gap:7px;color:#bdd4d0;font-family:DM Mono,monospace;font-size:10px}.scale i{height:1px;width:48px;background:#bdd4d0}.info-panel dl{margin:17px 0 0;display:grid;grid-gap:17px;gap:17px}.info-panel dl div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.info-panel dt{color:#617c79}.info-panel dd{margin:0;color:#213d3a}.info-panel ol{margin:15px 0 0;padding-left:18px;color:#48625f;font-size:12px;line-height:2}.workspace-notice{max-width:1290px;margin:13px auto 0;padding:10px 14px;background:#e7f5f1;color:#145c54;border-left:2px solid #168f80;font-size:13px}.mapping-scope{max-width:950px;margin:0 auto;padding:104px 28px 115px;display:flex;gap:18px}.mapping-scope svg{color:#178d80;flex:none;margin-top:6px}.mapping-scope h2{font-size:clamp(29px,3.4vw,47px)}.mapping-scope p{max-width:670px;color:#546a67;font-size:16px;line-height:1.65;margin-top:18px}@media (max-width:800px){.map-header{grid-template-columns:1fr auto;padding:0 18px}.map-header>div{display:none}.map-intro{padding:48px 20px 32px;flex-direction:column;align-items:flex-start;gap:23px}.workspace{margin:0 20px;height:auto;grid-template-columns:1fr}.workspace-panel{border:0}.site-panel{border-bottom:1px solid #d6e2df}.info-panel{border-top:1px solid #d6e2df}.map-canvas{min-height:430px;order:-1}.workspace-notice{margin-left:20px;margin-right:20px}.mapping-scope{padding:68px 20px 82px}}