:root{--bg:#0c0f14;--bg-2:#0f141b;--bg-soft:#141a23;--ink:#ecebe4;--ink-dim:#a7a79a;--ink-mute:#6a6c63;--rule:#242a33;--quiet:#3fa7b8;--moderate:#f4c430;--loud:#e8833a;--danger:#d6423e;--serif:"DM Serif Display", Georgia, serif;--sans:"Figtree", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;margin:0;padding:0}body{overflow-x:hidden}a{color:inherit}::selection{background:var(--danger);color:#fff}.wrap{max-width:1200px;margin:0 auto;padding:0 40px}section{padding:140px 0;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:12px;font-size:11px;display:inline-flex}.eyebrow:before{content:"";background:var(--ink-mute);width:28px;height:1px}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:400}h2{margin:18px 0 28px;font-size:clamp(40px,5.4vw,76px);line-height:1.02}h3{font-size:28px;line-height:1.15}p{color:var(--ink-dim);max-width:62ch;font-size:17px;line-height:1.65}em{color:var(--ink);font-style:italic}.lede{color:var(--ink);max-width:32ch;font-size:clamp(20px,1.8vw,24px);line-height:1.5}.mono{font-family:var(--mono)}.progress{z-index:54;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#ffffff0a;height:6px;position:fixed;top:60px;left:0;right:0}.progress>i{background-image:linear-gradient(90deg, var(--quiet), var(--moderate), var(--loud), var(--danger));background-position:0;background-repeat:no-repeat;background-size:100vw 100%;width:0%;height:100%;transition:width 80ms linear;display:block}.nav{z-index:55;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);background:#0c0f14b8;justify-content:space-between;align-items:center;padding:22px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav .brand{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--ink);align-items:center;font-size:11px;display:flex}.nav .dot{background:var(--danger);border-radius:50%;width:8px;height:8px;margin-right:10px;animation:1.6s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 0 60px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;display:grid}.hero h1{font-family:var(--serif);letter-spacing:-.03em;margin:24px 0 0;font-size:clamp(80px,12vw,200px);font-weight:400;line-height:.88}.hero h1 em{color:var(--danger);font-style:italic;display:block}.hero .meta{flex-wrap:wrap;gap:36px;margin-top:60px;display:flex}.hero .meta .item{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-size:11px}.hero .meta .item b{font-family:var(--serif);color:var(--ink);letter-spacing:0;text-transform:none;margin-top:6px;font-size:22px;font-weight:400;display:block}.wave{pointer-events:none;opacity:.28;justify-content:center;align-items:center;height:40vh;display:flex;position:absolute;inset:auto 0 28%}.wave svg{width:130%;height:100%}.hero-divider{background:linear-gradient(90deg, transparent, var(--rule) 12%, var(--rule) 88%, transparent);height:1px;position:absolute;bottom:0;left:40px;right:40px}.concept{border-top:1px solid var(--rule)}.concept-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:120px;display:grid}.db-scale{flex-direction:column;gap:2px;margin-top:30px;display:flex}.db-row{border-bottom:1px dashed var(--rule);font-family:var(--mono);grid-template-columns:80px 1fr auto;align-items:center;gap:16px;padding:14px 0;font-size:13px;display:grid}.db-row b{color:var(--ink);font-weight:500}.db-row .bar{background:var(--rule);border-radius:2px;height:4px;position:relative;overflow:hidden}.db-row .bar i{border-radius:2px;height:100%;display:block}.db-row .tag{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.causes{background:var(--bg-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.causes-grid{border-left:1px solid var(--rule);grid-template-columns:repeat(5,1fr);gap:0;margin-top:60px;display:grid}.cause{border-right:1px solid var(--rule);flex-direction:column;justify-content:space-between;min-height:340px;padding:36px 28px;transition:background .3s;display:flex}.cause:hover{background:#d6423e0a}.cause .db{font-family:var(--serif);color:var(--ink);font-size:54px;line-height:1}.cause .db small{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.1em;margin-left:4px;font-size:13px}.cause h4{font-family:var(--serif);margin:18px 0 10px;font-size:22px}.cause p{color:var(--ink-dim);margin:0;font-size:14px}.cause .ico{width:40px;height:40px;color:var(--ink-dim);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.cause .ico svg{width:100%;height:100%}.cities-table{font-family:var(--mono);margin-top:60px;font-size:14px}.city-row{border-bottom:1px solid var(--rule);grid-template-columns:50px 1.2fr 2fr 90px;align-items:center;gap:20px;padding:18px 0;transition:all .3s;display:grid}.city-row:hover{padding-left:10px}.city-row .rank{color:var(--ink-mute);font-size:13px}.city-row .name{font-family:var(--serif);color:var(--ink);font-size:22px}.city-row .bar{background:var(--rule);border-radius:3px;height:6px;position:relative;overflow:hidden}.city-row .bar i{transform-origin:0;border-radius:3px;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);display:block;transform:scaleX(0)}.city-row.vis .bar i{transform:scaleX(var(--pct))}.city-row .val{color:var(--ink);text-align:right;font-size:18px}.city-row.highlight .name{color:var(--danger)}.city-row.highlight{background:linear-gradient(90deg,#d6423e14,#0000);margin-left:-16px;padding-left:16px}.map-section{background:#0a0d12}.map-wrap{border:1px solid var(--rule);background:#0f141b;border-radius:2px;margin-top:50px;position:relative;overflow:hidden}.map-svg{aspect-ratio:16/10;width:100%;display:block}.map-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--rule);background:#0c0f14e0;border-radius:2px;max-width:260px;padding:20px 22px;position:absolute;top:24px;left:24px}.map-legend h5{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 14px;font-size:10px;font-weight:500}.legend-row{font-family:var(--mono);color:var(--ink-dim);align-items:center;gap:10px;margin:6px 0;font-size:12px;display:flex}.legend-row .sw{opacity:.85;border:1px solid;border-radius:50%;width:14px;height:14px}.map-hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--rule);font-family:var(--mono);color:var(--ink-dim);background:#0c0f14e0;border-radius:2px;min-width:220px;padding:18px 20px;font-size:12px;position:absolute;bottom:24px;right:24px}.map-hud b{font-family:var(--serif);color:var(--ink);margin-top:4px;font-size:28px;font-weight:400;display:block}.map-hud .sub{color:var(--ink-mute);letter-spacing:.18em;text-transform:uppercase;margin-top:6px;font-size:10px}@keyframes pulseRing{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.period{border-top:1px solid var(--rule)}.period-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px;display:grid}.period-card{border:1px solid var(--rule);background:var(--bg-2);padding:36px 32px;transition:all .4s;position:relative;overflow:hidden}.period-card:before{content:"";background:linear-gradient(180deg, transparent 40%, var(--_c) 200%);opacity:.18;pointer-events:none;position:absolute;inset:0}.period-card:hover{border-color:var(--_c);transform:translateY(-4px)}.period-card .icon{width:56px;height:56px;color:var(--_c);margin-bottom:30px}.period-card .label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);font-size:11px}.period-card .time{font-family:var(--mono);color:var(--ink-dim);margin-top:4px;font-size:13px}.period-card h3{font-family:var(--serif);margin:10px 0 18px;font-size:34px}.period-card .big{font-family:var(--serif);color:var(--_c);margin:30px 0 8px;font-size:68px;line-height:1}.period-card .big small{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.1em;margin-left:4px;font-size:14px}.period-card .delta{font-family:var(--mono);color:var(--ink-dim);margin-top:12px;font-size:13px}.period-card p{margin:16px 0 0;font-size:14px}.timeline{border-top:1px solid var(--rule);margin-top:80px;padding-top:50px;position:relative}.timeline-row{grid-template-columns:120px 1fr;align-items:center;gap:30px;display:grid}.timeline-track{border:1px solid var(--rule);background:linear-gradient(90deg,#0f141b,#141a23,#0f141b);border-radius:2px;height:70px;position:relative;overflow:hidden}.timeline-hours{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.1em;justify-content:space-between;padding:0 2px;font-size:10px;display:flex;position:absolute;inset:auto 0 -24px}.timeline-bars{align-items:flex-end;gap:1px;padding:6px 2px;display:flex;position:absolute;inset:0}.timeline-bars i{border-radius:1px;flex:1;min-height:6%}.timeline-caption{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);text-align:right;font-size:11px}.consequences{background:var(--bg-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.conseq-grid{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(2,1fr);gap:0;margin-top:60px;display:grid}.conseq{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:280px;padding:48px 40px}.conseq .num{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.2em;font-size:12px}.conseq .huge{font-family:var(--serif);color:var(--ink);letter-spacing:-.02em;margin:12px 0 4px;font-size:84px;line-height:.95}.conseq .huge em{color:var(--danger);font-style:italic}.conseq .unit{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;font-size:12px}.conseq p{max-width:46ch;margin:0;font-size:15px}.solutions-grid{background:var(--rule);grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px;display:grid}.sol{background:var(--bg);min-height:220px;padding:36px 32px;transition:background .3s;position:relative}.sol .n{font-family:var(--mono);color:var(--quiet);letter-spacing:.2em;font-size:11px}.sol h4{font-family:var(--serif);margin:14px 0 12px;font-size:22px;line-height:1.2}.sol p{color:var(--ink-dim);margin:0;font-size:14px}.sol .who{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);border:1px solid var(--rule);border-radius:999px;margin-top:16px;padding:3px 8px;font-size:10px;display:inline-block}.closer{text-align:center;border-top:1px solid var(--rule);padding:180px 0 140px}.closer h2{max-width:12ch;margin:30px auto 40px;font-size:clamp(56px,8vw,120px)}.closer h2 em{color:var(--danger)}footer{border-top:1px solid var(--rule);font-family:var(--mono);color:var(--ink-mute);letter-spacing:.15em;text-transform:uppercase;padding:40px 0;font-size:11px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.data-toggle{border:1px solid var(--rule);border-radius:6px;margin-bottom:40px;display:inline-flex;overflow:hidden}.data-toggle button{color:var(--ink-mute);font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:9px 18px;font-size:11px;transition:background .15s,color .15s}.data-toggle button+button{border-left:1px solid var(--rule)}.data-toggle button.active{background:var(--bg-soft);color:var(--ink)}.data-toggle button:hover:not(.active){color:var(--ink-dim)}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(24px)}.reveal.vis{opacity:1;transform:none}@media (width<=900px){.wrap{padding:0 24px}section{padding:90px 0}.hero-grid,.concept-grid{grid-template-columns:1fr;gap:40px}.causes-grid{grid-template-columns:repeat(2,1fr)}.conseq-grid,.period-grid,.solutions-grid{grid-template-columns:1fr}.progress{top:58px}}