:root{--ink: #0c2433;--deep: #041826;--navy: #072433;--cream: #f4f1ea;--paper: #ece7dc;--ice: #e4eeea;--teal: #1d7f8c;--foam: #8fd4d0;--coral: #c45c4c;--sand: #e7c27a;--muted: #4e646c;--line: #c3d0ce;--white: #fbfaf6;--serif: "Fraunces", "Times New Roman", serif;--sans: "Source Sans 3", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color:var(--ink);background:var(--cream);font-family:var(--sans);font-size:18px;line-height:1.5}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}img,iframe,svg{max-width:100%}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:.96}h1{font-size:clamp(3.2rem,9vw,8.2rem)}h2{font-size:clamp(2.3rem,5.6vw,5.4rem)}em{font-style:italic;font-weight:500}a{color:inherit}.skip{position:absolute;left:-999px;top:0;background:var(--sand);color:var(--deep);padding:.6rem 1rem;z-index:40}.skip:focus{left:1rem;top:1rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.eyebrow{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:1.25rem}.section,.hero,.conclusion{scroll-margin-top:72px}.section{padding:7.5rem clamp(1.4rem,7vw,7rem)}.section-head{max-width:42rem}.section-head p:not(.eyebrow),.chart-caption,.note{margin-top:1.6rem;color:var(--muted);font-size:1.12rem;max-width:36rem}.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal-on-scroll.shown{opacity:1;transform:none}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:0 clamp(1.2rem,4.5vw,4rem);color:var(--white);background:var(--deep);font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.nav.scrolled{border-bottom:1px solid #1c4454}.brand{text-decoration:none;font-weight:500}.brand span{color:var(--foam)}.nav nav{display:flex;gap:1.4rem}.nav nav a{text-decoration:none;opacity:.78;padding-bottom:.15rem;border-bottom:1px solid transparent}.nav nav a:hover,.nav nav a:focus-visible,.nav nav a.active{opacity:1;border-bottom-color:var(--foam)}.menu{display:none;border:0;background:none;color:inherit;font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.hero{position:relative;min-height:calc(100svh - 64px);padding:12vh clamp(1.4rem,8vw,8rem) 8vh;background:var(--deep);color:var(--cream);overflow:hidden}.hero-sea{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.waves{position:absolute;left:0;right:0;bottom:-2%;width:100%;height:46%}.wave{fill:#0c4a5c;opacity:.45}.wave-b{fill:#0a3a4c;opacity:.55;animation-delay:-4s}.wave-c{fill:#083040;opacity:.8;animation-delay:-8s}.wave{animation:drift 18s ease-in-out infinite}.particles span{position:absolute;width:3px;height:3px;border-radius:50%;background:#c9ece8;opacity:.35;animation:rise 11s linear infinite;animation-delay:calc(var(--i) * -.7s)}.particles span:nth-child(odd){left:calc(8% + var(--i) * 5%);top:22%}.particles span:nth-child(2n){left:calc(4% + var(--i) * 5.2%);top:48%}.particles span:nth-child(3n){top:64%}.hero-copy{position:relative;z-index:1;max-width:54rem}.hero .eyebrow{color:var(--foam)}.lede{margin-top:2rem;max-width:38rem;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.4;color:#d5e4e3}.intro{margin-top:1.4rem;max-width:36rem;color:#9fb4b6;font-size:1.05rem}.scroll-cue{display:inline-flex;gap:.8rem;margin-top:3rem;text-decoration:none;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--white)}.scroll-cue:focus-visible{outline:2px solid var(--foam);outline-offset:4px}@keyframes drift{50%{transform:translate(-3%)}}@keyframes rise{0%{transform:translateY(20px);opacity:0}20%{opacity:.4}to{transform:translateY(-70px);opacity:0}}.groups{background:var(--ice)}.group-grid{margin-top:4rem;display:grid;grid-template-columns:1.35fr .85fr;gap:2rem;align-items:stretch}.pacific-map{background:#0a3348;padding:.7rem .7rem .85rem;min-width:0}.pacific-map-frame{position:relative;overflow:hidden}.pacific-map svg{display:block;width:100%;height:auto}.map-ocean{fill:#0a3348}.map-graticule{fill:none;stroke:#2a6274;stroke-width:.8;stroke-dasharray:5 7;opacity:.45}.map-grid-label{fill:#7aa3ad;font-size:13px;font-family:var(--mono);letter-spacing:.06em;pointer-events:none}.map-context{fill:#164556;stroke:#1e5a6c;stroke-width:.7;transition:opacity .2s ease}.map-context.recede{opacity:.38}.map-context-label{fill:#6d919a;font-size:13px;font-family:var(--sans);letter-spacing:.04em;pointer-events:none;transition:opacity .2s ease}.map-context-label.recede{opacity:.35}.map-country{cursor:pointer;outline:none;transition:opacity .2s ease}.map-country .map-hit{fill:transparent;stroke:none}.map-country .map-land,.map-country .map-dot{stroke:#041826;stroke-width:.7}.map-country.central .map-land,.map-country.central .map-dot{fill:#3eb0c2}.map-country.southern .map-land,.map-country.southern .map-dot{fill:#e07a68}.map-country .map-name{fill:#edf4f3;font-size:17px;font-family:var(--sans);font-weight:600;pointer-events:none;opacity:0;transition:opacity .18s ease}.map-country.active .map-name{opacity:1}.map-country.mate .map-name{opacity:.62}.map-country.idle .map-name{opacity:.82}.map-country.dim{opacity:.28}.map-country.mate .map-land,.map-country.mate .map-dot{opacity:.88}.map-country.active .map-dot{stroke:#fff;stroke-width:1.4}.map-country.active .map-land{stroke:#fff8;stroke-width:1.1}.map-country:focus-visible .map-dot{stroke:#fff;stroke-width:1.6}.map-tooltip{position:absolute;transform:translate(12px,14px);min-width:11rem;max-width:16rem;padding:.55rem .7rem .6rem;background:#041826;color:#edf4f3;border:1px solid #2d6d82;pointer-events:none;z-index:2}.map-tooltip strong{display:block;font-family:var(--serif);font-size:1.05rem;font-weight:500;letter-spacing:-.03em}.map-tooltip span{display:block;margin-top:.15rem;color:#8fd4d0;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.pacific-map figcaption{color:#9fc0c4;font-size:.82rem;padding:.85rem .45rem .15rem}.map-legend-title{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8fd4d0;margin-bottom:.55rem}.map-legend ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.map-legend li{display:grid;grid-template-columns:.7rem 1fr;column-gap:.55rem;align-items:start;color:#d5e6e6}.map-legend em{grid-column:2;font-style:normal;color:#8aa8ae;font-size:.78rem}.swatch{width:.7rem;height:.7rem;margin-top:.28rem;border-radius:1px}.swatch.central{background:#3eb0c2}.swatch.southern{background:#e07a68}.map-note{margin-top:.75rem}.group-list{display:grid;gap:1rem}.group-card{padding:2rem 1.8rem;border-left:5px solid}.group-card.central{background:#d7eef0;border-color:var(--teal)}.group-card.southern{background:#f3e1d6;border-color:var(--coral)}.group-card h3{font-family:var(--serif);font-size:clamp(1.4rem,2vw,2rem);line-height:1.15;letter-spacing:-.03em}.dark{background:var(--navy);color:var(--cream)}.chart-title{max-width:50rem;margin-bottom:3rem}.chart-frame{margin:0 auto;max-width:72rem;background:var(--white);border:1px solid #d7ddd8}.chart-frame iframe,.chart-frame img{display:block;width:100%;border:0}.chart-frame iframe{height:560px}.chart-frame img{height:auto;max-height:620px;object-fit:contain;background:#fff}.embed-note{margin:0;padding:.75rem 1rem;font-family:var(--mono);font-size:.72rem;color:#54666c;background:#f7f6f1}.placeholder-inner{display:grid;place-content:center;text-align:center;padding:3rem 1.5rem;background:repeating-linear-gradient(-12deg,#eef3f1,#eef3f1 12px,#e6eeeb 12px,#e6eeeb 13px);color:var(--ink)}.placeholder-kicker{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.placeholder-title{font-family:var(--serif);font-size:1.6rem;margin:.6rem 0}.placeholder-hint{color:var(--muted);font-size:.95rem}.chart-caption{margin:1.8rem auto 0;text-align:center;color:#c5d4d3}.enso{display:grid;grid-template-columns:.85fr 1.15fr;gap:4vw;align-items:center;background:var(--cream)}.enso .subtitle{margin-top:.8rem;font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}.enso .chart-frame{margin:0}.reveal{background:#08293c;color:var(--white)}.reveal-heading{margin-bottom:3.5rem;max-width:52rem}.reveal .eyebrow{color:var(--foam)}.correlation-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.correlation{padding:2.4rem 2rem 2rem}.southern-rel{background:#8a3a3d}.central-rel{background:#0e6678}.correlation h3{font-weight:500;font-size:1.05rem;letter-spacing:.01em}.r-value{margin:2.4rem 0 .4rem;font-family:var(--serif);font-size:clamp(3.4rem,7vw,6.6rem);line-height:.85;letter-spacing:-.06em}.relation{font-size:1.05rem;color:#f3e6d6}.small-chart{margin-top:2.2rem;border:0}.small-chart iframe{height:340px}.small-chart .embed-note{display:none}.detrend{background:var(--paper)}.note{font-size:1rem;border-left:3px solid var(--teal);padding-left:.9rem}.process{list-style:none;margin:4rem 0;padding:1.8rem 0;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.process li{font-family:var(--serif);font-size:1.15rem;line-height:1.25}.process span{display:block;font-family:var(--mono);font-size:.72rem;color:var(--teal);margin-bottom:.5rem}.trend-grid{display:grid;grid-template-columns:1fr 1fr;max-width:46rem;gap:.8rem}.trend-grid article{padding:1.4rem 1.3rem;background:#dfeae3}.trend-grid article:last-child{background:#d5e6ea}.trend-grid p,.trend-grid span{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.trend-grid strong{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(2rem,3.6vw,3.4rem);letter-spacing:-.05em;margin:.4rem 0}.trend-grid small{font-family:var(--sans);font-size:.38em;letter-spacing:0}.explorer{background:var(--ink);color:var(--cream)}.explorer .section-head p:not(.eyebrow){color:#b7c9c9}.year-layout{margin-top:3.5rem;display:grid;grid-template-columns:.85fr 1.15fr;border-top:1px solid #4d6870;border-bottom:1px solid #4d6870}.year-readout{padding:2rem 2.5rem 2rem 0;border-right:1px solid #4d6870}.year-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#9cb5b5}.year-label span{margin-left:.7rem;color:var(--sand)}.year-num{font-family:var(--serif);font-size:clamp(5rem,11vw,9.5rem);line-height:.85;letter-spacing:-.07em}.values{margin-top:2.2rem}.values div{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.55rem 0;border-bottom:1px solid #35515a;font-size:.92rem;color:#c4d4d2}.values dt{display:flex;gap:.55rem;align-items:center}.values dd{margin:0;font-family:var(--mono);color:#fff}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.dot.south{background:var(--coral)}.dot.central{background:#3eb0c2}.dot.warm{background:var(--sand)}.dot.cool{background:#7ec8d7}.dot.oni{background:var(--sand)}.year-chart{padding:1.6rem 0 1.4rem 2rem}.year-chart svg{width:100%;height:auto;display:block}.year-chart .zero{stroke:#4d6870;stroke-width:1}.year-chart .line{fill:none;stroke-width:2}.year-chart .line.south{stroke:#e07a68}.year-chart .line.central{stroke:#4ec3d2}.year-chart .line.oni{stroke:#e7c27a;stroke-dasharray:5 4;stroke-width:1.5}.year-chart .hit{fill:transparent;cursor:pointer}.year-chart .hit:focus-visible{outline:2px solid var(--foam)}.year-chart .guide{stroke:#fff5;stroke-width:1}.year-chart .mark.south{fill:#e07a68}.year-chart .mark.central{fill:#4ec3d2}.year-chart .mark.oni{fill:#e7c27a}.year-chart .axis{fill:#8aa3a6;font-size:11px;font-family:var(--mono)}.year-chart .axis.end{text-anchor:end}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem 1.4rem;margin:.8rem 0 1rem;font-size:.8rem;color:#b7c9c9}.chart-legend span{display:inline-flex;gap:.4rem;align-items:center}.slider-wrap input{width:100%;accent-color:#74d4d0;cursor:pointer}.year-jumps{display:flex;gap:.6rem;margin-top:.9rem}.year-jumps button{border:1px solid #7aa3a6;background:transparent;color:var(--sand);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;padding:.4rem .7rem;cursor:pointer}.year-jumps button.active,.year-jumps button:hover,.year-jumps button:focus-visible{background:#bd7146;color:#fff;border-color:#bd7146}.conclusion{background:#9fd0cb;color:#073044;padding:10rem clamp(1.4rem,12vw,12rem)}.conclusion .eyebrow{color:#0d5a66}.conclusion h2{max-width:58rem}.conclusion p:not(.eyebrow){margin-top:2rem;max-width:44rem;font-size:clamp(1.08rem,1.8vw,1.42rem);line-height:1.45}.methodology{background:var(--cream)}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.method-grid ul{margin:0;padding-left:1.15rem}.method-grid li{margin-bottom:.7rem}.sources{margin-top:2.4rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.8}.sources span{color:var(--muted);text-transform:none;letter-spacing:0}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem clamp(1.2rem,4vw,4rem);background:var(--deep);color:#b1c9c9;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}@media(max-width:900px){.nav nav{display:none;position:absolute;top:64px;right:0;left:0;flex-direction:column;gap:0;background:var(--deep);padding:.6rem 1.2rem 1.2rem}.nav nav.open{display:flex}.nav nav a{padding:.7rem 0;border-bottom:1px solid #1c4454}.menu{display:block}.map-country.idle .map-name{opacity:0}.map-legend li{font-size:.9rem}.group-grid,.enso,.correlation-grid,.year-layout,.method-grid,.process,.trend-grid{grid-template-columns:1fr}.year-readout{border-right:0;border-bottom:1px solid #4d6870;padding:1.6rem 0}.year-chart{padding:1.4rem 0 1.2rem}.chart-frame iframe{height:420px}.conclusion{padding:7rem 7vw}}@media(max-width:520px){h1{font-size:3rem}.section{padding:5.2rem 1.25rem}.chart-frame iframe{height:340px}.process{gap:1.4rem}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-scroll{opacity:1;transform:none;transition:none}.wave,.particles span{animation:none}}