/* Image-led editorial expansion */
.visual-story{position:relative;background:var(--ink);padding:clamp(100px,14vw,210px) var(--pad);overflow:hidden}
.visual-intro{position:relative;z-index:2;max-width:1020px;margin-bottom:clamp(70px,10vw,150px)}
.visual-intro h2{max-width:1000px;margin:20px 0 0;font:400 clamp(46px,7vw,108px)/.95 Georgia,serif;letter-spacing:-.052em}
.visual-grid{display:grid;grid-template-columns:1.18fr .62fr .78fr;grid-template-rows:20vw 27vw 16vw;gap:clamp(12px,2vw,30px);max-width:1500px;margin:auto}
.visual-grid figure{position:relative;margin:0;overflow:hidden;background:#171713}
.visual-grid img{width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--ok-parallax,0px),0) scale(1.025);will-change:transform;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .5s}
.visual-grid figure:hover img{transform:translate3d(0,var(--ok-parallax,0px),0) scale(1.055)}
.visual-grid figcaption{position:absolute;left:18px;bottom:16px;padding:9px 11px;background:#080806d9;color:var(--paper);font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.visual-a{grid-column:1/2;grid-row:1/3}.visual-b{grid-column:2/4;grid-row:1/2;margin-top:5vw!important}.visual-c{grid-column:2/3;grid-row:2/4}.visual-d{grid-column:3/4;grid-row:2/3;margin-top:3vw!important}
.visual-a img{object-position:center center}.visual-b img{object-position:center 44%}.visual-c img{object-position:38% 10%}.visual-d img{object-position:center 40%}
.visual-grid .visual-b{transition-delay:.08s}.visual-grid .visual-c{transition-delay:.16s}.visual-grid .visual-d{transition-delay:.24s}
.field{position:relative;grid-template-columns:70px 1fr;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.field-media{position:absolute;inset:5% 4vw 8% 35%;overflow:hidden;opacity:.42;filter:saturate(.72) contrast(1.04)}
.field-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11110e 0%,transparent 30%),linear-gradient(0deg,#11110e 0%,transparent 42%)}
.field-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s}
.field:hover .field-media img{transform:scale(1.035)}
.field>b,.field h2,.field p{position:relative;z-index:1}.field h2{text-shadow:0 2px 28px #080806}
.pub{grid-template-columns:80px clamp(76px,8vw,128px) 1fr 44px;padding:22px 0}
.pub figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:#c9cbc8}
.pub figure img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.pub:hover figure img{transform:scale(1.045)}
.world{position:relative;isolation:isolate;overflow:hidden;min-height:520px;color:var(--paper)}
.world>img,.world-shade{position:absolute;inset:0;width:100%;height:100%}
.world>img{z-index:-2;object-fit:cover;filter:saturate(.75);transition:transform .8s,filter .5s}
.world-shade{z-index:-1;background:linear-gradient(0deg,#000e 0%,#0004 65%,#0008 100%);transition:background .4s}
.world>b{position:relative;color:#fff9}.world>div{margin-top:auto}
.world h3{margin:0 0 18px;color:var(--paper);text-shadow:0 2px 24px #000}.world p,.world i{color:var(--paper)}
.world:hover{background:transparent;color:var(--paper)}.world:hover>img{transform:scale(1.045);filter:saturate(1)}
.world:hover .world-shade{background:linear-gradient(0deg,#000e 0%,#0002 76%,#0007 100%)}
@media(max-width:900px){.visual-grid{grid-template-columns:1fr 1fr;grid-template-rows:55vw 42vw 55vw}.visual-a{grid-column:1/3;grid-row:1}.visual-b{grid-column:1;grid-row:2;margin:0!important}.visual-c{grid-column:2;grid-row:2/4}.visual-d{grid-column:1;grid-row:3;margin:0!important}.field-media{inset:6% 0 6% 28%;opacity:.34}.world{min-height:430px}.pub{grid-template-columns:65px 90px 1fr 32px}}
@media(max-width:600px){.visual-story{padding-inline:18px}.visual-grid{gap:10px;grid-template-rows:64vw 55vw 64vw}.visual-grid figcaption{left:10px;bottom:9px;font-size:8px}.field{min-height:520px}.field-media{inset:6% 0 30% 14%}.field h2{font-size:15vw}.pub{grid-template-columns:58px 1fr 24px;gap:14px}.pub span{grid-column:1/-1}.pub figure{grid-column:1}.pub h3{grid-column:2}.pub b{grid-column:3}.world{min-height:110vw;padding:26px}}

/* Landscape composition keeps Ọbádélé Kambon and Samia Nkrumah together in frame. */
.visual-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:clamp(220px,18vw,330px) clamp(300px,26vw,470px) clamp(220px,20vw,360px)}
.visual-a{grid-column:1/6;grid-row:1/3}
.visual-b{grid-column:6/13;grid-row:1;margin-top:0!important}
.visual-c{grid-column:6/13;grid-row:2}
.visual-d{grid-column:1/13;grid-row:3;margin-top:0!important}
.visual-d{background:#080806;display:grid;place-items:center}
.visual-d img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;will-change:auto}
.visual-d:hover img{transform:none!important;filter:none}
.visual-c img{object-position:center 28%}
@media(max-width:900px){
  .visual-grid{grid-template-columns:1fr;grid-template-rows:72vw 52vw 64vw 58vw}
  .visual-a{grid-column:1;grid-row:1}
  .visual-b{grid-column:1;grid-row:2}
  .visual-c{grid-column:1;grid-row:3}
  .visual-d{grid-column:1;grid-row:4}
}