@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Poppins:wght@300;400;500;600&display=swap";:root{--deep: #082A38;--ocean: #176B87;--teal: #5BA6A6;--cream: #F3EFE4;--sand: #D8C9AD;--coral: #DC7356;--storm: #69757A;--ink: #14191B;--paper: #F3EFE4;--serif: "Instrument Serif", "Iowan Old Style", "Times New Roman", serif;--sans: "Poppins", Arial, sans-serif;--gutter: clamp(22px, 5vw, 84px);--max: 1380px;--hairline: rgba(20, 25, 27, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;overflow-x:hidden}::selection{background:var(--teal);color:var(--deep)}a{color:inherit}button,select,input{font:inherit}svg{display:block;max-width:100%}.progress-edge{position:fixed;z-index:100;top:0;right:0;width:2px;height:100vh;background:var(--coral);transform-origin:top;transform:scaleY(0);animation:progress linear;animation-timeline:scroll(root)}@keyframes progress{to{transform:scaleY(1)}}.hero{position:relative;height:100svh;min-height:680px;overflow:hidden;background:radial-gradient(circle at 50% 120%,rgba(91,166,166,.22),transparent 44%),var(--deep);color:var(--cream);isolation:isolate}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:linear-gradient(rgba(243,239,228,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,228,.08) 1px,transparent 1px);background-size:8vw 8vw;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 72%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 72%,transparent)}.hero-map{position:absolute;width:min(1100px,86vw);left:7vw;top:11vh;color:var(--sand);opacity:.46}.hero-copy{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);bottom:18vh}.hero-title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(78px,13.3vw,220px);line-height:.75;letter-spacing:-.055em}.hero-title span{display:block;overflow:hidden}.hero-title span:last-child{margin-left:13vw}.hero-subtitle{margin:40px 0 0 14vw;max-width:620px;font-family:var(--serif);font-size:clamp(26px,3.2vw,54px);line-height:1;color:var(--sand)}.hero-horizon{position:absolute;z-index:1;bottom:0;width:100%;height:20vh;overflow:hidden}.hero-wave{position:absolute;width:125%;left:-12%;border-radius:48% 52% 0 0/15% 15% 0 0}.wave-a{height:100%;top:30%;background:#176b8773;transform:rotate(-1deg)}.wave-b{height:75%;top:52%;background:#5ba6a638;transform:rotate(1.4deg)}.hero-scroll{position:absolute;z-index:3;right:var(--gutter);bottom:44px;display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f3efe4a8}.hero-scroll svg{width:14px;height:28px;fill:none;stroke:currentColor;stroke-width:1.4}.chapter-nav{position:fixed;z-index:80;top:50%;right:20px;transform:translateY(-50%);display:grid;gap:12px;mix-blend-mode:difference;color:#fff}.chapter-nav a{display:flex;justify-content:flex-end;align-items:center;gap:8px;text-decoration:none;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.chapter-dot{order:2;display:block;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;transition:all .3s ease}.chapter-label{opacity:0;transform:translate(5px);transition:all .3s ease}.chapter-nav a:hover .chapter-label,.chapter-nav a.active .chapter-label{opacity:.7;transform:none}.chapter-nav a.active .chapter-dot{background:currentColor;transform:scale(1.5)}.section-pad,.section-frame{width:min(var(--max),calc(100% - var(--gutter) * 2));margin-inline:auto}.section-pad{padding-block:clamp(90px,12vw,180px)}.intro-sequence{height:210vh;background:var(--deep);color:var(--cream);position:relative}.intro-sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}.intro-sticky>p{position:absolute;z-index:2;max-width:900px;margin:0;padding:0 var(--gutter);font-family:var(--serif);font-size:clamp(44px,6vw,104px);line-height:.95;text-align:center}.intro-water{position:absolute;top:58%;right:0;bottom:-10%;left:0;background:linear-gradient(to bottom,var(--ocean),#061E28 72%);transition:transform .1s linear}.intro-water:before{content:"";position:absolute;left:-5%;top:-14px;width:110%;height:28px;border-radius:50%;border-top:1px solid rgba(243,239,228,.55);background:#5ba6a629}.plaque{min-height:70vh;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:5vw}.plaque-rule{height:1px;background:var(--ink);opacity:.4}.eyeline{margin:0 0 14px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--storm)}.plaque h2,.credits-heading h2,.singapore-note h2,.footer h2{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(48px,6vw,92px);line-height:.95}.plaque-meta{border-left:1px solid var(--hairline);padding-left:26px;color:var(--storm)}.plaque-meta p{margin:5px 0}.story-section{position:relative}.story-section:not(.sea-level-story):not(.people-story):not(.loss-story){padding-block:clamp(100px,15vw,220px)}.sea-level-story,.people-story,.loss-story{height:250vh}.sticky-stage{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding-block:70px;overflow:hidden}.dark-stage,.emissions-story{background:var(--deep);color:var(--cream)}.dark-stage .eyeline,.emissions-story .eyeline{color:var(--sand)}.tone-dark{color:var(--cream)}.section-heading{display:grid;grid-template-columns:72px 1fr;gap:24px;align-items:start;margin-bottom:clamp(44px,6vw,90px)}.section-number{font-family:var(--serif);font-size:26px;color:var(--storm)}.tone-dark .section-number{color:var(--sand);opacity:.6}.section-heading h2{margin:0;max-width:980px;font-family:var(--serif);font-size:clamp(54px,8vw,130px);font-weight:400;line-height:.82;letter-spacing:-.035em}.story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,7vw,110px);align-items:center}.story-copy{max-width:520px}.lead{margin-top:0;font-family:var(--serif);font-size:clamp(28px,3vw,46px);line-height:1.04}.story-copy>p:not(.lead),.split-copy>p:not(.lead),.wide-copy>p:not(.lead){color:var(--storm)}.tone-dark .story-copy>p:not(.lead),.tone-dark .split-copy>p:not(.lead){color:#f3efe49e}.wide-copy{max-width:960px;margin:0 0 70px 96px}.split-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin:0 0 70px 96px;align-items:end}.split-copy .lead{margin:0}.callout-line{margin:34px 0 0;padding-left:24px;border-left:1px solid var(--coral);font-size:14px}.callout-line strong{color:var(--coral);font-weight:500}.stat-pair{display:flex;gap:18px;align-items:end;margin:44px 0 18px}.stat-pair div:not(.stat-arrow){display:grid;gap:4px}.stat-pair span{font-size:10px;letter-spacing:.12em;color:var(--sand)}.stat-pair strong{font-family:var(--serif);font-size:36px;font-weight:400}.stat-arrow{padding-bottom:8px;opacity:.45}.measure-note{font-size:12px}.select-control{display:grid;gap:8px;margin-top:30px}.select-control>span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.65}.select-control select{width:100%;max-width:360px;padding:10px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:inherit;outline:none}.select-control option{background:var(--cream);color:var(--ink)}.dark-stage .select-control select{color-scheme:dark}.sea-scene{position:relative;min-height:430px;border-top:1px solid rgba(243,239,228,.2);overflow:hidden}.sea-scene svg{width:100%;margin-top:10px}.scene-year{position:absolute;top:18px;left:18px;z-index:2;font-family:var(--serif);font-size:clamp(58px,8vw,112px);color:#f3efe42e}.scene-reading{position:absolute;right:18px;top:18px;text-align:right}.scene-reading span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--sand)}.scene-reading strong{display:block;font-family:var(--serif);font-size:34px;font-weight:400}.magnify-note{position:absolute;right:18px;bottom:8px;max-width:300px;font-size:9px;color:#f3efe480;text-align:right}.viz-wrap{position:relative;margin-top:70px}.viz-wrap svg{width:100%;overflow:visible}.viz-kicker{display:flex;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid currentColor;font-size:9px;text-transform:uppercase;letter-spacing:.14em;opacity:.66}.chart-tooltip{position:absolute;z-index:10;transform:translate(-50%);display:grid;gap:2px;min-width:92px;padding:9px 10px;border:1px solid rgba(20,25,27,.14);background:#f3efe4f5;color:var(--ink);pointer-events:none;box-shadow:0 10px 30px #00000014;font-size:10px}.chart-tooltip strong{font-weight:600}.chart-tooltip span{color:var(--storm)}.sst-story{background:linear-gradient(to bottom,var(--cream),#EDE6DA)}.then-now{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:22px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.then-now>div:not(.then-arrow){padding:22px 0}.then-now>div:last-child{text-align:right}.then-now span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--storm)}.then-now strong{font-family:var(--serif);font-size:34px;font-weight:400}.then-arrow{padding:0 28px;color:var(--storm)}.surface-story{background:var(--cream)}.surface-chart{margin-left:96px;width:calc(100% - 96px)}.rain-story{background:#e8e2d7}.rainfall-layout{margin-left:96px}.climate-then-now{position:relative;min-height:340px;display:grid;align-content:center;grid-template-columns:auto 1fr auto;gap:18px;color:var(--storm)}.climate-then-now>span{font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl}.climate-line{grid-column:2;height:1px;background:repeating-linear-gradient(90deg,var(--storm) 0 4px,transparent 4px 10px)}.climate-line.new{height:55px;background:linear-gradient(var(--teal),var(--teal)) 0 8px / 100% 2px no-repeat,linear-gradient(var(--sand),var(--sand)) 0 29px / 100% 2px no-repeat,linear-gradient(var(--coral),var(--coral)) 0 48px / 100% 2px no-repeat;filter:blur(.2px)}.climate-then-now>p{grid-column:2;max-width:480px;font-size:11px}.rain-chart{margin-left:96px;width:calc(100% - 96px)}.life-story{background:#e1e6de}.redlist-chart{margin-left:96px;width:calc(100% - 96px)}.year-control{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;margin-top:18px}.year-control label{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--storm)}.year-control label strong{color:var(--ink)}.year-control input{width:100%;accent-color:var(--coral)}.human-pivot{height:180vh;background:var(--cream);position:relative}.pivot-inner{position:sticky;top:0;height:100vh;display:grid;place-content:center;text-align:center}.pivot-inner>p:first-child{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--storm)}.pivot-word{min-height:130px;font-family:var(--serif);font-size:clamp(72px,12vw,180px);line-height:.9}.pivot-final{opacity:0;transform:translateY(16px);transition:all .5s ease;font-family:var(--serif);font-size:clamp(30px,4vw,60px)}.pivot-final.show{opacity:1;transform:none}.people-story,.people-stage{background:#eee9df}.people-viz{margin-left:96px;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.people-viz svg{width:100%}.people-number span,.loss-counter span{display:block;max-width:320px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--storm)}.people-number strong,.loss-counter strong{display:block;font-family:var(--serif);font-size:clamp(64px,8vw,126px);font-weight:400;line-height:.9;letter-spacing:-.04em}.people-number small,.loss-counter small{color:var(--storm)}.unit-note{font-size:9px;color:var(--storm);max-width:520px}.loss-story{background:#d9d0c2}.loss-viz{margin-left:96px;width:calc(100% - 96px)}.loss-counter{margin-bottom:24px}.loss-counter strong{color:var(--coral)}.emissions-story{padding-block:clamp(100px,15vw,220px)}.emissions-story .split-copy>p:not(.lead),.emissions-story .year-control label{color:#f3efe48f}.emissions-story .year-control label strong{color:var(--cream)}.emissions-chart{margin-left:96px;width:calc(100% - 96px)}.caveat{margin:44px 0 0 96px;max-width:720px;padding-top:18px;border-top:1px solid rgba(243,239,228,.18);color:#f3efe494;font-size:11px}.final-return{min-height:105vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:12vh var(--gutter);background:var(--deep);color:var(--cream)}.final-map{position:absolute;width:1100px;max-width:100%;color:var(--sand);opacity:.18}.final-copy{position:relative;z-index:2;max-width:900px;text-align:center}.final-copy h2{margin:0 0 48px;font-family:var(--serif);font-size:clamp(64px,10vw,150px);font-weight:400;line-height:.78}.final-copy p{margin:12px auto;max-width:600px;color:#f3efe4ad}.final-copy strong{display:block;margin-top:34px;font-family:var(--serif);font-size:clamp(34px,4.5vw,70px);font-weight:400}.final-fragments span{position:absolute;z-index:1;left:calc(7% + (var(--i) * 11%));top:calc(10% + ((var(--i) % 4) * 22%));font-size:8px;letter-spacing:.14em;color:#f3efe433;transform:rotate(calc((var(--i) - 3) * 2deg))}.singapore-note{background:var(--cream)}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.note-grid h2{font-size:clamp(52px,7vw,112px)}.note-grid>div{max-width:620px;padding-top:14px}.note-last{margin-top:34px;padding-top:24px;border-top:1px solid var(--hairline);font-family:var(--serif);font-size:28px}.methodology{background:#e9e3d8}.credits-heading{display:grid;grid-template-columns:1fr 2fr;gap:6vw;align-items:start;margin-bottom:72px}.credits-heading h2{font-size:clamp(54px,8vw,120px)}.method-list{margin-left:33.33%}.method-list details{border-top:1px solid var(--hairline)}.method-list details:last-child{border-bottom:1px solid var(--hairline)}.method-list summary{display:flex;justify-content:space-between;gap:20px;padding:18px 18px 18px 22px;cursor:pointer;font-size:12px;font-weight:500;list-style:none}.method-list summary::-webkit-details-marker{display:none}.method-list summary span{flex:0 0 auto;font-size:20px;font-weight:300;transition:transform .25s ease}.method-list details[open] summary span{transform:rotate(45deg)}.method-list details p{max-width:760px;padding:0 40px 24px 22px;margin:0;color:var(--storm);font-size:12px}.sources-list{margin:90px 0 0 33.33%}.sources-list h3{font-family:var(--serif);font-size:38px;font-weight:400}.sources-list a{display:grid;grid-template-columns:48px 1fr 180px;gap:20px;padding:14px 18px 14px 22px;border-top:1px solid var(--hairline);text-decoration:none;font-size:10px}.sources-list a:last-child{border-bottom:1px solid var(--hairline)}.sources-list a>span{color:var(--storm)}.sources-list a strong{font-weight:500}.sources-list a em{color:var(--storm);font-style:normal;text-align:right}.sources-list a:hover strong{color:var(--ocean)}.tech-stack{background:var(--cream)}.stack-list{margin-left:33.33%}.stack-list>div{display:grid;grid-template-columns:48px 1fr 1.2fr;gap:20px;padding:19px 0;border-top:1px solid var(--hairline);align-items:baseline}.stack-list>div:last-child{border-bottom:1px solid var(--hairline)}.stack-list span{color:var(--storm);font-size:10px}.stack-list strong{font-family:var(--serif);font-size:30px;font-weight:400}.stack-list p{margin:0;color:var(--storm);font-size:11px}.footer{background:var(--deep);color:var(--cream);width:100%;padding-inline:var(--gutter)}.footer>div:first-child{max-width:var(--max);margin:auto}.footer .eyeline{color:var(--sand)}.footer h2{max-width:1000px;font-size:clamp(54px,8vw,118px)}.footer>div:first-child>p:not(.eyeline){color:#f3efe49e;margin:8px 0}.footer-bottom{max-width:var(--max);margin:120px auto 0;padding-top:18px;border-top:1px solid rgba(243,239,228,.18);display:flex;justify-content:space-between;color:#f3efe480;font-size:9px;letter-spacing:.08em}.loading-viz{min-height:280px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--storm)}.loading-viz span{margin-right:12px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.loading-viz i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulse 1.1s ease infinite alternate}.loading-viz i:nth-child(3){animation-delay:.18s}.loading-viz i:nth-child(4){animation-delay:.36s}@keyframes pulse{to{opacity:.15;transform:translateY(-4px)}}.data-error{padding:30px 0;color:var(--coral)}@media (max-width: 900px){:root{--gutter: 22px}.chapter-nav{display:none}.hero{min-height:620px}.hero-map{top:14vh;width:112vw;left:-7vw}.hero-copy{bottom:24vh}.hero-title{font-size:clamp(70px,18vw,132px);line-height:.8}.hero-title span:last-child{margin-left:0}.hero-subtitle{margin:28px 0 0;max-width:80vw}.plaque{grid-template-columns:1fr;min-height:auto;gap:30px}.plaque-rule{width:90px}.plaque-meta{border-left:0;border-top:1px solid var(--hairline);padding:20px 0 0}.section-heading{grid-template-columns:46px 1fr;gap:12px}.section-heading h2{font-size:clamp(52px,13vw,90px)}.story-grid,.split-copy,.note-grid{grid-template-columns:1fr}.wide-copy,.split-copy,.surface-chart,.rainfall-layout,.rain-chart,.redlist-chart,.people-viz,.loss-viz,.emissions-chart,.caveat{margin-left:0;width:100%}.story-copy{max-width:100%}.sea-level-story,.people-story,.loss-story{height:auto}.human-pivot{height:240vh}.sticky-stage{position:relative;min-height:auto;padding-block:110px}.sea-scene{margin-top:30px;min-height:340px}.sea-chart{margin-top:34px}.split-copy{margin-bottom:40px;gap:20px}.people-viz{gap:30px}.people-viz svg{max-height:380px}.credits-heading{grid-template-columns:1fr;gap:18px}.method-list,.sources-list,.stack-list{margin-left:0}.sources-list a{grid-template-columns:38px 1fr}.sources-list a em{grid-column:2;text-align:left}}@media (max-width: 560px){body{font-size:14px}.hero-scroll{left:var(--gutter);right:auto}.hero-title{font-size:18vw}.hero-subtitle{font-size:30px}.section-heading{display:block}.section-number{display:block;margin-bottom:16px}.wide-copy{margin-bottom:44px}.stat-pair{gap:10px}.stat-pair strong{font-size:30px}.then-now{grid-template-columns:1fr}.then-now>div:last-child{text-align:left}.then-arrow{padding:0;transform:rotate(90deg);width:20px}.year-control{grid-template-columns:1fr;gap:10px}.climate-then-now{min-height:260px}.people-number strong,.loss-counter strong{font-size:19vw}.sources-list a{grid-template-columns:32px 1fr}.stack-list>div{grid-template-columns:30px 1fr}.stack-list p{grid-column:2}.footer-bottom{flex-direction:column;gap:8px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.progress-edge{display:none}.hero-current{transform:none!important}}