
/* v0.16 documentary entrance: video at the centre, chronological routes preserved. */
:root{--bg:#07100e;--ink:#f1ede2;--gold:#d8b582}
.intro-hero{background:radial-gradient(ellipse at 84% 40%,#283d31 0%,#101c17 50%,#06100d 100%);min-height:92svh;padding:clamp(44px,7vw,110px) 5.5vw 7vw;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(22px,5vw,95px);align-items:center}
.intro-copy{max-width:740px}.intro-copy h1{font-size:clamp(4.25rem,9.6vw,10rem);margin:23px 0 32px;line-height:.82}.intro-copy h1 em{font-style:normal;color:#d5b07b}.hero-provocation{font-size:clamp(1.9rem,3.25vw,3.7rem);line-height:1.08;max-width:740px;letter-spacing:-.017em;margin-bottom:25px}.hero-context{font-size:clamp(1.02rem,1.25vw,1.24rem);line-height:1.65;max-width:660px;color:#ebe9df}.hero-context.low{color:#c2cabb;margin-top:16px}.hero-actions,.bridge-actions,.ending-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.plain-action{color:#d1c3a9;font-size:.88rem;text-decoration:none;margin-top:26px}.plain-action:hover{color:white}
.intro-film{border:1px solid #67796888;background:#0c1612;box-shadow:0 15px 80px #0009;min-width:0}.film-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#26392f;padding:12px 18px;font-size:.68rem;letter-spacing:.13em;font-weight:800;color:#ddbd8b}.feature-player{background:#000;aspect-ratio:16/9;display:block;position:relative}.feature-player video{height:100%;width:100%;display:block;object-fit:contain;background:black}.film-caption{padding:22px 25px 25px;display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap}.film-caption strong{font-family:Newsreader,Georgia,serif;font-size:1.55rem;font-weight:500;line-height:1.18}.film-caption p{font-size:.82rem;max-width:520px;color:#b7c3b6;margin-top:9px}.film-caption a,.v-source a{color:#dfbb8b;text-decoration:none;font-size:.73rem;white-space:nowrap}.film-divider{padding:14px 5.5vw 18px;display:flex;align-items:center;gap:10px;border-top:1px solid #46564b;border-bottom:1px solid #46564b;background:#182920;color:#b6c3b5;font-size:.73rem;letter-spacing:.14em}.film-divider i{height:1px;background:#587060;flex:1}.thesis-bridge{padding:clamp(85px,11vw,190px) 7vw clamp(60px,7vw,130px);background:#0b1712}.thesis-bridge h2{max-width:1020px;margin:24px 0 28px;font-size:clamp(3.3rem,7vw,7rem)}.thesis-bridge p{font-family:Newsreader,Georgia,serif;font-size:clamp(1.4rem,2.4vw,2.55rem);line-height:1.4;max-width:1050px;margin:19px 0;color:#e1e6d9}.thesis-bridge p+p{color:#aebfb0;font-size:clamp(1.15rem,1.7vw,1.7rem)}.bridge-actions{margin-top:27px}.bridge-actions a,.cut-cta a{font-size:.92rem;font-weight:700;border-bottom:1px solid #e1bb87;padding-bottom:6px;text-decoration:none;color:#e1bb87}.archive-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#0b1612}.archive-frame{position:relative;display:block;height:clamp(300px,32vw,570px);overflow:hidden;background:#203c2d;text-decoration:none}.archive-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(32%) contrast(116%) brightness(.8);transition:transform .6s,filter .6s}.archive-frame:hover img{transform:scale(1.035);filter:grayscale(0) brightness(.94)}.archive-label{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:6px;padding:80px 24px 23px;background:linear-gradient(transparent,#07100ef7);color:white}.archive-label b{font-size:.67rem;color:#e4c192;letter-spacing:.15em}.archive-label span{font-family:Newsreader,Georgia,serif;font-size:clamp(1.25rem,2vw,2.25rem);line-height:1.11}.archive-label small{font-size:.67rem;color:#b7c4b9}.liberation-cut{display:grid;grid-template-columns:1.08fr .92fr;background:#203228;padding:clamp(60px,8vw,135px) 6vw;gap:clamp(25px,6vw,95px);align-items:center}.liberation-copy h2{font-size:clamp(3.2rem,6vw,6.6rem);margin:24px 0 35px}.liberation-copy p{font-family:Newsreader,Georgia,serif;font-size:clamp(1.35rem,2.05vw,2.12rem);line-height:1.43;max-width:760px;margin-top:18px}.liberation-copy p+p{color:#c6d4c7}.cut-cta{margin-top:34px}.kwame-film{max-width:570px;width:100%;justify-self:center;border:1px solid #80918470;background:#102017;box-shadow:0 20px 80px #05100bbb}.kwame-film video{width:100%;max-height:560px;background:#000;object-fit:contain;display:block}.v-source{padding:15px 19px 19px;display:flex;gap:7px;flex-direction:column}.v-source strong{font-family:Newsreader,Georgia,serif;font-size:1.38rem;font-weight:500}.v-source span{font-size:.77rem;color:#c9d4c7}.routes-v16{padding-top:clamp(70px,10vw,150px)}.routes-v16 .case-tile{min-height:200px}.knowledge-thread{padding:clamp(75px,10vw,160px) 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;background:#13251e;align-items:center}.knowledge-thread h2{margin:22px 0 28px;font-size:clamp(2.6rem,5vw,5.8rem)}.knowledge-thread p{font-family:Newsreader,Georgia,serif;font-size:clamp(1.2rem,1.7vw,1.8rem);line-height:1.5;margin-top:16px;color:#e0e9df}.knowledge-thread p+p{color:#b9c7ba}.knowledge-years{border-left:1px solid #6c806d;padding-left:30px}.knowledge-years div{display:flex;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #4e66565e}.knowledge-years b{font-family:Newsreader,Georgia,serif;font-size:clamp(1.8rem,3.3vw,3.5rem);color:#dcbd91;min-width:100px;font-weight:500}.knowledge-years span{font-size:.82rem;color:#e5eadd}.ending-bridge{padding:clamp(85px,10vw,170px) 7vw;background:radial-gradient(circle at 90% 50%,#244135,#0b1713 63%)}.ending-bridge h2{margin:23px 0 28px;max-width:940px;font-size:clamp(3.1rem,6.6vw,7rem)}.ending-bridge p{font-family:Newsreader,Georgia,serif;font-size:clamp(1.45rem,2.4vw,2.5rem);line-height:1.46;max-width:990px;color:#dfe6db}.ending-actions{margin-top:40px}.ending-actions>a:not(.cta){color:#e0c295;font-size:.85rem}.modern-foot p{color:#b8cbb9}
@media(max-width:1060px){.intro-hero{grid-template-columns:1fr}.intro-film{max-width:850px}.liberation-cut,.knowledge-thread{grid-template-columns:1fr}.kwame-film{justify-self:start}.archive-frame{height:350px}}@media(max-width:660px){.intro-hero{padding:50px 6vw 70px}.intro-copy h1{font-size:clamp(4rem,17vw,7rem)}.hero-provocation{font-size:2.2rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .plain-action{margin-top:2px}.film-caption{padding:17px}.film-divider{gap:5px}.film-divider span{font-size:.53rem}.film-divider span:nth-of-type(2),.film-divider span:nth-of-type(4),.film-divider span:nth-of-type(6){display:none}.archive-triptych{grid-template-columns:1fr}.archive-frame{height:320px}.thesis-bridge{padding:90px 6vw}.thesis-bridge h2{font-size:3.5rem}.liberation-cut{padding:80px 6vw}.knowledge-thread{padding:90px 6vw}.knowledge-years{padding-left:16px}.knowledge-years b{min-width:82px}.ending-bridge{padding:100px 6vw}}
@media(prefers-reduced-motion:reduce){.archive-frame img{transition:none}}
/* Keep the film visible immediately after the title on small screens. */
@media(max-width:660px){.intro-hero{display:flex;flex-direction:column;align-items:stretch;gap:20px}.intro-copy{display:contents}.intro-copy>.smallcap{order:1}.intro-copy h1{order:2;margin:3px 0 10px}.intro-film{order:3;width:100%;margin:10px 0 24px}.intro-copy .hero-provocation{order:4;margin:0 0 4px}.intro-copy .hero-context{order:5}.intro-copy .hero-context.low{order:6;margin-top:0}.intro-copy .hero-actions{order:7}}
.feature-player iframe{display:block;width:100%;height:100%;border:0}.kwame-film iframe{display:block;width:100%;height:min(66vw,550px);min-height:300px;border:0;background:black}

/* v0.17 horizontal historical panorama entrance */
.panorama-invite{background:#16291f;padding:clamp(85px,10vw,160px) 7vw;position:relative;overflow:hidden;border-block:1px solid #576f5b}.panorama-invite:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000 99%,#e5c39417 99.5%);background-size:11vw 100%;pointer-events:none;opacity:.6}.panorama-invite>*{position:relative}.panorama-invite h2{font-size:clamp(3.3rem,6.7vw,7.5rem);line-height:.98;max-width:1120px;margin:25px 0 30px}.panorama-invite h2 em{font-style:normal;color:#d7b889}.panorama-invite p{font-family:Newsreader,Georgia,serif;font-size:clamp(1.35rem,2.18vw,2.25rem);line-height:1.48;max-width:970px;color:#d9e5d9}.mini-century{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid #e1c79c;margin:70px 0 45px;gap:4px}.mini-century a{border-left:1px solid #778675;padding:24px 12px 14px;text-decoration:none;display:flex;gap:14px;flex-direction:column;min-height:125px;color:#f4ecdc;background:#25413278}.mini-century a:hover{background:#3b5a44}.mini-century b{font-family:Newsreader,Georgia,serif;font-size:clamp(1.6rem,3vw,2.9rem);font-weight:450;color:#e9c899}.mini-century span{font-size:.74rem;line-height:1.5;color:#d0d9cb}.panorama-link{display:inline-block;border:1px solid #e8d5ac;padding:17px 22px;text-decoration:none;font-size:.86rem;color:#f5e1bd}.panorama-link:hover{background:#e7cb9a;color:#102019}@media(max-width:680px){.panorama-invite{padding:90px 6vw}.mini-century{display:flex;overflow-x:auto;margin-top:43px}.mini-century a{min-width:136px}.panorama-invite h2{font-size:3.35rem}}
