:root{--ink:#173b3d;--deep:#0e2b2e;--paper:#f5f0e6;--coral:#e56d4f;--sun:#e5b449;--teal:#7db8a6;--line:rgba(23,59,61,.2);--mono:'DM Mono',monospace;--display:'Fraunces',serif;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}button,select{font:inherit;color:inherit}button{cursor:pointer}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(245,240,230,.94);backdrop-filter:blur(12px);z-index:5}.wordmark{font:500 12px var(--mono);letter-spacing:.12em;color:var(--ink);text-decoration:none}.wordmark span,.header-mark span{color:var(--coral)}.main-nav{display:flex;gap:30px}.nav-link{border:0;background:none;padding:8px 0;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.1em;opacity:.55;position:relative}.nav-link.active,.nav-link:hover{opacity:1}.nav-link.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--coral)}.header-mark{font:500 11px var(--mono);letter-spacing:.12em}.tab-panel{display:none;max-width:1400px;margin:auto;padding:70px 5vw 110px;animation:rise .55s ease both}.tab-panel.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.kicker,.story-number,.control-label{font:500 11px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--coral)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;min-height:570px;align-items:center;gap:6vw}.hero-copy h1,.page-intro h2,.story-header h2{font:600 clamp(4rem,9vw,8.2rem)/.88 var(--display);letter-spacing:-.04em;margin:20px 0 30px}.hero-copy h1 em,.page-intro h2 em,.story-header h2 em,h3 em{color:var(--coral);font-style:italic}.hero-deck{font-size:17px;max-width:420px;margin-bottom:34px}.text-button{border:0;border-bottom:1px solid var(--ink);background:none;padding:0 0 7px;font-weight:700}.text-button span{color:var(--coral);margin-left:14px}.hero-art{height:530px;background:#a7d0be;position:relative;overflow:hidden;border-radius:48% 48% 3px 3px}.sun-disc{position:absolute;background:var(--sun);width:210px;height:210px;border-radius:50%;top:60px;right:14%;opacity:.92}.hero-art:before{content:'';position:absolute;inset:45% 0 0;background:#55958b;clip-path:polygon(0 11%,12% 4%,23% 14%,36% 5%,50% 17%,67% 5%,82% 16%,100% 4%,100% 100%,0 100%)}.otter-shape{position:absolute;width:270px;height:105px;border-radius:52% 52% 45% 45%;background:#4c443d;left:26%;top:47%;transform:rotate(-8deg);box-shadow:inset -12px -14px 0 #393531}.otter-head{position:absolute;width:92px;height:85px;border-radius:50%;background:#514942;left:-44px;top:-25px}.otter-head:after{content:'';position:absolute;background:#252524;width:16px;height:12px;border-radius:50%;top:28px;left:13px}.otter-body:after{content:'';position:absolute;width:25px;height:45px;background:#514942;border-radius:50%;right:-25px;top:52px;transform:rotate(-35deg)}.otter-paw{position:absolute;width:40px;height:18px;border-radius:50%;background:#6d6257;left:40px;top:78px;transform:rotate(20deg)}.kelp{position:absolute;bottom:-40px;width:20px;border-radius:50%;border-left:7px solid #246d62;height:250px;z-index:2;transform-origin:bottom}.kelp-one{left:12%;transform:rotate(10deg)}.kelp-two{left:76%;height:330px;transform:rotate(-13deg)}.kelp-three{left:88%;height:220px;transform:rotate(17deg)}.art-caption{position:absolute;z-index:3;bottom:22px;left:24px;color:#e9f2d7;font:500 11px var(--mono);letter-spacing:.12em}.art-caption span{opacity:.65}.observation-section{margin-top:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading h2{font:600 clamp(2.8rem,5vw,5rem)/.95 var(--display);letter-spacing:-.04em;margin:16px 0 0}.section-heading h2 em{font-style:italic;color:var(--coral)}.section-note{max-width:360px;margin:0}.map-card{background:var(--deep);color:#e3ecdc;padding:18px;position:relative}.map-topline,.map-footer{font:11px var(--mono);display:flex;justify-content:space-between;letter-spacing:.04em}.map-topline{color:#a6c9b7}.map-key i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);margin-right:6px}.map-key b{margin:0 6px;color:var(--coral)}canvas{display:block;width:100%;height:430px}.map-label{position:absolute;color:#8ab7a7;font:10px var(--mono);letter-spacing:.12em}.label-california{left:30%;bottom:22%}.label-alaska{left:6%;top:32%}.map-footer{color:#7fa99d;margin-top:8px}.teaser-row{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px;padding:20px 0;gap:30px}.teaser-row span{font:11px var(--mono);color:var(--coral)}.teaser-row p{margin:0;font:500 21px var(--display);flex:1}.circle-button{border:1px solid var(--ink);width:38px;height:38px;border-radius:50%;background:none}.page-intro{max-width:720px;margin-bottom:70px}.page-intro h2{font-size:clamp(4rem,8vw,7rem)}.page-intro>p:last-child{max-width:420px;font-size:17px}.explore-layout{display:grid;grid-template-columns:240px 1fr;gap:45px}.controls{border-top:2px solid var(--ink);padding-top:18px}.controls label{font-size:12px;font-weight:700;display:block;margin:23px 0 8px}.controls select{width:100%;border:1px solid var(--line);background:transparent;padding:12px;border-radius:0}.control-rule{height:1px;background:var(--line);margin:32px 0 20px}.control-help{font-size:12px}.stat-stack{display:flex;gap:22px;margin-top:35px}.stat-stack div{display:flex;flex-direction:column}.stat-stack strong{font:500 28px var(--display)}.stat-stack span{font:10px var(--mono);text-transform:uppercase;color:var(--coral)}.explore-map-wrap{background:#dce5cf;position:relative}.explore-map-wrap canvas{height:550px}.legend{display:flex;gap:18px;flex-wrap:wrap;font:11px var(--mono);margin-top:15px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.winter{background:#2d6870}.spring{background:#e5b449}.summer{background:#e56d4f}.fall{background:#b65b48}.story-header{max-width:860px}.story-header h2{font-size:clamp(4rem,8vw,7rem)}.story-lede{font-size:20px;max-width:560px}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:start;margin-top:55px}.story-image{position:relative}.story-image img{width:100%;height:510px;object-fit:cover;filter:saturate(.8)}.story-image span{position:absolute;bottom:18px;left:18px;color:#fff;font:10px var(--mono);letter-spacing:.12em}.story-copy p:not(.story-number),.closing-story p:last-child,.chart-copy p:last-child{font-size:16px;max-width:450px}.story-copy .story-number:not(:first-child){margin-top:42px}.chart-block{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw;align-items:center;margin-top:100px;border-top:1px solid var(--line);padding-top:55px}.chart-copy h3,.closing-story h3{font:600 42px/1.02 var(--display);margin:20px 0}.bar-chart{height:310px;display:flex;align-items:end;justify-content:space-around;gap:20px;border-bottom:1px solid var(--ink);padding:0 10px}.bar-group{height:100%;display:flex;align-items:end;gap:5px;flex:1}.bar{flex:1;min-width:8px;background:var(--teal);position:relative}.bar:nth-child(2){background:var(--sun)}.bar:nth-child(3){background:var(--coral)}.bar:nth-child(4){background:#b65b48}.bar:before{content:attr(data-value);position:absolute;top:-20px;font:10px var(--mono)}.bar-label{font:10px var(--mono);position:absolute;bottom:-25px}.closing-story{margin:115px auto 0;max-width:650px;text-align:center}.closing-story p:last-child{margin:0 auto}.sources-intro{margin-bottom:45px}.source-list{border-top:2px solid var(--ink)}.source-list a{display:grid;grid-template-columns:55px 1fr 30px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.source-list a>span,.source-list a>b{font:11px var(--mono);color:var(--coral)}.source-list strong{font:500 22px var(--display)}.source-list p{margin:5px 0 0;font-size:13px}.source-list b{font-size:20px}.credit-note{font:11px var(--mono);max-width:520px;margin-top:35px}footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.1em}.hero-art,.map-card,.explore-map-wrap,.story-image{box-shadow:10px 10px 0 rgba(23,59,61,.08)}
@media(max-width:750px){.site-header{padding:0 22px}.main-nav{gap:13px}.main-nav .nav-link{font-size:9px}.header-mark{display:none}.tab-panel{padding:45px 22px 75px}.hero-grid,.story-grid,.chart-block,.explore-layout{grid-template-columns:1fr;gap:35px}.hero-grid{min-height:0}.hero-copy h1{font-size:clamp(4rem,19vw,7rem)}.hero-art{height:380px}.sun-disc{width:140px;height:140px}.observation-section{margin-top:70px}.section-heading{display:block}.section-note{margin-top:25px}.map-card canvas{height:330px}.teaser-row p{font-size:17px}.page-intro h2,.story-header h2{font-size:clamp(4rem,18vw,7rem)}.explore-map-wrap canvas{height:390px}.story-image img{height:360px}.chart-block{margin-top:75px}.bar-chart{height:240px}.source-list a{grid-template-columns:35px 1fr 20px}.source-list strong{font-size:19px}footer{padding:20px 22px;display:block}footer span{display:block;margin:5px 0}.story-lede{font-size:17px}}