.ch{--night:#0c0a08;--sand:#efe3c8;--sand-2:#efe3c8bd;--sand-3:#efe3c880;--ochre:#e0a35a;--terra:#e0603f;--sea-ink:#9cc7d2;z-index:70;background:var(--night);color:var(--sand);overscroll-behavior:contain;scroll-behavior:auto;color-scheme:dark;outline:none;position:fixed;inset:0;overflow:hidden auto}.ch a{color:inherit}.ch-progress{z-index:6;background:#efe3c814;height:3px;position:fixed;top:0;left:0;right:0}.ch-progress i{background:var(--ochre);width:0;height:100%;display:block}.ch-top{z-index:5;padding:calc(12px + env(safe-area-inset-top,0px)) clamp(14px, 3vw, 30px) 12px;pointer-events:none;background:linear-gradient(#0c0a08e6,#0c0a0800);align-items:center;gap:16px;display:flex;position:fixed;top:0;left:0;right:0}.ch-top>*{pointer-events:auto}.ch-top .brand{line-height:1.05;text-decoration:none;display:grid}.ch-top .brand .l1{font-family:var(--serif);color:var(--sand-3);font-size:14px}.ch-top .brand .l2{font-family:var(--serif);color:var(--ochre);font-size:19px}.ch-top .now{font:600 14.5px/1.3 var(--sans);color:var(--sand-2);text-align:right;max-width:52vw;margin-left:auto}.ch-top .x{background:#efe3c80f;border:1px solid #efe3c847;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;font-size:22px;text-decoration:none;display:grid}.ch-top .x:hover{background:#efe3c824}.ch-rail{z-index:5;gap:6px;display:grid;position:fixed;top:50%;right:clamp(10px,1.6vw,24px);transform:translateY(-50%)}.ch-rail a{justify-content:flex-end;align-items:center;gap:10px;text-decoration:none;display:flex}.ch-rail a i{font:600 10.5px/1 var(--sans);letter-spacing:.06em;color:var(--sand-3);background:#0c0a0880;border:1px solid #efe3c829;border-radius:6px;place-items:center;width:34px;height:22px;font-style:normal;transition:all .2s;display:grid}.ch-rail a span{opacity:0;font:500 12.5px var(--sans);white-space:nowrap;color:var(--sand);background:#0c0a08d1;border-radius:6px;padding:4px 9px;transition:all .2s;transform:translate(6px)}.ch-rail a:hover span,.ch-rail a:focus-visible span{opacity:1;transform:none}.ch-rail a[aria-current=true] i{color:var(--night);background:var(--ochre);border-color:var(--ochre)}.ch-cover{align-items:end;min-height:100dvh;display:grid;position:relative;overflow:hidden}.ch-cover .bg{background-position:50% 40%;background-size:cover;animation:28s ease-in-out infinite alternate ch-slow;position:absolute;inset:0}.ch-cover .veil{background:linear-gradient(#0c0a0840 0%,#0c0a0826 35%,#0c0a08e0 100%);position:absolute;inset:0}.ch-cover .in{gap:18px;max-width:980px;padding:0 clamp(18px,6vw,96px) clamp(64px,12vh,120px);display:grid;position:relative}.ch-cover .kick,.ch-end .kick{font:600 14.5px var(--sans);color:var(--ochre)}.ch-cover h1{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(44px,7.4vw,108px);font-weight:400;line-height:.98}.ch-cover h1 span{color:var(--sand-2)}.ch-cover p{color:var(--sand-2);max-width:56ch;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.ch-cover .go{background:var(--ochre);height:46px;font:600 15px var(--sans);border-radius:999px;justify-self:start;align-items:center;gap:10px;padding:0 20px;text-decoration:none;display:inline-flex;color:var(--night)!important}.ch-cover .scroll-cue{font:600 13.5px var(--sans);color:var(--sand-3);writing-mode:vertical-rl;position:absolute;bottom:26px;right:clamp(18px,4vw,48px)}@keyframes ch-slow{0%{transform:scale(1)}to{transform:scale(1.07)}}.ch-story{position:relative}.ch-stage{background:#081216;height:100dvh;position:sticky;top:0;overflow:hidden}.ch-map{width:100%;height:100%;display:block;position:absolute;inset:0}.ch-map .land{stroke:none}.ch-map .terrain{opacity:.32;mix-blend-mode:soft-light}.ch-map .sahel-band{pointer-events:none}.ch-map .city circle{fill:#161009bf;stroke:#efe3c8bf;stroke-width:1px}.ch-map .city text{font:500 12px var(--serif);fill:#161009d1;stroke:#efe3c84d;stroke-width:2.5px;paint-order:stroke}.ch-map .lbl.relief{font-family:var(--serif);letter-spacing:.2em;fill:#34200e94;text-anchor:middle;font-size:14.5px;font-style:italic}.ch-map .ripple{fill:none;stroke:var(--sea-ink);stroke-linejoin:round}.ch-map .ripple.r1{stroke-width:14px;opacity:.1}.ch-map .ripple.r2{stroke-width:36px;opacity:.05}.ch-map .ripple.r3{stroke-width:70px;opacity:.03}.ch-map .coast{fill:none;stroke:#efe3c866;stroke-width:1px;vector-effect:non-scaling-stroke}.ch-map .grat line{stroke:#efe3c812;stroke-width:1px;vector-effect:non-scaling-stroke}.ch-map .river{fill:none;stroke:#86b9c6;stroke-width:1.4px;opacity:.85;vector-effect:non-scaling-stroke;stroke-linecap:round}.ch-map .river.niger{stroke-width:2.2px}.ch-map .lake{fill:#1d3a44;stroke:#86b9c6;stroke-width:1px;vector-effect:non-scaling-stroke}.ch-map .leg-ghost{fill:none;stroke:#efe3c88c;stroke-linecap:round}.ch-map .leg{fill:none;stroke:var(--terra);stroke-linecap:round;filter:drop-shadow(0 0 3px #e0603f8c)}.ch-map .lbl{font-family:var(--sans);pointer-events:none}.ch-map .lbl.country{letter-spacing:.24em;text-transform:uppercase;fill:#1610099e;stroke:#efe3c838;stroke-width:2.5px;paint-order:stroke;text-anchor:middle;font-size:11.5px;font-weight:600}.ch-map .lbl.region{font-family:var(--serif);letter-spacing:.34em;fill:#16100957;text-anchor:middle;font-size:30px;font-style:italic}.ch-map .lbl.sea{font-family:var(--serif);letter-spacing:.28em;fill:#9cc7d28c;text-anchor:middle;font-size:17px;font-style:italic}.ch-map .lbl.river{font-family:var(--serif);letter-spacing:.06em;fill:#1c5668e6;text-anchor:middle;font-size:13px;font-style:italic}.ch-map .lbl.deg{letter-spacing:.08em;fill:#efe3c866;font-size:10.5px}.ch-map .lbl.deg[data-edge=bottom]{text-anchor:middle}.ch-places{pointer-events:none;position:absolute;inset:0}.ch-places .pl,.ch-places .head{will-change:transform;position:absolute;top:0;left:0}.ch-places .pl i{background:#0c0a0880;border:1.5px solid #efe3c8bf;border-radius:50%;width:12px;height:12px;transition:background .3s,border-color .3s,transform .3s;position:absolute;top:-6px;left:-6px}.ch-places .pl span{white-space:nowrap;-webkit-backdrop-filter:blur(6px);opacity:0;background:#0c0a08b8;border-radius:8px;gap:1px;padding:4px 9px;transition:opacity .35s,transform .35s;display:grid;position:absolute;top:-11px;left:14px;transform:translate(-4px)}.ch-places .pl b{font:500 13px/1.25 var(--serif);color:var(--sand)}.ch-places .pl small{font:500 10.5px/1.2 var(--sans);letter-spacing:.04em;color:var(--sand-3);display:none}.ch-places .pl.far i{opacity:.55}.ch-places .pl.seen i{background:var(--ochre);border-color:var(--ochre)}.ch-places .pl.seen span{opacity:.85;transform:none}.ch-places .pl.on i{background:var(--terra);border-color:#ffd9c9;animation:2.4s ease-out infinite ch-pulse;transform:scale(1.35);box-shadow:0 0 0 6px #e0603f40}.ch-places .pl.on span{opacity:1;padding:7px 12px;top:-16px;transform:none}.ch-places .pl.on b{font-size:17px}.ch-places .pl.on small{display:block}.ch-places .head i{opacity:0;background:#ffe2d4;border-radius:50%;width:8px;height:8px;transition:opacity .3s;position:absolute;top:-4px;left:-4px;box-shadow:0 0 12px 4px #e0603fb3}.ch-places .head.on i{opacity:1}@keyframes ch-pulse{0%{box-shadow:0 0 #e0603f73}to{box-shadow:0 0 0 16px #e0603f00}}.ch-stage .grain{opacity:.09;mix-blend-mode:overlay;pointer-events:none;background-image:url(/afrique/grain.png);position:absolute;inset:0}.ch-stage .vignette{pointer-events:none;background:radial-gradient(120% 90% at 62%,#08060400 45%,#0806049e 100%);position:absolute;inset:0}.ch-flow{z-index:2;margin-top:-100dvh;position:relative}.ch-step{pointer-events:none;align-items:center;min-height:100dvh;padding:16vh clamp(16px,6vw,96px);display:flex}.ch-step.intro{align-items:center}.card{pointer-events:auto;-webkit-backdrop-filter:blur(14px)saturate(1.1);background:#0e0b08cc;border:1px solid #efe3c81f;border-radius:18px;gap:16px;width:min(560px,100%);padding:clamp(20px,2.4vw,30px);display:grid;box-shadow:0 24px 70px -24px #000000bf}.card .txt{font-family:var(--serif);color:#f1e8d6;font-size:clamp(17.5px,1.3vw,19.5px);line-height:1.66}.card .txt p{margin:0 0 .75em}.card .txt p:last-child{margin:0}.card .txt a{color:var(--ochre)}.card .where{gap:2px;display:grid}.card .where b{font:500 21px/1.2 var(--serif);color:var(--sand)}.card .where span{font:600 14px var(--sans);color:var(--ochre)}.card .pics{gap:8px;display:grid}.card .pics.n2,.card .pics.n4{grid-template-columns:1fr 1fr}.card .pics.n3{grid-template-columns:1.4fr 1fr}.card .pics.n3>:first-child{grid-row:span 2}.card .pics button{cursor:zoom-in;background:#1a1510;border:0;border-radius:10px;padding:0;display:block;overflow:hidden}.card .pics:not(.n1) button{aspect-ratio:4/3}.card .pics.n3>button:first-child{aspect-ratio:auto}.card .pics img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.card .pics.n1 img{object-fit:contain;background:#000;height:auto;max-height:56vh}.card .pics button:hover img{transform:scale(1.03)}.ch-open{z-index:3;background:#0b0907;place-items:center;min-height:100dvh;scroll-margin-top:0;display:grid;position:relative;overflow:hidden}.ch-open .bg{filter:blur(26px)brightness(.36)saturate(1.15);background-position:50%;background-size:cover;position:absolute;inset:-60px;transform:scale(1.1)}.ch-open .in{text-align:center;justify-items:center;gap:18px;padding:14vh 18px;display:grid;position:relative}.ch-open .num{font:700 13px/1 var(--sans);letter-spacing:.42em;color:var(--ochre);padding-left:.42em}.ch-open h2{font-family:var(--serif);letter-spacing:-.015em;color:#f5ecda;text-wrap:balance;max-width:16ch;font-size:clamp(38px,6.4vw,88px);font-weight:400;line-height:1.02}.ch-end{z-index:3;background:var(--night);border-top:1px solid #efe3c81a;position:relative}.ch-end .in{gap:22px;max-width:1100px;margin:0 auto;padding:clamp(56px,10vh,110px) clamp(18px,6vw,60px);display:grid}.ch-end h2{font-family:var(--serif);font-size:clamp(30px,4vw,48px);font-weight:400}.ch-end .vids{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.ch-end .vids a{gap:8px;text-decoration:none;display:grid}.ch-end .vids img{aspect-ratio:16/9;object-fit:cover;background:#1a1510;border-radius:10px;width:100%}.ch-end .vids span{font:400 16.5px/1.3 var(--serif);color:var(--sand)}.ch-end .back{color:var(--sand-3);font-size:15px}.ch-end .back a{color:var(--ochre)}@media (width<=820px){.ch-rail{display:none}.ch-top .now{max-width:58vw;font-size:13px}.ch-step{align-items:flex-end;padding:52vh 12px 8vh}.ch-step.intro{padding-top:40vh}.card{width:100%}}@media (prefers-reduced-motion:reduce){.ch-cover .bg,.ch-places .pl.on i{animation:none}}.ch-rail{display:none}.ch-panel{z-index:6;right:18px;top:calc(74px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(14px)saturate(1.1);background:#0c0a08cc;border:1px solid #efe3c824;border-radius:16px;gap:10px;width:300px;max-height:calc(100dvh - 92px);padding:12px;transition:opacity .25s,transform .25s;display:grid;position:fixed;overflow-y:auto;box-shadow:0 24px 60px -24px #000000b3}.ch-panel.off{opacity:0;pointer-events:none;visibility:hidden;transform:translate(16px)}.ch-panel .ph{align-items:center;gap:8px;display:flex}.ch-panel .ph b{font:600 14px var(--sans);color:var(--ochre);margin-right:auto}.ch-panel .zoom{border:1px solid #efe3c833;border-radius:9px;display:inline-flex;overflow:hidden}.ch-panel .zoom button{width:30px;height:28px;color:var(--sand);font:600 16px/1 var(--sans);cursor:pointer;background:#efe3c80d;border:0;place-items:center;display:grid}.ch-panel .zoom button+button{border-left:1px solid #efe3c824}.ch-panel .zoom button:hover{background:#efe3c824}.ch-panel .ph-x{width:28px;height:28px;color:var(--sand-2);cursor:pointer;background:0 0;border:1px solid #efe3c833;border-radius:999px;font-size:17px;line-height:1}.mm-box{aspect-ratio:1.32;touch-action:none;background:#0d1e24;border:1px solid #efe3c81f;border-radius:11px;position:relative;overflow:hidden}.mm{cursor:grab;--u:11;width:100%;height:100%;display:block;position:absolute;inset:0}.mm .mm-sea{fill:#0d1e24}.mm .mm-sahel{fill:#ecaa5c57}.mm .mm-river{fill:none;stroke:#86b9c6;stroke-width:1px;opacity:.9;vector-effect:non-scaling-stroke}.mm .mm-river.niger{stroke-width:1.6px}.mm .mm-lake{fill:#1d3a44;stroke:#86b9c6;stroke-width:.8px;vector-effect:non-scaling-stroke}.mm .mm-coast{fill:none;stroke:#efe3c880;stroke-width:.8px;vector-effect:non-scaling-stroke}.mm .mm-lbl{font-family:var(--sans);font-weight:600;font-size:calc(var(--u) * 8.5px);letter-spacing:.12em;text-transform:uppercase;fill:#1610098c;text-anchor:middle;pointer-events:none}.mm .mm-lbl.sahel{font-family:var(--serif);text-transform:none;font-style:italic;font-weight:400;font-size:calc(var(--u) * 11px);letter-spacing:.2em;fill:#3c1e08bf}.mm .leg-ghost{fill:none;stroke:#efe3c899;stroke-linecap:round}.mm .leg{fill:none;stroke:var(--terra);stroke-linecap:round}.mm .mp{cursor:pointer;outline:none}.mm .mp .hit{fill:#0000}.mm .mp .dot{fill:#0c0a08c7;stroke:#efe3c8;stroke-width:1.2px;vector-effect:non-scaling-stroke;transition:fill .25s}.mm .mp text{font:700 calc(var(--u) * 8.5px) var(--sans);fill:#efe3c8;text-anchor:middle;dominant-baseline:central;pointer-events:none}.mm .mp.seen .dot{fill:#b9732f}.mm .mp.on .dot{fill:var(--terra);stroke:#fff}.mm .mp:hover .dot,.mm .mp:focus-visible .dot{stroke:#fff;stroke-width:2px}.loc{pointer-events:none;background:#0c0a08c7;border:1px solid #efe3c829;border-radius:7px;width:62px;height:auto;padding:4px;position:absolute;top:7px;left:7px}.loc .loc-africa{fill:#6d5a3d;stroke:#efe3c873;stroke-width:.5px}.loc .loc-sahel{fill:#ecaa5cd9}.loc .loc-view{fill:#ffffff1f;stroke:#fff;stroke-width:1px;vector-effect:non-scaling-stroke}.mm-tip{font:500 12.5px var(--sans);color:var(--sand);opacity:0;pointer-events:none;background:#0c0a08d9;border-radius:7px;margin:0;padding:5px 8px;transition:opacity .15s;position:absolute;bottom:7px;left:8px;right:8px}.mm-tip.on{opacity:1}.mm-here{font:400 15.5px/1.35 var(--serif);color:var(--sand);min-height:2.6em;margin:0}.mm-here small{font:600 13px var(--sans);color:var(--ochre);margin-bottom:2px;display:block}.mm-here b{font-weight:500}.mm-legend{font:500 11.5px var(--sans);color:var(--sand-3);flex-wrap:wrap;gap:4px 12px;margin:0;display:flex}.mm-legend span{align-items:center;gap:5px;display:inline-flex}.mm-legend .sw{border-radius:2px;width:14px;height:8px;display:inline-block}.mm-legend .sw.sahel{background:#ecaa5c99}.mm-legend .sw.route{background:var(--terra);height:3px}.mm-legend .sw.next{border-top:2px dotted #efe3c8b3;height:0}.mm-ch{grid-template-columns:1fr 1fr;gap:5px;margin:0;padding:0;list-style:none;display:grid}.mm-ch a{box-sizing:border-box;border:1px solid #efe3c81f;border-radius:8px;gap:1px;height:100%;padding:6px 8px;text-decoration:none;display:grid}.mm-ch a:hover{border-color:#efe3c859}.mm-ch small{font:700 10px var(--sans);letter-spacing:.1em;color:var(--sand-3)}.mm-ch span{font:400 13px/1.2 var(--serif);color:var(--sand-2)}.mm-ch a[aria-current=true]{border-color:var(--ochre);background:#e0a35a1f}.mm-ch a[aria-current=true] small{color:var(--ochre)}.mm-ch a[aria-current=true] span{color:var(--sand)}.ch-mapbtn{z-index:6;right:18px;top:calc(74px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(10px);height:40px;color:var(--sand);font:600 14px var(--sans);cursor:pointer;background:#0c0a08d1;border:1px solid #efe3c840;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex;position:fixed}.ch-mapbtn[hidden]{display:none}@media (width<=820px){.ch-panel{width:auto;max-height:78dvh;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));background:#0c0a08f5;border-radius:18px 18px 0 0;inset:auto 0 0}.ch-panel.off{transform:translateY(24px)}.mm-box{aspect-ratio:1.45}.ch-mapbtn{top:calc(12px + env(safe-area-inset-top,0px));justify-content:center;gap:0;width:40px;padding:0;font-size:0;right:62px}.ch-top{background:linear-gradient(#0c0a08f7 60%,#0c0a0800);padding-bottom:22px}.ch-top .now{margin-right:40px}}.ch-end .sheet{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-bottom:26px;display:grid}.ch-end .sheet button{cursor:zoom-in;aspect-ratio:1;background:#1a1510;border:0;border-radius:6px;padding:0;position:relative;overflow:hidden}.ch-end .sheet img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.ch-end .sheet button:hover img{transform:scale(1.05)}.ch-end .sheet span{font:600 10.5px var(--sans);color:#fff;text-shadow:0 1px 3px #000c;position:absolute;bottom:4px;left:5px}.ch-cover .tr-note{color:var(--sand-3);font-size:14px}.ch-cover .tr-note a{color:var(--ochre)}.ch-open .in{padding:22vh 18px}@media (width>=821px){.ch-end .in{max-width:none;margin:0 max(348px,50vw - 550px) 0 max(0px,50vw - 550px)}}.ch-end .credits{color:var(--sand-3);font-size:13px}.ch-end .credits a{color:var(--sand-2);text-underline-offset:3px;text-decoration:underline}