@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap";:root{--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #06070a;--ink: #eef1f5;--muted: #9aa3b2;--gold: #e8c547;--panel: rgba(12, 13, 16, .9);--accent: var(--gold)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}img{-webkit-user-drag:none;-khtml-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#scene-container{position:fixed;inset:0;z-index:0}.maplibregl-ctrl-attrib,.maplibregl-ctrl-logo{display:none!important}#time-cover{position:fixed;inset:0;z-index:6;display:flex;align-items:flex-end;background:#000}#time-cover picture{position:absolute;inset:0;display:block}#time-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#time-cover .cover-text{position:relative;z-index:2;padding:7vh 7vw 12vh;max-width:900px;width:100%;background:linear-gradient(transparent,#0405078c 28%,#040507f5)}.cover-kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-weight:700;text-shadow:0 1px 12px rgba(0,0,0,.7)}.cover-title{font-family:var(--serif);font-size:clamp(38px,6.6vw,82px);line-height:1.02;margin:0 0 12px;font-weight:400;text-shadow:0 2px 20px rgba(0,0,0,.6)}.cover-sub{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#e7ebf1;text-shadow:0 1px 12px rgba(0,0,0,.7)}.cover-intro{font-size:clamp(15px,1.7vw,18px);line-height:1.55;color:#e3e8f0;max-width:48ch;margin-top:18px}#back-link{position:fixed;top:18px;left:20px;z-index:12;display:flex;gap:7px;align-items:center;text-decoration:none;color:var(--ink);font-size:13px;font-weight:600;background:#08090c8c;border:1px solid rgba(255,255,255,.18);padding:7px 13px;border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#back-link:hover{border-color:#fff;background:#08090ccc}#back-link{transition:opacity .25s ease}.uw-quiet{opacity:.25!important;transition:opacity .25s ease}#back-link.uw-quiet:hover,#back-link.uw-quiet:focus-visible{opacity:1!important}.back-arrow{line-height:1}#header{position:fixed;top:22px;right:20px;z-index:8;pointer-events:none;text-align:right}.site-title{font-family:var(--serif);font-size:34px;margin:0;font-weight:400}.site-subtitle{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px}#scroll-progress-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:14;background:#ffffff14}#scroll-progress{height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .1s linear}#chapter-rail{position:absolute;inset:0;pointer-events:none}.chapter-tick{position:absolute;top:0;transform:translate(-50%);width:20px;height:14px;padding:0;margin:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-appearance:none;appearance:none}.chapter-tick-mark{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:6px;background:#ffffff8c;transition:height .16s ease,background .16s ease}.chapter-tick:hover .chapter-tick-mark,.chapter-tick:focus-visible .chapter-tick-mark,.chapter-tick.active .chapter-tick-mark{background:var(--accent);height:10px}.chapter-tick:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.chapter-tick-label{position:absolute;top:15px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;letter-spacing:.02em;color:var(--ink);background:var(--panel);border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:5px 9px;max-width:34vw;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .15s ease;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chapter-tick:hover .chapter-tick-label,.chapter-tick:focus-visible .chapter-tick-label{opacity:1}.chapter-tick.edge-left .chapter-tick-label{left:0;transform:none}.chapter-tick.edge-right .chapter-tick-label{left:auto;right:0;transform:none}@media(hover:none){.chapter-tick-label{display:none}}body.uw-embed #back-link,body.uw-embed #header,body.uw-embed .uw-build{display:none!important}body.uw-embed .chapter{min-height:130vh}#loader{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);transition:opacity 1s ease}#loader.fade-out{opacity:0;pointer-events:none}.loader-title{font-family:var(--serif);font-size:34px;margin-bottom:8px}.loader-sub{font-size:13px;color:var(--muted);max-width:420px;text-align:center;line-height:1.55}.loader-actions{display:flex;gap:14px;align-items:center;margin-top:18px}.loader-actions button,.loader-actions a{font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:none;border:1px solid currentColor;border-radius:4px;padding:7px 12px;cursor:pointer;text-decoration:none}.loader-actions a{border-color:#ffffff2e;color:var(--muted)}#story-notice{position:fixed;top:0;left:0;right:0;z-index:19;padding:10px 18px;background:#0a0b0ff2;border-bottom:1px solid #2a313c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#c3cbd7;font-size:12.5px;line-height:1.45;text-align:center}body.has-story-notice #back-link{top:56px}body.story-degraded.has-story-notice{padding-top:44px}body.has-story-notice #scroll-progress-track{top:42px}body.story-degraded #scene-container,body.story-degraded #legend,body.story-degraded #chapter-rail,body.story-degraded #scroll-progress-track,body.story-degraded #tooltip{display:none!important}body.story-degraded #time-cover{position:relative;inset:auto;z-index:1;opacity:1!important;display:flex!important;min-height:62vh;max-height:88vh;overflow:hidden}body.story-degraded #time-cover picture{position:absolute}body.story-degraded #header{position:static;opacity:1!important;margin:26px 0 0 6vw}body.story-degraded #back-link{position:absolute}body.story-degraded .chapter{min-height:0;padding:30px 6vw;align-items:flex-start;justify-content:center}body.story-degraded .chapter-card{max-width:560px;width:100%}body.story-degraded .chapter:empty{display:none}body.story-degraded .chapter-card{opacity:1;transform:none;transition:none}body.story-degraded #credit{position:static;background:none;padding:26px 16px 40px;opacity:1}#legend{position:fixed;bottom:30px;right:20px;z-index:9;background:var(--panel);border:1px solid #2a313c;border-radius:10px;padding:11px 13px;width:230px;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#legend.legend-faded{pointer-events:none}.legend-title{font-size:11px;font-weight:700;color:#dfe5ee;margin-bottom:7px}.legend-bar{height:9px;border-radius:5px;background:#ffffff40}.legend-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:4px}#scroll-runway{position:relative;z-index:5}.chapter{min-height:200vh;display:flex;align-items:center;padding:0 6vw}.chapter-card{max-width:430px;background:var(--panel);border:1px solid #2a313c;border-left:3px solid var(--accent);border-radius:12px;padding:24px 26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;box-shadow:0 18px 50px #00000080}.chapter-card.visible{opacity:1;transform:none}.chapter-number{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:700;margin-bottom:9px}.chapter-title{font-family:var(--serif);font-size:33px;line-height:1.06;margin:0 0 12px;font-weight:400}.chapter-text{font-size:15.5px;line-height:1.62;color:#d4dae3;margin:0}.chapter-photo{margin:16px 0 0}.chapter-photo picture{display:block}.chapter-photo img{width:100%;height:auto;border-radius:8px;display:block}.chapter-photo img:not([width]){aspect-ratio:3 / 2;object-fit:cover}.chapter-photo figcaption{font-size:10.5px;color:var(--muted);margin-top:6px;line-height:1.4}.chapter-photo--wide{width:min(680px,calc(94vw - 49px));max-width:none}.chapter-links{margin-top:14px;display:flex;flex-direction:column;gap:8px}.chapter-links a:not([class]),.chapter-links a.tp-link{font-size:12.5px;color:var(--accent);text-decoration:none;border:1px solid rgba(255,255,255,.22);border-radius:7px;padding:8px 11px;display:flex;justify-content:space-between;gap:12px}.chapter-links a.tp-link{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.chapter-links a:not([class]):hover,.chapter-links a.tp-link:hover{border-color:var(--accent);background:#ffffff0f}.chapter-cta{display:inline-block;margin-top:18px;color:#06070a;background:var(--accent);font-weight:700;font-size:14px;text-decoration:none;padding:11px 18px;border-radius:9px}.chapter-cta:hover{background:#fff}#story-end{position:fixed;left:0;right:0;bottom:0;z-index:18;display:flex;justify-content:center;padding:0 20px calc(max(26px,env(safe-area-inset-bottom,0px) + 14px) + var(--story-end-offset, 0px));pointer-events:none;visibility:hidden;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}#story-end.visible{visibility:visible;opacity:1;transform:none;transition-delay:0s}#story-end:focus,#story-end:focus-visible{outline:none}.story-end-inner{pointer-events:auto;width:100%;max-width:560px;background:var(--panel);border:1px solid #2a313c;border-radius:14px;padding:20px 24px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 22px 60px #0000008c}.story-end-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}.story-end-title{font-family:var(--serif);font-size:30px;line-height:1.06;font-weight:400;margin:8px 0 16px}.story-end-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.story-end-home{display:inline-block;background:var(--accent);color:#06070a;font-weight:700;font-size:14px;text-decoration:none;padding:11px 18px;border-radius:9px}.story-end-home:hover{background:#fff}.story-end-next{font-size:13.5px;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:2px}.story-end-next:hover{color:var(--accent);border-bottom-color:var(--accent)}.story-end-next-title{white-space:normal}.story-end-next-title span{white-space:nowrap}.story-end-chips{display:flex;gap:8px;margin-top:16px}.story-end-chip{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:transparent;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:8px 12px;cursor:pointer;transition:color .15s ease,border-color .15s ease;text-align:center}.story-end-chip[data-act=link]{min-width:96px}.story-end-chip[data-act=cite]{min-width:74px}.story-end-chip:hover{color:var(--accent);border-color:var(--accent)}.story-end-chip:focus-visible{color:var(--accent);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.story-end-chip.copied{color:var(--accent);border-color:var(--accent)}.story-end-home:focus-visible,.story-end-next:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body:not(.story-degraded):has(#story-end.visible) #credit,body:not(.story-degraded):has(#story-end.visible) .uw-build{opacity:0}body:not(.story-degraded):has(#story-end.visible) #legend{opacity:0!important;pointer-events:none}.story-end-aside{opacity:0!important;pointer-events:none!important;transition:opacity .4s ease}.chapter-cta.story-end-aside{display:none}body.story-degraded #story-end{position:static;padding:8px 6vw 60px;transform:none;transition:none}body.story-degraded .story-end-inner{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}@media(prefers-reduced-motion:reduce){#story-end{transition:visibility 0s;transform:none}#story-end.visible{transform:none}}#credit{position:fixed;bottom:0;left:0;right:0;z-index:7;font-size:10.5px;color:var(--muted);padding:8px 16px;background:linear-gradient(transparent,#040507d9);text-align:center;pointer-events:none;transition:opacity .5s ease}body.uw-past-opening:not(.story-degraded) #credit.uw-credit-bar:not(:focus-within){opacity:0}body.uw-past-opening:not(.story-degraded) #credit.uw-credit-bar a{pointer-events:none}.uw-swipe-hint{display:none}@media(max-width:600px)and (hover:none)and (pointer:coarse){.uw-swipe-hint{display:flex;position:fixed;left:50%;z-index:16;transform:translate(-50%);bottom:calc(var(--uw-swipe-floor, max(var(--uw-credit-h, 0px), env(safe-area-inset-bottom, 0px))) + 10px);pointer-events:none;transition:opacity .35s ease}#time-cover .cover-text{padding-bottom:max(12vh,var(--uw-opening-foot, 0px))}}.uw-swipe-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;border-radius:999px;background:#0c0d109e;border:1px solid rgba(232,197,71,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 26px #00000059;font-family:var(--sans);font-size:10.5px;line-height:1;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#eef1f5;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .8s ease .2s,transform .8s ease .2s}.uw-swipe-hint.is-in .uw-swipe-chip{opacity:1;transform:none}.uw-swipe-chev{color:#e8c547;display:block;animation:uw-swipe-bob 2.4s ease-in-out infinite}@keyframes uw-swipe-bob{0%,to{transform:translateY(1.5px);opacity:.65}50%{transform:translateY(-2px);opacity:1}}body.story-degraded .uw-swipe-hint{display:none}@media(prefers-reduced-motion:reduce){#credit,.uw-swipe-hint{transition:none}.uw-swipe-chip{transform:none;transition:none}.uw-swipe-chev{animation:none}}.source-chip{display:inline-flex;align-items:center;gap:.3em;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:2px 7px;margin:0 .15em;cursor:pointer;vertical-align:baseline;line-height:1.3;transition:color .15s ease,border-color .15s ease}.source-chip:hover,.source-chip:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.source-popover{position:absolute;z-index:30;max-width:260px;background:var(--panel);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:12px 14px;box-shadow:0 18px 50px #0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--sans)}.source-popover .sp-name{font-size:13px;color:var(--ink);font-weight:600;line-height:1.35;margin-bottom:4px}.source-popover .sp-year{font-size:11px;color:var(--muted);margin-bottom:9px}.source-popover .sp-link{font-size:12px;color:var(--accent);text-decoration:none;font-weight:600}.source-popover .sp-link:hover{text-decoration:underline}@media(max-width:700px){.chapter-photo--wide{width:100%;max-width:none}}@media(max-width:700px){.story-end-inner{padding:17px 18px 15px}.story-end-title{font-size:25px}.story-end-actions{flex-direction:column;align-items:stretch;gap:12px}.story-end-home{text-align:center}.story-end-next{text-align:left;align-self:flex-start;color:var(--accent);border-bottom-color:var(--accent)}}@media(max-width:600px){.chapter{padding:0 5vw}.chapter-card{max-width:none}#header{display:none}.back-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#legend:not(:where([data-legend-static])){display:flex;align-items:center;gap:8px;inset:14px 12px auto auto;width:auto;max-width:calc(100vw - 84px);padding:6px 11px 6px 9px;border-radius:999px;z-index:13;cursor:pointer}#legend:not(:where([data-legend-static])) .legend-title{order:2;margin:0;font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#legend:not(:where([data-legend-static])) .legend-bar{order:1;width:34px;flex:none;height:7px}#legend:not(:where([data-legend-static]))>*:not(.legend-title):not(.legend-bar){display:none}#legend.legend-open{flex-direction:column;align-items:stretch;gap:0;width:min(78vw,280px);max-width:none;padding:11px 13px;border-radius:12px}#legend.legend-open .legend-title{order:0;white-space:normal;margin-bottom:7px}#legend.legend-open .legend-bar{order:1;width:100%;height:9px}#legend.legend-open>*:not(.legend-title):not(.legend-bar){display:block;order:3}#legend.legend-open>.legend-labels:not(.legend-title):not(.legend-bar){display:flex;order:2}#legend:focus-visible{outline:1px solid var(--accent);outline-offset:2px}body.story-degraded #legend{display:none!important}}:root{--accent: #d4844a}.legend-bar{background:linear-gradient(to right,#3c6482,#a0af69,#ffdc5a)}#header{z-index:4}.chapter-photo--wide figcaption{max-width:374px}#legend{left:auto;right:20px}.legend-note{font-size:9.5px;line-height:1.35;color:var(--muted);margin-top:6px}#tooltip{position:fixed;z-index:25;background:var(--panel);border:1px solid #2a313c;border-radius:10px;padding:14px 16px;pointer-events:none;min-width:180px;font-size:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .15s ease}#tooltip.hidden{opacity:0}.tip-title{font-family:var(--serif);font-size:16px;color:var(--ink);margin-bottom:8px}.tip-row{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04)}.tip-label{color:var(--muted);font-weight:400}.tip-value{color:var(--ink);font-weight:500}.tip-mismatch{margin-top:6px;padding-top:6px;border-top:1px solid #2a313c;display:flex;justify-content:space-between;align-items:center}.tip-mismatch-label{font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tip-mismatch-value{font-family:var(--serif);font-size:20px;font-weight:400}@media(max-width:600px){#tooltip{display:none}}.tip-note{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);font-size:9px;line-height:1.4;color:var(--muted)}#year-stamp{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:14;font-family:var(--serif);font-size:58px;line-height:1;letter-spacing:.01em;color:#ffffff29;pointer-events:none;transition:opacity .4s ease;font-variant-numeric:tabular-nums}#chapter-rail{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:14px}.rail-dot{position:relative;width:18px;height:18px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer}.rail-hit{width:7px;height:7px;border-radius:50%;background:#ffffff38;transition:background .25s ease,transform .25s ease}.rail-dot:hover .rail-hit{background:#ffffff80;transform:scale(1.25)}.rail-dot.active .rail-hit{background:var(--accent)}.rail-dot:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:50%}.rail-tip{position:absolute;left:22px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:10.5px;letter-spacing:.04em;color:var(--ink);background:var(--panel);border:1px solid #2a313c;border-radius:6px;padding:4px 8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.rail-dot:hover .rail-tip,.rail-dot:focus-visible .rail-tip{opacity:1}body.embed #back-link,body.embed #header,body.embed #credit,body.embed .uw-build{display:none!important}body.embed #chapter-rail{left:12px}#legend-mobile{display:none;position:fixed;left:14px;right:14px;bottom:42px;z-index:9;padding:6px 9px;background:var(--panel);border:1px solid #2a313c;border-radius:8px;font-size:9.5px;line-height:1.3;color:var(--muted);pointer-events:none;transition:opacity .4s ease}#legend-mobile .lm-bar{height:3px;border-radius:2px;margin:4px 0 3px;background:linear-gradient(to right,#26384e,#5c6068,#9e805c,#e2a868)}#legend-mobile .lm-ends{display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:700px){#chapter-rail{display:none}#year-stamp{font-size:28px;inset:auto auto 96px 14px;transform:none;color:#ffffff4d}#legend-mobile{display:block}#credit{font-size:9px}#credit span{display:none}#credit:after{content:"Surface: GHSL P2023A, JRC ·Population: UN WUP 2025, Lagos State ·Photographs: Johnny Miller / Unequal Scenes"}}.tip-epoch{font-family:var(--sans, inherit);font-size:10px;letter-spacing:.06em;color:var(--muted)}#loader.loader-failed .loader-sub{color:#d98a6a}.site-kicker{color:var(--accent);margin-top:0;margin-bottom:6px}.site-location{margin-top:5px}