:root{--ink:#123a46;--ocean:#0c3442;--deep:#082a37;--paper:#e8eee9;--lime:#cce77f;--coral:#ff927a;--sky:#b9d8d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,select,input{font:inherit}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,.marker:focus-visible{outline:3px solid #edaf52;outline-offset:4px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #a8bcb8;font-size:11px;font-weight:700;letter-spacing:.08em}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:30px;line-height:0;transform:rotate(-12deg)}.top-note{font-weight:400;letter-spacing:0;font-size:12px}.intro{min-height:410px;display:flex;justify-content:space-between;align-items:end;padding:74px 8% 68px}.kicker{font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 20px}.kicker span{display:inline-block;width:26px;height:2px;background:var(--ink);vertical-align:middle;margin-right:8px}h1,h2{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:-.035em;line-height:.88;margin:0}h1{font-size:clamp(76px,10vw,150px)}h1 em,h2 em{font-weight:400}.intro-copy{max-width:440px;font-size:17px;line-height:1.55;margin:28px 0 0}.intro-aside{width:180px;font-size:13px;line-height:1.5}.aside-number{font-size:10px;letter-spacing:.12em}.intro-aside a{display:block;border-bottom:1px solid;padding:14px 0;font-weight:700}.intro-aside a span{float:right}.atlas{background:var(--ocean);color:#e3efeb;padding:75px 8% 42px}.atlas-heading,.story-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.atlas-heading h2,.story h2,.closing h2{font-size:clamp(58px,7vw,100px)}.light{color:#a9c7bd}.atlas-heading>p,.story-head>p{width:270px;font-size:14px;line-height:1.6;margin:0}.map-wrap{margin-top:48px;border:1px solid #53727a;background:#0a303e}.map-top,.map-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#a8c2be}.map-wrap svg{display:block;width:100%;height:auto}.graticule{fill:none;stroke:#41616a;stroke-width:.5;opacity:.55}.country{fill:#749b90;stroke:#0a303e;stroke-width:.6}.marker{cursor:pointer}.marker circle.outer{fill:transparent;stroke:currentColor;stroke-width:1;opacity:.5}.marker circle.inner{fill:currentColor;stroke:#0a303e;stroke-width:1.5}.marker:hover circle.outer,.marker.selected circle.outer{stroke-width:2;opacity:1}.map-label{fill:#e4f0eb;font:10px 'DM Sans',sans-serif;pointer-events:none}.legend{display:flex;gap:22px;flex-wrap:wrap}.legend span{white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.sink{background:var(--coral)}.rise{background:var(--lime)}.water{background:#8acbe5}.map-footer{display:flex;justify-content:space-between;gap:20px;margin-top:25px;color:#abc3bd;font-size:12px}.map-footer p{max-width:540px;line-height:1.6;margin:0}.map-footer strong{color:#e3efeb}.map-footer>span{font-size:9px;letter-spacing:.12em;white-space:nowrap}.story{padding:110px 8% 100px}.story-head{margin-bottom:55px}.explorer{display:grid;grid-template-columns:300px 1fr;border-top:1px solid #9db3ad;border-bottom:1px solid #9db3ad}.controls{padding:28px 32px 30px 0}.controls label,.scenario>span{display:block;font-size:11px;font-weight:700;margin-bottom:10px}select{width:100%;border:1px solid #9aafa9;background:transparent;color:var(--ink);padding:13px;font-size:14px}.place-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:700;letter-spacing:.1em;margin-top:30px}.rate{display:flex;align-items:center;gap:14px;margin:12px 0}.rate>span{font-family:'Instrument Serif',serif;font-size:72px;line-height:1}.rate small{font-size:11px;line-height:1.5}.rate b{font-weight:400}.description,.scenario p{font-size:12px;line-height:1.65;color:#506d70}.scenario{margin-top:32px}.toggle{display:flex;border:1px solid #90aaa2}.toggle button{flex:1;border:0;background:transparent;padding:10px;color:var(--ink);cursor:pointer;font-size:12px}.toggle button[aria-pressed=true]{background:var(--ink);color:white}.visual{border-left:1px solid #9db3ad;background:#dce9e1;min-width:0}.visual-head{display:flex;justify-content:space-between;padding:22px 25px 0;font-size:10px;font-weight:700;letter-spacing:.12em}.visual svg{width:100%;display:block}.baseline{stroke:#597d79;stroke-width:1;stroke-dasharray:5 5}.svg-label,.sea-label{font:10px 'DM Sans',sans-serif;letter-spacing:.1em;fill:#4b7474}.skyline{fill:#71998c}.land{fill:#a5c4af}.sea{fill:#2d7c88;opacity:.85}.sea-label{fill:#e2f2e9}.visual-readout{display:flex;justify-content:space-between;gap:10px;padding:18px 25px 25px}.visual-readout span,.visual-readout strong{display:block}.visual-readout span{font-size:9px;letter-spacing:.1em}.visual-readout strong{font-family:'Instrument Serif',serif;font-size:29px;font-weight:400;margin-top:5px}.timeline{padding:32px 0}.time-title,.time-labels{display:flex;justify-content:space-between}.time-title{font-size:13px;font-weight:700}.time-title span{font-family:'Instrument Serif',serif;font-size:33px}input[type=range]{width:100%;accent-color:#153f49;margin:22px 0 12px;cursor:pointer}.time-labels{font-size:10px;font-weight:700;letter-spacing:.08em}.timeline p{font-size:11px;color:#56716e;line-height:1.6}.closing{background:#123d48;color:#e6efe7;padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:50px}.closing>div>p:not(.kicker){max-width:520px;font-size:15px;line-height:1.8;color:#c1d5cd}.sources{display:grid;gap:11px;margin-top:30px;font-size:12px}.sources strong{margin-bottom:5px}.sources a{text-decoration:underline;text-underline-offset:4px}footer{background:#082a37;color:#b6cec5;display:flex;justify-content:space-between;gap:15px;padding:30px 8%;font-size:10px}footer span:first-child{font-weight:700;letter-spacing:.12em}@media(max-width:700px){.topbar{padding:0 5%;height:65px}.top-note{display:none}.intro{padding:65px 6%;min-height:0}.intro-aside{display:none}h1{font-size:76px}.intro-copy{font-size:15px}.atlas,.story,.closing{padding-left:6%;padding-right:6%}.atlas-heading,.story-head{display:block}.atlas-heading>p,.story-head>p{margin-top:20px;width:auto;max-width:350px}.map-wrap{margin-top:30px}.map-top{font-size:8px}.map-bottom{display:block}.map-hint{display:block;margin-top:15px;line-height:1.5}.map-label{display:none}.map-footer>span{display:none}.story{padding-top:75px;padding-bottom:65px}.story-head{margin-bottom:35px}.explorer{grid-template-columns:1fr}.controls{padding:25px 0}.visual{border-left:0;border-top:1px solid #9db3ad}.visual-readout{padding:15px}.visual-readout strong{font-size:24px}.visual-readout span{font-size:8px}.closing{grid-template-columns:1fr;gap:20px;padding-top:70px;padding-bottom:70px}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}