:root{--foam:#f2fbfa;--paper:#fffef8;--ink:#072c40;--deep:#031d32;--ocean:#056c91;--cyan:#72e4e6;--ice:#c6f5f2;--coral:#ff735d;--lime:#b8ef62;--line:rgba(7,44,64,.2);--sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--sans);letter-spacing:0}a{color:inherit}img{max-width:100%}.mast{height:84px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;padding:0 3vw;background:rgba(255,254,248,.94);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand b{display:block;font-size:21px}.brand small{display:block;font:10px var(--mono);color:var(--ocean)}.fishmark{font:42px/1 var(--mono);color:var(--coral);transform:rotate(-8deg)}.mast nav{display:flex;justify-content:center;gap:28px}.mast nav a{text-decoration:none;font-size:14px}.mast-cta{padding:10px 17px;background:var(--deep);color:white;text-decoration:none;font-weight:800}.hero{min-height:calc(100vh - 84px);position:relative;overflow:hidden;background:var(--deep);color:#fff}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,21,37,.88),rgba(1,21,37,.2) 62%,rgba(1,21,37,.05)),linear-gradient(0deg,rgba(1,21,37,.72),transparent 55%)}.hero-copy{position:relative;z-index:2;min-height:calc(100vh - 84px);display:flex;flex-direction:column;justify-content:flex-end;width:min(92vw,1500px);margin:auto;padding:80px 0}.hero-copy>p,.ocean-section small,.layer-intro small,.route-section small,.cable-copy small,.device-cabin small,.blue-economy small,.journal small{font:11px var(--mono);color:var(--cyan)}.hero h1{font-size:clamp(58px,7.2vw,116px);line-height:1.02;margin:18px 0 28px;max-width:900px}.hero-copy>div{font-size:21px;max-width:680px;color:#dff8f4}.hero-copy nav{display:flex;gap:10px;margin-top:32px}.hero-copy nav a{padding:13px 19px;border:1px solid #fff;text-decoration:none;font-weight:800}.hero-copy nav .primary{background:var(--coral);border-color:var(--coral)}.depth-scale{position:absolute;right:3vw;bottom:36px;z-index:3;display:grid;gap:7px;text-align:right;font:10px var(--mono);color:#d7f7f2}.depth-scale span:after{content:"";display:inline-block;width:20px;border-top:1px solid var(--cyan);margin-left:8px}.ocean-section,.route-section,.device-cabin,.blue-economy,.journal{padding:100px max(4vw,calc((100vw - 1500px)/2))}.ocean-section header,.journal header{display:grid;grid-template-columns:160px minmax(0,1fr) 480px;gap:28px;align-items:start;margin-bottom:50px}.ocean-section h2,.layer-intro h2,.route-section h2,.cable-copy h2,.device-cabin h2,.blue-economy h2,.journal h2{font-size:clamp(38px,5vw,72px);line-height:1.08;margin:0}.ocean-section header p,.journal header p{margin:0;color:#4e6670}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink)}.profile-grid article{padding:34px 24px 44px;border-right:1px solid var(--line);min-height:260px}.profile-grid article:last-child{border:0}.profile-grid b{font-size:27px}.profile-grid span{display:block;font:11px var(--mono);color:var(--coral);margin:16px 0}.layer-library{display:grid;grid-template-columns:.8fr 1.2fr;background:#e7f5f1}.layer-intro{padding:100px 5vw}.layer-intro p{color:#46626c}.layer-intro a,.blue-economy>a{font-weight:800}.layer-stack{background:var(--deep);color:#fff;padding:36px 4vw}.layer-stack article{display:grid;grid-template-columns:60px 220px 1fr;gap:20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);padding:24px 0}.layer-stack span{font:18px var(--mono);color:var(--layer)}.layer-stack h3{margin:0;font-size:22px}.layer-stack p{margin:0;color:#bcd5d7}.route-section{background:var(--paper)}.route-section header{max-width:850px;margin-bottom:60px}.route-line{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0;border-top:3px solid var(--ocean)}.route-line li{position:relative;padding:35px 24px;border-right:1px solid var(--line)}.route-line li:before{content:"";position:absolute;top:-8px;left:22px;width:13px;height:13px;background:var(--coral);border-radius:50%}.route-line b{font-size:22px}.route-line p{color:#516872}.cable-section{background:var(--deep);color:#fff;padding:110px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.cable-copy p{color:#bed8dc}.cable-chart{height:330px;position:relative;border-bottom:1px solid rgba(255,255,255,.4);background:radial-gradient(ellipse at center bottom,rgba(114,228,230,.18),transparent 65%)}.cable-chart:after{content:"";position:absolute;left:5%;right:5%;bottom:70px;height:90px;border-bottom:5px solid var(--cyan);border-radius:50%;transform:rotate(-3deg);box-shadow:0 8px 28px rgba(114,228,230,.45)}.cable-chart i{position:relative;z-index:2;display:inline-block;width:9px;height:9px;background:var(--coral);border-radius:50%;margin:210px 7% 0}.coast,.repair{position:absolute;font:11px var(--mono);color:var(--cyan)}.coast.left{left:0;bottom:30px}.coast.right{right:0;bottom:30px}.repair{left:48%;top:80px}.device-cabin{background:#dff6f2}.device-cabin header{max-width:900px;margin-bottom:45px}.device-cabin header p{max-width:680px}.device-log{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink)}.device-log a{padding:30px;border-right:1px solid var(--ink);text-decoration:none;min-height:150px}.device-log a:last-child{border:0}.device-log b{font-size:20px}.device-log span{display:block;margin-top:16px;color:#4d6972}.blue-economy{background:var(--paper)}.blue-economy header{max-width:900px;margin-bottom:50px}.economy-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--ink);margin-bottom:30px}.economy-grid article{padding:34px;border-bottom:1px solid var(--line)}.economy-grid article:nth-child(odd){border-right:1px solid var(--line)}.economy-grid h3{font-size:27px;margin:0 0 10px}.economy-grid p{margin:0;color:#4d6670}.journal{background:#eef8f5}.log-list{border-top:2px solid var(--ink)}.log-row{display:grid;grid-template-columns:70px minmax(0,1fr) 110px;gap:24px;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none}.log-row>span{font:24px var(--mono);color:var(--coral)}.log-row small{font:10px var(--mono);color:var(--ocean)}.log-row h3{font-size:23px;margin:4px 0}.log-row p{margin:0;color:#526a73}.log-row time{font:11px var(--mono)}.inside,.article-page{width:min(92vw,1320px);margin:auto;padding:50px 0 110px}.crumbs{display:flex;gap:10px;font:11px var(--mono);margin-bottom:55px}.crumbs a{text-decoration:none}.page-head{max-width:1000px;padding-bottom:55px;border-bottom:3px solid var(--ink)}.page-head small,.article-head small{font:11px var(--mono);color:var(--coral)}.page-head h1,.article-head h1{font-size:clamp(48px,6vw,86px);line-height:1.08;margin:14px 0}.page-head p,.article-head p{font-size:20px;max-width:800px;color:#4d6670}.page-layout,.article-layout{display:grid;grid-template-columns:minmax(0,850px) 280px;gap:80px;margin-top:60px}.prose h2,.article-copy h2{font-size:34px;line-height:1.25;margin:56px 0 16px}.prose p,.article-copy p{font-size:17px;line-height:1.95}.lead{font-size:22px!important;border-left:5px solid var(--coral);padding-left:24px}.page-layout>aside,.toc{position:sticky;top:30px;align-self:start;border-top:2px solid var(--ink)}.page-layout>aside a,.toc a{display:block;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none}.article-head{max-width:1050px;border-bottom:3px solid var(--ink);padding-bottom:45px}.article-head time{font:11px var(--mono)}.article-copy section{margin-bottom:65px}.article-copy section:nth-child(even){border-left:3px solid var(--cyan);padding-left:28px}.article-links,.sources{margin:60px 0 0;padding:30px;border-top:2px solid var(--ink);background:#edf7f3}.article-links h2,.sources h2{font-size:25px;margin-top:0}.sources span{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.footer{background:#021827;color:#dcefee;padding:70px max(4vw,calc((100vw - 1500px)/2)) 30px;position:relative}.footer-wave{position:absolute;left:0;right:0;top:0;height:12px;background:linear-gradient(135deg,var(--cyan) 25%,transparent 25%) 0 0/24px 24px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:60px}.footer-grid b{font-size:26px}.footer-grid p{color:#9dbbc0;max-width:480px}.footer-grid nav{display:grid;gap:9px}.footer-grid a{text-decoration:none}.copyright{border-top:1px solid rgba(255,255,255,.16);margin-top:45px;padding-top:20px;font:11px var(--mono);color:#8caeb3}
@media(max-width:900px){.mast{height:auto;grid-template-columns:1fr auto;padding:16px 20px}.mast nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:auto;padding-top:14px}.hero{min-height:760px}.hero-copy{min-height:760px}.ocean-section header,.journal header{grid-template-columns:1fr}.profile-grid,.device-log{grid-template-columns:1fr 1fr}.profile-grid article:nth-child(2),.device-log a:nth-child(2){border-right:0}.layer-library,.cable-section{grid-template-columns:1fr}.route-line{grid-template-columns:1fr}.route-line li{border-right:0;border-bottom:1px solid var(--line)}.page-layout,.article-layout{grid-template-columns:1fr}.page-layout>aside,.toc{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}}
@media(max-width:600px){.mast nav{gap:18px}.mast-cta{display:none}.hero h1{font-size:52px}.hero-copy>div{font-size:18px}.hero-copy nav{flex-direction:column;align-items:stretch}.depth-scale{display:none}.ocean-section,.route-section,.device-cabin,.blue-economy,.journal{padding:70px 20px}.profile-grid,.device-log,.economy-grid{grid-template-columns:1fr}.profile-grid article,.device-log a,.economy-grid article{border-right:0!important}.layer-library{display:block}.layer-intro{padding:70px 20px}.layer-stack{padding:24px 20px}.layer-stack article{grid-template-columns:45px 1fr}.layer-stack p{grid-column:2}.cable-section{padding:75px 20px}.cable-chart{height:240px}.log-row{grid-template-columns:45px 1fr}.log-row time{grid-column:2}.page-head h1,.article-head h1{font-size:46px}.inside,.article-page{width:calc(100% - 32px)}.article-copy section:nth-child(even){padding-left:18px}.footer{padding:70px 20px 30px}.footer-grid{grid-template-columns:1fr}.footer-grid>div{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}