:root{--paper:#f7f8f7;--paper-2:#eceef0;--ink:#15181c;--ink-2:#464c53;--ink-3:#7c838b;--rule:#15181c29;--rule-soft:#15181c14;--sea:#eaeef1;--land:#d8dde2;--land-africa:#f2b53f;--africa-thread:#965a146b;--graticule:#15181c1a;--sphere:#15181c47;--ov-bg:#f7f8f7e6;--forced:#c81d25;--labour:#1b6fc4;--flight:#f2a007;--settlement:#12a066;--display:"Newsreader", Georgia, serif;--body:"Spectral", Georgia, "Times New Roman", serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--measure:64ch;--gutter:clamp(1rem, 4vw, 3rem);--kente:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='10'%3E%3Crect width='56' height='10' fill='%2317130d'/%3E%3Crect width='8' height='10' fill='%23f2a007'/%3E%3Crect x='8' width='8' height='10' fill='%23c81d25'/%3E%3Crect x='16' width='8' height='10' fill='%2312a066'/%3E%3Crect x='24' width='4' height='10' fill='%23f7f8f7'/%3E%3Crect x='28' width='8' height='10' fill='%231b6fc4'/%3E%3Crect x='36' width='8' height='10' fill='%23f2a007'/%3E%3Crect x='44' width='8' height='10' fill='%23c81d25'/%3E%3C/svg%3E")}:root[data-theme=dark]{--paper:#0f1216;--paper-2:#171b20;--ink:#eef1f4;--ink-2:#b6bdc4;--ink-3:#7c848c;--rule:#eef1f42e;--rule-soft:#eef1f417;--sea:#0f1216;--land:#242b32;--land-africa:#6f5518;--africa-thread:#f6cd804d;--graticule:#eef1f41f;--sphere:#eef1f442;--ov-bg:#0f1216e6;--forced:#e8564e;--labour:#4e9be0;--flight:#f6b53a;--settlement:#35b98a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6;transition:background .35s,color .35s}main{padding:0 var(--gutter) 3rem}.eyebrow,.era-head__span,.panel__kind,.stats__label,.legend__label,.timeline__seg-span,.timeline__tick,.footer__head,.map-tip{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.patternband{border-bottom:1.5px solid var(--ink);background:url(/patterns/african.jpg) 0 0/auto 42px repeat-x;width:100%;height:42px}.patternband--bottom{border-bottom:none;border-top:1.5px solid var(--ink)}.topbar{padding:1.1rem var(--gutter);flex-wrap:wrap;align-items:flex-end;gap:1.5rem 2rem;display:flex}.topbar__brand{flex:0 auto}.eyebrow{color:var(--ink-3);margin:0 0 .2rem}.topbar__title{font-family:var(--display);letter-spacing:-.02em;max-width:18ch;margin:0;font-size:clamp(1.5rem,3.6vw,2.6rem);font-weight:600;line-height:.98}.topbar__lead{min-width:260px;max-width:62ch;color:var(--ink-2);flex:340px;margin:0;font-size:clamp(.9rem,1.4vw,1.02rem);line-height:1.45}.topbar .theme-toggle{flex:none;margin-left:auto}.theme-toggle{border:1.5px solid var(--ink);color:var(--ink);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.68rem;display:inline-flex}.theme-toggle:hover{background:var(--ink);color:var(--paper)}.theme-toggle__dot{background:var(--flight);border-radius:50%;width:9px;height:9px}.timeline{padding:0}.timeline__track{border:1.5px solid var(--ink);width:100%;height:60px;display:flex}.timeline__seg{background:var(--paper-2);border:none;border-right:1.5px solid var(--ink);min-width:0;color:var(--ink-2);cursor:pointer;text-align:left;align-items:center;gap:.45rem;padding:.5rem .5rem .4rem;transition:min-width .28s,flex-grow .28s,background .2s,color .2s;display:flex;position:relative;overflow:hidden}.timeline__seg.is-current{min-width:210px}.timeline__seg:hover:not(.is-current){min-width:150px}.timeline__seg:last-child{border-right:none}.timeline__seg:before{content:"";background:var(--seg-c,var(--ink-3));opacity:.9;height:5px;position:absolute;inset:0 0 auto}.timeline__seg:first-child{--seg-c:var(--forced)}.timeline__seg:nth-child(2){--seg-c:var(--flight)}.timeline__seg:nth-child(3){--seg-c:var(--settlement)}.timeline__seg:nth-child(4){--seg-c:var(--labour)}.timeline__seg:nth-child(5){--seg-c:var(--forced)}.timeline__seg:nth-child(6){--seg-c:var(--settlement)}.timeline__seg:hover{background:var(--land);color:var(--ink)}.timeline__seg.is-current{background:var(--ink);color:var(--paper)}.timeline__seg.is-current .timeline__seg-span,.timeline__seg.is-current .timeline__seg-num{color:var(--paper)}.timeline__seg.is-current .timeline__seg-span{opacity:.7}.timeline__seg-num{font-family:var(--display);color:var(--ink-3);flex:none;font-size:1.25rem;font-weight:600;line-height:1}.timeline__seg-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.timeline__seg-name{font-family:var(--body);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;line-height:1.1;overflow:hidden}.timeline__seg-span{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;letter-spacing:.08em;font-size:.6rem}.timeline__seg:before{height:4px;top:0}.timeline__scale{height:1rem;margin-top:.3rem;position:relative}.timeline__tick{color:var(--ink-3);font-size:.62rem;position:absolute;transform:translate(-50%)}.timeline__tick:first-child{transform:translate(0)}.timeline__tick:last-child{transform:translate(-100%)}.era-head__span{color:var(--ink-3);margin:0 0 .35rem}.era-head__title{font-family:var(--display);letter-spacing:-.015em;margin:0 0 .55rem;font-size:1.5rem;font-weight:600;line-height:1.05}.era-head__intro{color:var(--ink-2);margin:0 0 .9rem;font-size:.92rem}.stats{border-top:3px solid #0000;border-image:var(--kente) 3 repeat;gap:.7rem;margin:0;padding-top:.85rem;display:grid}.stats__value{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .2rem;font-size:1.35rem;font-weight:600;line-height:1}.stats__label{color:var(--ink-3);letter-spacing:.04em;margin:0;font-size:.62rem;line-height:1.35}.map-frame{background:var(--sea);border:1.5px solid var(--ink);width:100%;height:clamp(560px,82vh,1060px);position:relative;overflow:hidden}#map{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ov{z-index:2;background:var(--ov-bg);border:1.5px solid var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.9rem 1rem;position:absolute}.ov--era{width:min(340px,44%);max-height:calc(100% - 150px);top:14px;left:14px;overflow-y:auto}.ov--legend{padding:.55rem .65rem;top:14px;right:14px}.ov--panel{width:min(320px,46%);max-height:calc(100% - 300px);top:190px;right:14px;overflow-y:auto}.ov--controls{padding:.7rem .85rem;bottom:14px;left:14px;right:14px}.map-frame [hidden]{display:none}.map-note{color:var(--ink-3);max-width:70ch;margin:.8rem auto 0;font-size:.8rem;line-height:1.5}.map-tip{z-index:3;pointer-events:none;background:var(--ink);color:var(--paper);border-left:4px solid var(--tip-c,var(--flight));white-space:nowrap;letter-spacing:.08em;text-overflow:ellipsis;max-width:60%;padding:.4rem .6rem;position:absolute;overflow:hidden}.map-tip[data-kind=forced]{--tip-c:var(--forced)}.map-tip[data-kind=labour]{--tip-c:var(--labour)}.map-tip[data-kind=flight]{--tip-c:var(--flight)}.map-tip[data-kind=settlement]{--tip-c:var(--settlement)}.sphere{fill:none;stroke:var(--sphere);stroke-width:1.2px}.graticule{fill:none;stroke:var(--graticule);stroke-width:.6px}.land{fill:var(--land);stroke:var(--sea);stroke-width:.4px}.land--africa{fill:url(#africa-weave);stroke:var(--africa-thread);stroke-width:.5px}.dest__area{fill:var(--dc);fill-opacity:.34;stroke:var(--dc);stroke-width:1.4px;pointer-events:none}.dest--forced{--dc:var(--forced)}.dest--labour{--dc:var(--labour)}.dest--flight{--dc:var(--flight)}.dest--settlement{--dc:var(--settlement)}.route__line{fill:none;stroke:var(--c);stroke-linecap:round;stroke-dasharray:5 6;opacity:.85;animation:2.6s linear infinite drift}.route__hit{fill:none;stroke:#0000;cursor:pointer}.route__dot{fill:var(--c);stroke:var(--paper);stroke-width:.9px}.route__ring{fill:none;stroke:var(--c);stroke-width:1.6px;opacity:0;transform-box:fill-box;transform-origin:50%}.route--forced{--c:var(--forced)}.route--labour{--c:var(--labour)}.route--flight{--c:var(--flight)}.route--settlement{--c:var(--settlement)}.routes:hover .route:not(.is-hover){opacity:.28}.route{transition:opacity .18s}.route.is-hover .route__line{opacity:1;stroke-dasharray:none}.route.is-hover .route__dot--to{r:5}.route.is-selected .route__line{stroke-dasharray:none;opacity:1;animation:none;stroke-width:3.6px!important}.route.is-selected .route__ring{animation:1.8s ease-out infinite pulse}.route.is-selected .route__dot--to{r:5}.route--enter{animation:.55s both route-in}@keyframes drift{to{stroke-dashoffset:-22px}}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes route-in{0%{opacity:0}to{opacity:1}}.legend{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.legend__item{border:1.5px solid var(--rule);width:100%;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.5rem;padding:.32rem .6rem;transition:border-color .15s,background .15s;display:inline-flex}.legend__item:hover{border-color:var(--sw)}.legend__swatch{background:var(--sw);border:1.5px solid var(--ink);border-radius:50%;width:15px;height:15px}.legend__item--forced{--sw:var(--forced)}.legend__item--labour{--sw:var(--labour)}.legend__item--flight{--sw:var(--flight)}.legend__item--settlement{--sw:var(--settlement)}.legend__item[aria-pressed=true]{border-color:var(--sw)}.legend__item[aria-pressed=false]{opacity:.4}.legend__item[aria-pressed=false] .legend__swatch{background:0 0}.panel__kind{color:var(--c,var(--ink-2));margin:0 0 .5rem}.panel__body--forced{--c:var(--forced)}.panel__body--labour{--c:var(--labour)}.panel__body--flight{--c:var(--flight)}.panel__body--settlement{--c:var(--settlement)}.panel__body{border-left:4px solid var(--c,var(--rule));margin-left:-.1rem;padding-left:1rem}.panel__name{font-family:var(--display);margin:0 0 .8rem;font-size:1.4rem;font-weight:600;line-height:1.1}.panel__detail{color:var(--ink-2);margin:0 0 1.2rem;font-size:.98rem}.panel__meta{grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0 0 1.2rem;display:grid}.panel__meta dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:.68rem}.panel__meta dd{margin:0;font-size:.9rem}.panel__clear{border:1.5px solid var(--rule);color:var(--ink-2);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;padding:.5rem .8rem;font-size:.68rem}.panel__clear:hover{border-color:var(--ink);color:var(--ink)}.footer{max-width:1300px;padding:2.4rem var(--gutter) 4rem;grid-template-columns:1fr 1fr;gap:2.5rem;margin:0 auto;display:grid}.footer__head{color:var(--ink-3);margin:0 0 1rem}.footer__sources{columns:2;column-gap:2rem;margin:0;padding:0;list-style:none}.footer__sources li{break-inside:avoid;margin:0 0 .6rem}.footer__sources a{color:var(--ink-2);border-bottom:1px solid var(--rule);font-size:.9rem;text-decoration:none}.footer__sources a:hover{color:var(--ink);border-color:var(--ink)}.footer__caveat{color:var(--ink-2);max-width:52ch;margin:0;font-size:.95rem}:where(button,a,[tabindex]):focus-visible{outline:3px solid var(--flight);outline-offset:2px}@media (width<=900px) and (width>=761px){.map-frame{height:78vh}.ov{padding:.7rem .8rem}.ov--era{width:min(300px,62%);max-height:calc(100% - 168px)}.ov--panel{width:auto;max-height:42%;inset:auto 14px 92px}.footer{grid-template-columns:1fr}.footer__sources{columns:1}}@media (width<=760px){body{font-size:16px}.topbar{padding:.9rem var(--gutter) 1rem;flex-direction:column;align-items:flex-start;gap:.5rem;position:relative}.topbar__brand{flex:none;padding-right:5rem}.topbar__title{font-size:clamp(1.5rem,7vw,2rem)}.topbar__lead{flex:none;min-width:0;font-size:.92rem}.topbar .theme-toggle{top:.9rem;right:var(--gutter);margin:0;position:absolute}main{padding:0 0 2rem}.map-frame{border-left:none;border-right:none;flex-direction:column;height:auto;display:flex;overflow:visible}#map{border-bottom:1.5px solid var(--ink);order:1;width:100%;height:56vh;position:static}.map-tip{display:none}.ov{border:none;border-bottom:1.5px solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper);width:auto;max-width:none;max-height:none;padding:1rem var(--gutter);position:static;inset:auto}.ov--controls{padding:.55rem var(--gutter);order:0}.ov--legend{order:2}.ov--era{order:3}.ov--panel{order:4}.map-frame>.ov:last-of-type,.map-frame .panel:not([hidden]):last-child{border-bottom:none}.timeline__track{-webkit-overflow-scrolling:touch;scrollbar-width:none;height:52px;overflow-x:auto}.timeline__track::-webkit-scrollbar{display:none}.timeline__seg{flex:none;width:128px!important;min-width:128px!important}.timeline__seg.is-current{width:168px!important;min-width:168px!important}.timeline__seg:hover:not(.is-current){min-width:128px}.legend{flex-flow:wrap;gap:.4rem}.legend__item{width:auto}.era-head__title{font-size:1.4rem}.stats{grid-template-columns:1fr 1fr;gap:.9rem 1.2rem}.map-note{padding:.8rem var(--gutter) 0}.footer{padding:2rem var(--gutter) 3rem;grid-template-columns:1fr;gap:1.5rem}.footer__sources{columns:1}.patternband,.patternband--bottom{background-size:auto 30px;height:30px}}@media (prefers-reduced-motion:reduce){.route__line,.route--enter,.route.is-selected .route__ring{animation:none}html{scroll-behavior:auto}body{transition:none}}