/* Restyles the long form case study pages into the site design. Loaded after each page's own styles. */
:root{--cream:#F3F1EC;--cream-mid:#E9E6DF;--cream-dk:#CFCBC2;--warm-white:#F3F1EC;--black:#121212;--black-soft:#141413;--gold:#C9971F;--gold-dk:#8A6510;--gold-lt:#D9AE45;--gold-pale:#EFE7D2;--mid-txt:#3A3A38;--lt-txt:#77746D;--sh:none;--sh-sm:none;--sh-gold:none}
body{font-family:'Archivo',system-ui,sans-serif!important;background:var(--paper)!important;color:var(--ink)}
[class*="-h1"],[class*="title"],[class*="-name"],[class*="-n"],h1,h2,h3,h4,blockquote,.cs-h1 em,h1 em,h2 em{font-family:'Archivo',system-ui,sans-serif!important;letter-spacing:-.025em}
h1,h2,.cs-h1,.ph-h1,.sec-title{font-weight:800!important;line-height:1.02!important}
h1 em,h2 em,.cs-h1 em,.ph-h1 em,.sec-title em{font-style:normal!important;color:inherit!important;background:linear-gradient(var(--acc),var(--acc)) 0 90%/100% .14em no-repeat}
.cs-h1 em,.ph-h1 em{display:inline!important}
*{border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
.hero-glow,.ph-glow,.hero-line-top,.cta-glow{display:none!important}
.hero::after,.page-hero::after,.cs-hero::after,.hero-v2::after{display:none!important}
.cs-hero,.page-hero{background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--ink);padding-top:72px}
.cs-hero *,.page-hero *{color:inherit}
.cs-tagline,.ph-sub{color:var(--ink-2)!important}
.cs-kicker,.ph-kicker,.sec-label{font-family:'Archivo',sans-serif!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.08em!important;color:var(--mute)!important}
.cs-kicker::before,.ph-kicker::before,.sec-label::before{display:none!important}
.cs-role,.case-role,.outcome-pill,.media-tag{background:transparent!important;border:1px solid var(--ink)!important;color:var(--ink)!important}
.cr-brand{background:var(--acc)!important;border-color:var(--acc)!important}
.sec{border-bottom:1px solid var(--ink)}
[style*="linear-gradient"],[style*="radial-gradient"]{background-image:none!important}
.btn,.btn-gold,.btn-lg{background:var(--acc)!important;color:var(--ink)!important;border:1px solid var(--acc)!important;font-weight:700!important}
.btn:hover,.btn-gold:hover{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}
.btn-ghost-light,.btn-outline-gold,.btn-outline{background:transparent!important;border:1px solid currentColor!important;color:inherit!important}
.metric-n,.ic-stat-n,.ps-n,.c-n,.rw-guest-n,.t-reach{color:var(--acc-ink)!important;font-weight:700!important}
[style*="background:var(--black)"] .metric-n,[style*="background:var(--black)"] .ic-stat-n{color:var(--acc)!important}
.cta-band,.cta-sec{display:none!important}
#nav,nav#nav{position:sticky!important;top:0;background:var(--paper)!important;height:auto!important;padding:0!important;border-bottom:1px solid var(--ink)!important;backdrop-filter:none!important}
#nav .nav-links a{color:var(--ink)!important;font-size:.9rem;letter-spacing:0;text-transform:none;font-weight:500}
#nav .nav-cta{background:var(--acc)!important;color:var(--ink)!important;font-weight:700!important}
#nav .nav-cta:hover{background:var(--ink)!important;color:var(--paper)!important}
@media(max-width:820px){#nav .nav-links{background:var(--paper)!important;border-top:0!important}#nav .nav-links li a{color:var(--ink)!important;text-align:left}}
footer{background:var(--paper)!important;border-top:1px solid var(--ink)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
.next-case{display:block;text-decoration:none;color:var(--paper);background:var(--night);border-bottom:1px solid var(--ink)}
.next-case .wrap{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;padding-top:64px;padding-bottom:64px;width:100%}
.next-case h2{font-size:clamp(2rem,4.4vw,4rem)!important;color:var(--paper)}
.next-case .lbl{color:#9A968D!important}
.next-case .go{font-weight:700;color:var(--acc);font-size:1rem}
.next-case .go::after{content:" \2192";display:inline-block;transition:transform .25s}
.next-case:hover .go::after{transform:translateX(6px)}
.next-case:hover h2{color:var(--acc)}
html,body{overflow-x:clip}
@media(max-width:820px){.metric-n,.ic-stat-n{font-size:clamp(1.6rem,8vw,2.4rem)!important}.metric-block{min-width:0!important;flex:1 1 40%!important}[class*="metrics"],[class*="metric-row"]{flex-wrap:wrap!important}}
#nav{display:block!important;justify-content:initial!important}
#nav .wrap{display:flex!important;align-items:center;justify-content:space-between;height:72px;max-width:none;margin:0;padding:0 clamp(20px,2.5vw,40px);width:100%}
#nav .nav-brand{display:flex;align-items:center;gap:.8rem;margin-right:2rem}
#nav .nav-mark{height:40px!important;width:auto}
#nav .nav-word{font-family:'Archivo',sans-serif!important;font-size:.95rem!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--ink)!important}
#nav .nav-word span{font-weight:500;color:var(--mute)}
#nav .nav-links{gap:2rem}
footer{display:block!important;padding:32px 0 48px!important;grid-template-columns:none!important}
footer .wrap{display:flex!important;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:1360px;margin:0 auto;padding:0 40px;font-size:.85rem;color:var(--mute)}
footer nav{display:flex!important;gap:20px;position:static!important;border:0!important;background:none!important}
.btn,.nav-cta,button{font-family:'Archivo',sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.band .btn-line{background:transparent!important;color:var(--paper)!important;border-color:var(--paper)!important}
.band .btn-line:hover{background:var(--paper)!important;color:var(--ink)!important}
.cs-h1 em,.ph-h1 em{display:block!important;width:fit-content}
.metric-n,.ic-stat-n,.ps-n,.rw-guest-n{color:var(--acc)!important}
.metric-strip,.metrics,[class*="metric-row"],.cs-metrics{background:var(--night)!important}
@media(max-width:820px){#nav .wrap,footer .wrap{padding:0 20px}#nav .nav-word span{display:none}}
footer nav{padding:0!important;margin:0!important;height:auto!important}
/* case study heroes: one consistent, shorter height */
.cs-hero{min-height:0!important;height:clamp(440px,60vh,600px);padding-top:0!important}
.cs-hero-left{padding:48px clamp(24px,4vw,64px)!important;justify-content:center!important}
.cs-hero-right img{position:absolute;inset:0;filter:none!important}
.cs-hero-right::before{display:none!important}
@media(max-width:900px){.cs-hero{height:auto;grid-template-columns:1fr!important}.cs-hero-right{height:56vw;min-height:260px}}
/* numbers banner */
.metrics-strip,.ic-stats,[class*="stats-strip"]{background:var(--paper)!important;border-top:1px solid var(--ink)!important;border-bottom:1px solid var(--ink)!important}
.metrics-inner{max-width:none!important;padding:0 clamp(20px,2.5vw,40px)}
.metric-block,.ic-stat-block{text-align:left!important;padding:28px 24px 28px 0!important;border-right:0!important;border-left:1px solid var(--rule)!important;padding-left:24px!important}
.metric-block:first-child,.ic-stat-block:first-child{border-left:0!important;padding-left:0!important}
.metric-n,.ic-stat-n{font-size:clamp(2.2rem,3.6vw,3.2rem)!important;font-weight:800!important;color:var(--acc-ink)!important;letter-spacing:-.03em!important;margin-bottom:8px!important}
.metric-l,.ic-stat-l{font-size:.95rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink-2)!important;font-weight:500!important;line-height:1.35}
.metric-l::first-letter,.ic-stat-l::first-letter{text-transform:uppercase}
/* key outcomes: big and bold */
.outcomes-pills{display:block!important;border-top:2px solid var(--ink);margin:24px 0 32px!important}
.outcome-pill{display:flex!important;align-items:baseline;gap:14px!important;background:none!important;border:0!important;border-bottom:1px solid var(--rule)!important;padding:18px 0!important;font-size:clamp(1.15rem,1.7vw,1.45rem)!important;font-weight:500!important;letter-spacing:-.01em!important;color:var(--ink)!important;text-transform:none!important}
.outcome-pill::before{content:""!important;width:12px!important;height:12px!important;background:var(--acc)!important;border-radius:0!important;flex-shrink:0;transform:translateY(-2px)}
.outcome-pill strong,.outcome-pill b{font-weight:800!important;color:var(--ink)!important}
.back-link::before{content:none!important}
.back-link{font-size:.85rem!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important;color:var(--ink)!important;margin-bottom:28px!important}
.sec video{max-height:440px!important;height:auto!important;background:var(--night)}

/* Africa Tour page */
.cs-hero:has(#toc){display:block!important;position:relative;height:auto!important;min-height:560px;background:var(--night)!important;color:#fff!important}
.cs-hero:has(#toc) .cs-hero-right{position:absolute!important;inset:0;height:100%!important;min-height:0!important}
.cs-hero:has(#toc) .cs-hero-right img{object-position:center 30%!important}
.cs-hero:has(#toc) .cs-hero-right::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.9) 0%,rgba(18,18,18,.65) 42%,rgba(18,18,18,.1) 100%)}
.cs-hero:has(#toc) .cs-hero-left{position:relative;z-index:2;max-width:680px;padding:64px clamp(24px,4vw,64px)!important}
.cs-hero:has(#toc) .cs-hero-left,.cs-hero:has(#toc) .cs-h1,.cs-hero:has(#toc) .cs-tagline,.cs-hero:has(#toc) .cs-kicker{color:#fff!important}
.cs-hero:has(#toc) .cs-tagline{color:#E4E1DA!important}
.cs-hero:has(#toc) .cs-role{border-color:#fff!important;color:#fff!important}
.cs-hero:has(#toc) .cr-brand{border-color:var(--acc)!important;color:var(--ink)!important}
#toc{display:block!important;background:var(--paper)!important;border:1px solid var(--ink)!important;padding:16px 18px!important;margin-top:28px!important;width:230px;color:var(--ink)!important}
#toc .toc-lab{font-size:.72rem!important;letter-spacing:.08em!important;color:var(--mute)!important;margin-bottom:8px!important}
#toc .toc-i{color:var(--ink)!important;font-size:.88rem!important;letter-spacing:0!important;padding:5px 0!important}
#toc .toc-d{background:var(--rule)!important}
#toc .toc-i.on{color:var(--acc-ink)!important;font-weight:700!important}
#toc .toc-i.on .toc-d{background:var(--acc)!important}
#toc.pinned{display:block!important;position:fixed!important;top:96px!important;left:clamp(12px,1.6vw,28px)!important;margin:0!important;z-index:40;width:210px}
@media(min-width:1200px){body:has(#toc) .sec>.sec-inner{padding-left:max(5rem,260px)!important}}
@media(max-width:1199px){#toc.pinned{top:72px!important;left:0!important;right:0;width:auto;display:flex!important;gap:18px;overflow-x:auto;white-space:nowrap;border-width:0 0 1px!important;padding:10px 20px!important}#toc.pinned .toc-lab{display:none}#toc.pinned .toc-d{display:none}}
@media(max-width:900px){#toc{display:none!important}#toc.pinned{display:flex!important}}
/* tour analytics */
.tour-an{background:var(--paper)!important;color:var(--ink)!important}
.tour-an .sec-label{color:var(--mute)!important}
.tour-hero{text-align:left!important;margin-bottom:32px!important}
.th-n{background:none!important;-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important;font-size:clamp(4.5rem,11vw,9rem)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:.95!important}
.th-l{letter-spacing:0!important;text-transform:none!important;font-size:1.15rem!important;color:var(--ink-2)!important;margin-top:10px}
.tour-kpis{gap:0!important;border-top:1px solid var(--ink)!important;border-bottom:1px solid var(--ink)!important;margin-bottom:48px!important}
.tk{background:none!important;border:0!important;border-left:1px solid var(--rule)!important;text-align:left!important;padding:24px!important}
.tk:first-child{border-left:0!important;padding-left:0!important}
.tk-n{color:var(--acc-ink)!important;font-size:clamp(1.8rem,2.6vw,2.4rem)!important;font-weight:800!important}
.tk-l,.acct-nl,.hs-l,.ps-l,.collab-lab,.feat-label,.vid-cap{letter-spacing:0!important;text-transform:none!important;font-size:.9rem!important;font-weight:500!important}
.tk-l{color:var(--ink-2)!important}
.acct-grid{gap:32px!important}
.acct{background:none!important;border:0!important;border-top:3px solid var(--ink)!important;padding:20px 0 0!important}
.acct-h{font-size:1rem!important;letter-spacing:0!important;color:var(--acc-ink)!important;font-weight:700!important}
.acct-n{color:var(--ink)!important;font-weight:800!important}
.acct-nl{color:var(--mute)!important}
.acct-row{border-color:var(--rule)!important;color:var(--ink-2)!important;font-size:.95rem!important}
.acct-row>*:last-child{color:var(--ink)!important;font-weight:700!important}
/* country legs and featured posts */
.ctry-num{display:none!important}
.feat-label{color:var(--mute)!important}
.feat-label::after{display:none!important}
.hs-n{font-weight:800!important;color:var(--acc-ink)!important}
.sec-dark .hs-n{color:var(--acc)!important}
.hs-tag{background:none!important;border:1px solid currentColor!important;letter-spacing:0!important;text-transform:none!important;font-size:.8rem!important;color:inherit!important}
.post-stats{gap:0!important;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.ps-item{background:none!important;border:0!important;border-left:1px solid var(--rule)!important;text-align:left!important;padding:18px 20px!important}
.sec-dark .ps-item{border-left-color:#3a3935!important}
.ps-item:first-child{border-left:0!important;padding-left:0!important}
.ps-n{font-size:clamp(1.6rem,2.2vw,2.1rem)!important;font-weight:800!important;color:inherit!important}
.ps-l{opacity:.75}
.collab{border-left:0!important;border-top:1px solid var(--rule)!important;padding:14px 0 0!important;background:none!important}
.sec-dark .collab{border-top-color:#3a3935!important}
.collab-lab{font-weight:700!important;opacity:.8}
.collab-row>*:last-child{font-weight:700}
.sec-dark{background:var(--night)!important}
.ctry-head{grid-template-columns:1fr!important;display:block!important}
.sec-dark .ps-n,.sec-dark .feat-title,.sec-dark .ctry-title{color:#fff!important}
.sec-dark .ps-l,.sec-dark .hs-l,.sec-dark .hs-tag,.sec-dark .feat-label,.sec-dark .vid-cap{color:#C9C5BC!important}
.sec-dark .post-stats{border-color:#55534E}
#toc.pinned{transform:none!important}
#lang-toggle{margin-left:1.5rem!important;color:#FEFCF8}
.nav-burger,#burger{color:var(--ink)!important;font-family:'Archivo',sans-serif!important;-webkit-text-fill-color:var(--ink)}
@media(max-width:820px){
 nav .nav-word span,#nav .nav-word span{display:block!important;font-size:.72rem;font-weight:500;letter-spacing:.02em;color:var(--mute)}
 nav .nav-word,#nav .nav-word{line-height:1.15;font-size:.9rem!important}
 .nav-mark,#nav .nav-mark{height:34px!important}
 #lang-toggle{margin:0 10px 0 auto!important}
}
nav .wrap,#nav .wrap{justify-content:flex-start!important}nav .nav-links,#nav .nav-links{margin-left:auto}
/* Ivory Coast stats banner and result tiles */
.ic-stat{background:var(--paper)!important;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:0 clamp(20px,2.5vw,40px)}
.res-tiles{display:flex;flex-direction:column;gap:0;min-width:180px;border-top:2px solid var(--ink)}
.res-tile{padding:18px 0;border-bottom:1px solid var(--rule)}
.res-tile svg{width:22px;height:22px;margin:0 0 10px!important}
.res-n{font-size:clamp(2rem,3vw,2.8rem);font-weight:800;color:var(--acc-ink);letter-spacing:-.03em;line-height:1}
.res-l{font-size:.95rem;color:var(--ink-2);margin-top:6px}
/* case study heroes: show the whole photo instead of cropping it */
.cs-hero:not(:has(#toc)){grid-template-columns:1fr auto!important}
.cs-hero:not(:has(#toc)) .cs-hero-right{height:100%;display:flex;justify-content:flex-end}
.cs-hero:not(:has(#toc)) .cs-hero-right img{position:static!important;height:100%!important;width:auto!important;max-width:58vw;object-fit:cover;border-radius:0!important}
@media(max-width:900px){.cs-hero:not(:has(#toc)){grid-template-columns:1fr!important}.cs-hero:not(:has(#toc)) .cs-hero-right{height:auto}.cs-hero:not(:has(#toc)) .cs-hero-right img{width:100%!important;height:auto!important;max-width:none}}
/* videos: never crop, portrait clips taller */
.sec video{object-fit:contain!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:540px!important;margin:0 auto;display:block}
/* fill the width */
.sec-inner{max-width:1600px!important;padding-left:clamp(20px,3vw,48px)!important;padding-right:clamp(20px,3vw,48px)!important}
@media(min-width:1200px){body:has(#toc) .sec>.sec-inner{max-width:none!important;padding-left:270px!important;padding-right:clamp(24px,3vw,56px)!important}}
body:has(#toc) .tour-hero{text-align:center!important}
/* AFCON page */
.hero-pair{display:grid!important;grid-template-columns:auto auto;gap:6px;background:var(--paper)}
.hero-pair img{position:static!important;height:100%!important;width:auto!important;max-width:30vw;object-fit:cover}
.pv{aspect-ratio:9/16;height:min(820px,86vh);background:var(--ink);overflow:hidden}
.pv video,.pv img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;display:block;margin:0!important;border-radius:0!important}
.brief-grid{display:grid;grid-template-columns:1fr auto;gap:clamp(32px,6vw,96px);align-items:center;margin-top:24px}
.brief-sec .sec-title{font-size:clamp(3rem,6vw,5.6rem)!important;line-height:1!important}
.brief-sec .body-txt{font-size:clamp(1.25rem,1.8vw,1.6rem)!important;line-height:1.55!important;max-width:34ch;color:var(--ink)!important}
.result-sec{background:var(--paper)!important}
.big-nums{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);margin:40px 0 64px}
.big-nums div{padding:clamp(32px,5vw,72px) clamp(20px,5vw,80px)}
.big-nums div+div{border-left:1px solid rgba(255,255,255,.15)}
.big-nums b{display:block;font-size:clamp(5rem,13vw,12rem);font-weight:800;letter-spacing:-.05em;line-height:.85;color:var(--acc)}
.big-nums span{display:block;margin-top:20px;font-size:clamp(1.05rem,1.5vw,1.35rem);color:#fff;opacity:.85;max-width:28ch}
.result-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.result-row figure{margin:0}
.result-row .pv{height:auto;width:100%}
.result-row figcaption{margin-top:14px;font-size:.9rem;color:var(--mute)}
.result-row .rv figcaption{border-left:4px solid var(--acc);padding-left:18px;color:var(--ink-2)}
.result-row .rv h3{font-size:1.4rem;color:var(--ink);margin-bottom:8px}
.result-row .rv p{line-height:1.6}
.film-sec{background:var(--ink)!important}
.film-sec .sec-title,.film-sec .body-txt,.film-sec dd{color:#fff!important}
.film-sec .sec-label{color:var(--acc)!important}
.film-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.film-sec .body-txt{font-size:clamp(1.1rem,1.5vw,1.35rem)!important;max-width:40ch;opacity:.85}
.film-facts{display:grid;grid-template-columns:repeat(3,auto);gap:0;margin-top:40px;border-top:1px solid rgba(255,255,255,.2)}
.film-facts div{padding:18px 32px 0 0}
.film-facts dt{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.film-facts dd{margin:6px 0 0;font-size:1.3rem;font-weight:700}
@media(max-width:900px){.brief-grid,.film-grid{grid-template-columns:1fr}.pv{height:auto;width:100%;max-width:440px}.big-nums{grid-template-columns:1fr}.big-nums div+div{border-left:0;border-top:1px solid rgba(255,255,255,.15)}.result-row{grid-template-columns:1fr 1fr}.result-row .rv{grid-column:1/-1}.film-facts{grid-template-columns:1fr 1fr}}
.cs-hero:not(:has(#toc)) .cs-hero-right.hero-pair img{max-width:28vw!important;width:auto!important;height:100%!important;object-fit:contain!important}
@media(max-width:900px){.cs-hero:not(:has(#toc)) .cs-hero-right.hero-pair img{max-width:48vw!important;height:auto!important}}