@font-face{font-family:'DM Serif Display';src:url(fonts/dm-serif-display-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url(fonts/dm-serif-display-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'DM Mono';src:url(fonts/dm-mono-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Mono';src:url(fonts/dm-mono-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:dark;--bg:#041c26;--surface:#f3ead8;--text:#eaf4f1;--accent:#3fd6c6;--accent2:#ff7f5c;--ink:#10242b;--link-ink:#0b6b63;--muted:#b9cdcf;--rule:rgba(234,244,241,.2);--heading:'DM Serif Display',Georgia,serif;--body:Manrope,system-ui,sans-serif;--mono:'DM Mono',ui-monospace,monospace;--gutter:clamp(22px,4vw,68px);--rail:184px;--contours:repeating-radial-gradient(ellipse at 110% 10%,transparent 0 35px,rgba(234,244,241,.055) 36px 37px,transparent 38px 61px);--grid:linear-gradient(rgba(234,244,241,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(234,244,241,.045) 1px,transparent 1px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.75 var(--body);overflow-wrap:break-word}main,section,article,aside,figure,div{min-width:0}.page{min-width:0}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s}a:hover{color:var(--surface)}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}h1,h2,h3,h4{font-family:var(--heading);font-weight:400;line-height:1.08;margin:0 0 .6em;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(44px,6.2vw,96px)}h2{font-size:clamp(36px,4.5vw,68px)}h3{font-size:30px}p,ol,ul{margin:0 0 1.4em}ol,ul{padding-left:1.4em}li+li{margin-top:.5em}figure{margin:0}img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}svg,canvas{display:block;max-width:100%}figcaption{margin-top:20px;font:12px/1.7 var(--mono);color:var(--muted)}strong{font-weight:700}.wrap{width:calc(100% - var(--gutter)*2);max-width:1280px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}/* Prevent the hidden rainfall table from retaining its intrinsic table width. */
table.sr-only{display:block}.skip-link{position:fixed;top:12px;left:20px;z-index:120;background:var(--surface);color:var(--ink);padding:12px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.035;background-image:repeating-radial-gradient(circle at 17% 32%,#fff 0 .5px,transparent .8px 3px);background-size:7px 9px}.scroll-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--accent);z-index:100;transform:scaleX(0);transform-origin:left}.cursor{display:none}
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(#041c26a6,transparent);transition:transform .3s,background .3s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:#041c26e8;backdrop-filter:blur(18px);border-color:var(--rule)}.site-header.is-hidden{transform:translateY(-100%)}.site-header:focus-within{transform:none!important}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}.brand{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;text-decoration:none;color:var(--surface);font:25px/1 var(--heading)}.brand-mark{width:25px;height:25px;border:1px solid var(--accent);border-radius:50%;position:relative;flex-shrink:0}.brand-mark::before,.brand-mark::after{content:'';position:absolute;background:var(--accent);transform:rotate(25deg)}.brand-mark::before{width:1px;height:37px;top:-7px;left:11px}.brand-mark::after{height:1px;width:37px;left:-7px;top:11px}.site-nav ul,.footer-nav ul{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0;padding:0}.site-nav li,.footer-nav li{margin:0}.site-nav a{display:block;min-height:44px;padding:10px 0;color:var(--text);font-size:14px;text-decoration:none}.site-nav a:hover,.footer-nav a:hover{color:var(--accent)}
.chart-rail{display:none}.rail-title,.rail-no,.rail-label,.eyebrow,.step-no,.depth-zone,.card-no{font-family:var(--mono)}.eyebrow{font-size:12px;line-height:1.7;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.hero{position:relative;isolation:isolate;min-height:min(820px,100svh);height:auto;padding-block:clamp(96px,14vh,180px);display:flex;align-items:center;overflow:hidden;background:#0a4f63}.hero-media,.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.hero-media img{height:100%;object-position:65% center}.hero-canvas{z-index:-2;pointer-events:none}.hero-media{opacity:1}.hero.has-webgl .hero-media{opacity:0}.hero.no-webgl .hero-media,html:not(.js) .hero .hero-media{opacity:1}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041c26e8 0%,#041c26b8 40%,#041c2633 55%,transparent 75%),linear-gradient(0deg,#041c26 0%,#041c2699 12%,transparent 42%);pointer-events:none}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--contours);mask-image:linear-gradient(90deg,transparent 35%,#000);pointer-events:none}.hero-inner{padding-block:0}.hero .eyebrow{max-width:350px;padding-left:48px;position:relative}.hero .eyebrow::before{content:'';position:absolute;left:0;top:9px;width:30px;height:1px;background:var(--accent)}.hero .display{font-size:clamp(52px,7.1vw,112px);line-height:1.02;letter-spacing:-.045em;margin-bottom:30px;max-width:1100px}.line{display:block}.line-italic{font-style:italic;color:var(--accent)}.lead{font-size:clamp(16px,1.35vw,20px);line-height:1.8;max-width:650px}.hero .lead{max-width:540px;color:var(--text)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;font:500 12px/1.5 var(--mono);text-decoration:none;border:1px solid var(--accent);transition:background .25s,color .25s}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary::after{content:'↗';margin-left:24px}.btn-primary:hover{background:var(--surface);color:var(--bg);border-color:var(--surface)}.btn-ghost{color:var(--text);background:#041c2655;border-color:#b9cdcf80}.btn-ghost:hover{background:var(--bg)}[data-magnetic]{touch-action:manipulation}.scroll-cue{position:absolute;bottom:32px;left:var(--gutter);display:flex;align-items:center;gap:16px;font:12px var(--mono);text-transform:uppercase;letter-spacing:.14em;margin:0}.scroll-cue::before{content:'';height:42px;width:1px;background:linear-gradient(transparent,var(--accent))}
.section{position:relative;padding-block:clamp(54px,6vw,96px)}.section-title{max-width:820px}.section-intro{max-width:600px;color:var(--muted)}.section-note{padding-block:clamp(47px,6vw,94px);background:var(--bg);border-bottom:1px solid var(--rule)}.note-line{max-width:1000px;margin:0;padding-left:clamp(24px,5vw,80px);border-left:1px solid var(--accent2);font:400 clamp(27px,3.2vw,48px)/1.4 var(--heading);letter-spacing:-.02em}.section-route{background-color:#06283a;background-image:var(--contours);padding:0}.route-pin{position:relative;display:flex;align-items:center;min-height:100svh;padding-block:44px}.route-inner{display:grid;grid-template-columns:minmax(0, .82fr) minmax(0,1.18fr);gap:clamp(24px,3vw,50px);align-items:center}.route-copy{position:relative;z-index:1}.route-copy .section-title{font-size:clamp(34px,3.4vw,51px)}.route-steps{padding:0;list-style:none;margin:24px 0}.route-step{position:relative;border-top:1px solid var(--rule);border-left:2px solid transparent;margin:0;padding:14px 0 14px 38px;transition:opacity .3s,border-color .3s}.js .route-steps.is-tracking .route-step{opacity:.45}.js .route-steps.is-tracking .route-step.is-active{opacity:1;border-left-color:var(--accent)}.step-no{position:absolute;left:10px;top:18px;color:var(--accent2);font-size:12px}.step-title{font-size:24px;margin-bottom:8px}.route-step p{font-size:13px;line-height:1.65;margin:0}.route-more,.rain-more{font:12px/1.8 var(--mono);margin:22px 0 0}.route-figure{position:relative;overflow-x:auto;padding:64px 0 24px;border-block:1px solid var(--rule);background-image:var(--grid);background-size:36px 36px}.route-figure::before{content:'BAY OF BENGAL / PASSAGE CHART';position:absolute;top:18px;left:0;font:12px var(--mono);letter-spacing:.13em;color:var(--muted)}.route-figure figcaption{text-align:right}.route-map{width:100%;min-width:640px;height:auto;overflow:visible}.route-contour{fill:none;stroke:rgba(234,244,241,.12);stroke-width:1}.route-path{fill:none;stroke-linecap:round}.route-sea{stroke:#eaf4f1;stroke-width:2.5;stroke-dasharray:7 9}.route-ferry{stroke:#3fd6c6;stroke-width:3}.route-node circle{stroke:#06283a;stroke-width:3}.route-port circle{fill:var(--accent2)}.route-island circle{fill:var(--accent)}.route-hub circle{fill:var(--text);stroke:var(--accent2);stroke-width:4}.route-node text{font:20px var(--mono);fill:#eaf4f1}.route-island text{text-anchor:end;transform:translateX(40px)}
.section-depth{--depth:0;min-height:107svh;isolation:isolate;overflow:hidden;background:linear-gradient(#0f8c8a 0%,#0b7079 25%,#0a4f63 43%,#041c26 100%)}.section-depth::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(112deg,transparent 0 60px,#eaf4f12e 80px,transparent 105px 180px);opacity:calc(.95 - var(--depth)*.2);mask-image:linear-gradient(#000,transparent 90%);pointer-events:none}.depth-bg{position:absolute;inset:0;z-index:-2;opacity:.18;mask-image:linear-gradient(transparent,#000 25%,transparent);mix-blend-mode:soft-light}.depth-bg img{height:100%}.depth-inner{position:relative}.depth-head{max-width:750px;padding:28px;border-left:1px solid #eaf4f180;background:#041c26b3}.depth-head .section-intro{color:var(--text);margin-bottom:0}.depth-head .eyebrow{color:var(--text)}.depth-list{display:grid;grid-template-columns:1fr 1fr;gap:34px clamp(40px,8vw,130px);list-style:none;padding:0;margin:80px 0 70px;position:relative}.depth-list::before{content:'';position:absolute;top:0;bottom:-70px;left:50%;width:1px;background:linear-gradient(var(--accent),#eaf4f126)}.depth-item{position:relative;margin:0;padding:clamp(24px,3vw,42px);background:#041c26e0;border:1px solid #eaf4f140;backdrop-filter:blur(12px)}.depth-item:nth-child(even){top:70px}.depth-zone{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:24px}.depth-title{font-size:clamp(32px,3.5vw,50px)}.depth-item p{font-size:15px;max-width:39ch}.depth-link{font:14px var(--mono);color:var(--text)}.depth-link::after,.card-link::after{content:'↗';padding-left:18px;color:var(--accent)}
.section-rain{color-scheme:light;background:var(--surface);color:var(--ink);background-image:repeating-linear-gradient(90deg,transparent 0 159px,#10242b06 160px)}.rain-inner{position:relative}.rain-head{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;align-items:start}.rain-head .eyebrow{grid-column:1/-1;color:var(--link-ink)}.rain-head .section-intro{color:var(--ink);font-size:15px}.rain-total{white-space:nowrap;color:var(--link-ink)}.rain-figure{max-width:100%;overflow-x:auto;margin-top:42px;padding-bottom:12px;scrollbar-color:var(--link-ink) #ded6c5}.rain-chart{width:100%;min-width:760px;height:auto;background:repeating-linear-gradient(to top,transparent 0 79px,#10242b12 80px)}.rain-axis{stroke:#10242b;stroke-width:1}.rain-bar rect{fill:#16a39a;rx:0}.rain-bar.is-wet rect{fill:#e8613f}.rain-val,.rain-month{font:18px var(--mono);fill:#10242b}.rain-source{color:#43585c;max-width:74ch;font-size:12px}.rain-more a{color:var(--link-ink)}
.section-guides{background-image:var(--contours)}.section-guides .section-intro{max-width:520px}.card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 30px;margin-top:64px;align-items:start}.card{position:relative;grid-column:span 5;background:#082630;border:1px solid var(--rule);transition:translate .35s,border-color .35s;isolation:isolate}.card::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),#3fd6c61c,transparent 70%);transition:opacity .3s}.card-1{grid-column:span 7}.card-2{margin-top:120px}.card-3{grid-column:span 4}.card-4{grid-column:span 8;margin-top:60px}.card-5{grid-column:span 7}.card-6{margin-top:90px}.card-media{aspect-ratio:1.4;overflow:hidden}.card-1 .card-media{aspect-ratio:1.2}.card-3 .card-media{aspect-ratio:1}.card-4 .card-media{aspect-ratio:2}.card-5 .card-media{aspect-ratio:1.7}.card-media img{height:100%;transition:transform .7s}.card-body{position:relative;padding:30px 28px 32px 60px}.card-no{position:absolute;left:22px;top:36px;font-size:12px;color:var(--accent2)}.card-title{font-size:clamp(30px,3vw,46px)}.card-text{font-size:14px;color:var(--muted);max-width:45ch}.card-link{font:14px var(--mono);color:var(--text);display:inline-block;padding-block:8px}.partners-slot{height:6rem}.section-partners{border-top:1px solid var(--rule)}.partner-list{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px}.partner{margin:0;padding:24px;border-top:1px solid var(--rule);background:#082630;min-width:0}.partner-link{overflow-wrap:anywhere;font:14px/1.8 var(--mono)}.partner-phrase{font:28px/1.2 var(--heading);margin:18px 0 12px}.partner-desc{font-size:14px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.article{padding-bottom:60px}.page-hero{position:relative;isolation:isolate;height:auto;min-height:0;display:flex;align-items:flex-end;padding-block:100px 56px;overflow:hidden;background:var(--bg)}.page-hero-media{position:absolute;inset:0;z-index:-3}.page-hero-media img{height:100%}.page-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#041c26e8,#041c2680),linear-gradient(0deg,#041c26,transparent)}.page-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--contours);opacity:.2;pointer-events:none}.page-header{position:relative}.page-header .display{font-size:clamp(42px,5.2vw,78px);max-width:1000px}.page-header .lead{max-width:740px;color:var(--text);margin:0}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font:12px/1.6 var(--mono);margin-bottom:32px;color:var(--text)}.breadcrumb a{color:var(--text)}.page-hero-plain{background-color:#06283a;background-image:var(--grid);background-size:50px 50px}.page-hero-plain::before{display:none}.article-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:36px;align-items:start;margin-top:32px}.article-body .prose{width:100%;max-width:68ch;justify-self:center;background:var(--surface);color:var(--ink);color-scheme:light;padding:clamp(26px,4vw,60px);font-size:clamp(16px,1.2vw,18px);line-height:1.9;border-top:4px solid var(--accent2)}.prose h2{font-size:clamp(29px,2.8vw,42px);margin-top:1.33em;margin-bottom:.4em;padding-top:.6em;border-top:1px solid #10242b30;scroll-margin-top:110px}.prose>h2:first-child{margin-top:0;padding-top:0;border:0}.prose h3{font-size:clamp(25px,2.2vw,32px);margin-top:1.6em}.prose a{color:var(--link-ink);overflow-wrap:anywhere}.prose a:hover{color:var(--ink)}.prose li::marker{color:var(--link-ink)}.prose>:last-child{margin-bottom:0}.prose .note{background:#e4dfcc;border-left:2px solid var(--link-ink);padding:24px;font-size:.9em;margin-block:32px}.note p:last-child{margin:0}.more-guides{padding-top:32px}.more-guides h2{font-size:27px}.more-guides ul{list-style:none;padding:0;margin:0}.more-guides li{margin:0;border-top:1px solid var(--rule)}.more-guides a{display:block;padding:16px 0;font:14px/1.7 var(--mono);text-decoration:none;color:var(--muted)}.more-guides a:hover{color:var(--accent)}.page-simple .article-body{display:block}.page-simple .prose{margin-inline:auto}.site-footer{padding-block:47px 36px;border-top:1px solid var(--rule);background:#031720}.footer-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:36px 70px}.footer-brand{font:clamp(30px,4vw,58px)/1.1 var(--heading);color:var(--surface)}.footer-note{font-size:12px;line-height:1.9;color:var(--muted)}.footer-nav{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:24px}.footer-nav a{display:block;padding-block:8px;font:14px var(--mono);color:var(--text);text-decoration:none}
@media(min-width:1100px){body:has(.chart-rail) main,body:has(.chart-rail) .site-footer{margin-left:var(--rail)}body:has(.chart-rail) .site-header{left:var(--rail)}.chart-rail{display:flex;flex-direction:column;justify-content:center;position:fixed;inset:0 auto 0 0;width:var(--rail);padding:100px 18px 40px 22px;border-right:1px solid var(--rule);background:#041c26;z-index:55;overflow-y:auto}.chart-rail::before{content:'';position:absolute;right:0;top:0;width:2px;height:100%;background:var(--accent);transform:scaleY(var(--rail-progress,0));transform-origin:top}.chart-rail::after{content:'CORAL MERIDIAN / FIELD NOTES';margin-top:48px;font:12px/1.8 var(--mono);letter-spacing:.12em;color:var(--muted)}.rail-title{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}.chart-rail ol{list-style:none;padding:0;margin:0;border-left:1px solid var(--rule)}.chart-rail li{margin:0}.chart-rail a{position:relative;display:grid;grid-template-columns:20px 1fr;gap:8px;padding:13px 0 13px 10px;text-decoration:none;color:var(--muted)}.rail-no{font-size:12px}.rail-label{font-size:12px;line-height:1.6}.chart-rail a::before{content:'';position:absolute;left:-1px;top:22px;width:5px;height:1px;background:var(--muted)}.chart-rail li.is-active a,.chart-rail a:hover{color:var(--accent)}.chart-rail li.is-active a::before{height:5px;background:var(--accent);box-shadow:0 0 16px #3fd6c6}.header-inner{gap:18px}.site-nav ul{gap:4px 16px}}
@media(min-width:900px) and (max-height:800px){.route-pin{padding-block:24px}.route-copy .eyebrow{margin-bottom:12px}.route-copy .section-title{font-size:36px}.route-step{padding-block:10px}.route-steps{margin-block:16px}.route-step p{font-size:12px}.step-title{font-size:22px}.step-no{top:14px}.route-more{margin-top:14px}.hero .display{font-size:clamp(60px,6.6vw,100px)}}
@media(max-width:1250px){.site-header{position:relative;inset:auto}.site-header.is-hidden{transform:none}.header-inner{flex-wrap:wrap;gap:8px;padding-block:20px 12px}.site-nav{width:100%}.site-nav ul{gap:8px 22px}.article-body{grid-template-columns:minmax(0,1fr)}.more-guides{max-width:68ch;width:100%;margin-inline:auto}.more-guides ul{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}}
@media(max-width:899px){.route-pin{min-height:0;padding-block:80px}.route-inner{grid-template-columns:1fr;gap:40px}.route-copy .section-title{max-width:600px;font-size:clamp(38px,6vw,58px)}.route-step p{font-size:15px}.route-step{padding-block:20px}.step-no{top:25px}.route-figure{overflow-x:auto}.route-map{min-width:640px}.section-depth{min-height:0}.depth-list{gap:28px;margin-top:50px}.depth-item{padding:25px}.rain-head{grid-template-columns:1fr;gap:8px}.rain-head .section-intro{max-width:640px}.card-grid{gap:36px 22px}.card-body{padding:26px 22px 24px 45px}.card-no{left:16px;top:32px}.card-2{margin-top:70px}.card-3,.card-4{grid-column:span 6}.footer-inner{gap:24px 40px}}
@media(max-width:600px){html{scroll-padding-top:140px}.header-inner{padding-block:19px 10px;gap:12px}.brand{font-size:23px}.site-nav ul{display:flex;flex-wrap:wrap;gap:8px 16px}.site-nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding-block:5px}.hero .display{font-size:clamp(46px,11vw,64px)}.hero .eyebrow{font-size:12px;max-width:290px;padding-left:32px}.hero .eyebrow::before{width:20px}.hero .lead{font-size:15px;line-height:1.8}.hero-actions{gap:12px;margin-top:26px}.btn{font-size:12px;padding:13px 15px;min-height:48px}.btn-primary::after{margin-left:12px}.hero::before{background:linear-gradient(90deg,#041c26d9,#041c2673),linear-gradient(0deg,#041c26,transparent)}.scroll-cue{bottom:24px;font-size:12px}.section{padding-block:48px}.section-route{padding:0}.note-line{font-size:28px;padding-left:22px}.depth-head{padding:22px}.depth-list{grid-template-columns:1fr;margin-bottom:0;padding-left:14px;border-left:1px solid #eaf4f140}.depth-list::before{display:none}.depth-item:nth-child(even){top:0}.depth-item{padding:28px}.depth-zone{margin-bottom:16px}.card-grid{grid-template-columns:1fr;margin-top:38px;gap:32px}.card,.card-1,.card-2,.card-3,.card-4,.card-5,.card-6{grid-column:auto;margin-top:0}.card-media,.card-1 .card-media,.card-3 .card-media,.card-4 .card-media,.card-5 .card-media{aspect-ratio:1.35}.card-body{padding:26px 26px 26px 55px}.card-no{left:23px}.rain-figure{margin-top:24px}.rain-source{max-width:calc(100vw - var(--gutter)*2)}.page-hero{padding-block:64px 32px}.page-header .display{font-size:clamp(38px,10vw,56px)}.page-header .lead{font-size:15px}.breadcrumb{font-size:12px;margin-bottom:24px}.article-body{width:calc(100% - 24px);margin-top:12px}.article-body .prose{padding:30px 23px}.prose .note{padding:20px}.more-guides{padding-inline:12px}.more-guides ul{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:12px}.footer-brand{margin-bottom:16px}.footer-nav{margin-top:20px}.footer-nav ul{gap:10px 20px}.partners-slot{height:6rem}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card:hover{translate:0 -7px;border-color:#3fd6c680}.card:hover::after{opacity:1}.card:hover .card-media img{transform:scale(1.045)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.hero .hero-media,.hero.has-webgl .hero-media{opacity:1}.hero-canvas,.cursor{display:none!important}.word-inner,[data-reveal],[data-depth-item],.hero-inner,.scroll-cue,.rain-val{opacity:1!important;transform:none!important;filter:none!important}.rain-bar rect{transform:none!important}.route-path{clip-path:none!important;stroke-dashoffset:0!important}.js .route-steps .route-step{opacity:1!important}}
@media print{.chart-rail,.site-header,.grain,.cursor,.scroll-progress,.hero-canvas,.depth-bg{display:none!important}body:has(.chart-rail) main,body:has(.chart-rail) .site-footer{margin:0}body,.prose,.page-hero,.site-footer{background:white;color:black}.page-hero-media,.page-hero::before,.page-hero::after{display:none}.page-header .lead,a,.prose a{color:black}.page-hero{min-height:0;padding:30px 0}.article-body{display:block}.article-body .prose{max-width:100%;padding:20px 0}.wrap{width:100%}[data-reveal],.word-inner{opacity:1!important;transform:none!important}}

/* Readable guide links and rainfall scroll hint. */
.depth-link,.card-link,.route-more a,.rain-more a,.footer-nav a,.more-guides a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}
.footer-nav a,.more-guides a{display:flex}
.rain-hint{display:none;font:12px/1.7 var(--mono);color:#43585c}
@media(width < 700px){.rain-hint{display:block}.rain-hint::after{content:"\2192";margin-left:.5em}.rain-figure{mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}}

/* Keep mobile navigation and hero content clear of the fixed header. */
@media screen and (width < 900px){
  html,body{overflow-x:clip}
  html{scroll-padding-top:128px}
  .site-header,.site-header.is-scrolled{position:fixed;inset:0 0 auto;background:rgba(4,28,38,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .header-inner{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;min-height:0;gap:8px;padding-block:16px 12px}
  .site-nav{display:flex;flex-wrap:nowrap;width:100%;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  .site-nav::-webkit-scrollbar{display:none}
  .site-nav ul{display:flex;flex-wrap:nowrap;gap:18px}
  .site-nav li{flex:0 0 auto}
  .site-nav a{display:flex;align-items:center;font-size:14px;line-height:1.75;white-space:nowrap;min-height:40px;padding-block:5px}
  .page-hero,.hero{padding-top:0}
  .page-header,.hero-inner{padding-top:128px}
}

/* Rain chart: fade only the chart edge, never the source caption */
@media(width < 700px){
.rain-figure{mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent),linear-gradient(#000,#000);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent),linear-gradient(#000,#000);mask-size:100% calc(100% - 7rem),100% 7rem;-webkit-mask-size:100% calc(100% - 7rem),100% 7rem;mask-position:top,bottom;-webkit-mask-position:top,bottom;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
}
/* Mobile: one-row header, nav scrolls sideways inside it */
@media screen and (width < 900px){
.header-inner{flex-direction:row;flex-wrap:nowrap;align-items:center;min-height:64px;padding-block:4px;gap:12px}
.brand{flex-shrink:0}
.site-nav{flex:1 1 0;width:auto}
.site-nav ul{gap:16px;width:max-content}
.site-nav a{min-height:44px;padding-block:0}
.site-nav a:focus-visible{outline-offset:-3px}
html{scroll-padding-top:80px}
.page-header,.hero-inner{padding-top:96px}
}