.journey-editorial{--j-gap:clamp(28px,4vw,64px)}.j-wrap{width:88%;max-width:1280px;margin:0 auto}.journey-editorial p{font:18px/1.65 Georgia,serif}.journey-editorial .journey-hero{min-height:480px}.journey-editorial .journey-hero-image{inset:0;background-image:url('../assets/journey-scenes.png');background-size:300% 300%;background-position:0 0}.journey-editorial .journey-hero:after{background:linear-gradient(90deg,#0b3024 0%,#0b3024ed 33%,#0b302480 56%,transparent 85%)}.journey-editorial .journey-hero-content{width:65%;max-width:870px}.journey-editorial .journey-eyebrow{font-size:11px;letter-spacing:3px}.journey-editorial .journey-intro{font-size:20px}.j-opening{padding:48px 0 38px;max-width:960px;text-align:center}.j-opening:before{content:'';display:block;width:65px;height:1px;background:#b58a43;margin:0 auto 24px}.j-opening p{margin:0 0 15px}.j-opening p:first-child{font-size:27px;line-height:1.45;color:#172c20;margin-bottom:27px}.j-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--j-gap);align-items:center;padding:38px 0}.j-copy h2,.j-services>h2{font:400 clamp(27px,2.8vw,40px)/1.16 Georgia,serif;letter-spacing:-.8px;color:#123b2b;margin:0 0 23px}.j-copy p{margin:0 0 16px}.j-copy p:last-child{margin-bottom:0}.j-photo{background-image:url('../assets/journey-scenes.png');background-size:300% 300%;background-repeat:no-repeat;aspect-ratio:4/3;width:100%;min-height:280px}.j-photo-1{background-position:50% 0}.j-photo-2{background-position:100% 0}.j-photo-3{background-position:0 50%}.j-photo-4{background-position:50% 50%}.j-photo-5{background-position:100% 50%}.j-photo-6{background-position:0 100%}.j-photo-7{background-position:50% 100%}.j-dark{background:#103b2c;color:#f7f4ea;margin:26px 0}.j-dark .j-copy h2{color:#fff9ed}.j-dark .j-copy p{color:#f0eee3}.j-dark .j-copy p:last-child,.j-split:first-of-type .j-copy p:last-child{border-left:2px solid #b58a43;padding-left:17px;font-style:italic}.j-dark .j-photo{aspect-ratio:4/3}.j-services{padding:34px 0}.j-services>h2{text-align:center;margin-bottom:30px}.j-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--j-gap)}.j-service-grid .j-photo{aspect-ratio:16/9;min-height:0;margin-bottom:23px}.journey-editorial .j-label{font:11px/1.5 Georgia;letter-spacing:2px;color:#9a722e}.j-service-grid p{margin:0 0 13px}.j-service-close{text-align:center;max-width:1000px;margin:20px auto 0}.j-service-close p:last-child{font-style:italic}.j-compassion{padding-top:48px;padding-bottom:48px}.j-compassion .j-photo{aspect-ratio:4/3}.j-sage{background:#e4e8d8;margin:25px 0}.j-yearning{padding:40px 0;max-width:1000px}.j-yearning p:last-child{font-weight:700;color:#173d2b}.j-questions{padding:40px 0 50px}.j-questions .j-copy p:nth-child(-n+4){font-size:21px;border-bottom:1px solid #d9d0b9;padding-bottom:12px}.j-closing{background:#0c3326;color:#f7f4ea;padding:42px 0;position:relative;isolation:isolate;overflow:hidden}.j-closing:before{content:'';position:absolute;inset:0 0 0 45%;background:url('../assets/journey-scenes.png') 100% 100%/300% 300% no-repeat;z-index:-2}.j-closing:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c3326 25%,#0c3326dd 58%,#0c332655);z-index:-1}.j-closing p{max-width:760px;margin:0 0 16px}.j-closing .j-label{color:#d4b472}.j-closing .story-button{margin-top:10px}.journey-editorial .site-footer{border-top:1px solid #ffffff22}
@media(max-width:700px){.j-split,.j-service-grid{grid-template-columns:1fr}.j-split{gap:25px;padding:30px 0}.j-wrap{width:88%}.j-copy h2,.j-services>h2{font-size:30px}.journey-editorial p{font-size:18px}.j-opening{padding:32px 0 15px}.j-opening p:first-child{font-size:23px}.j-photo{min-height:0;aspect-ratio:4/3}.j-dark{margin:15px 0}.j-dark .j-photo{order:-1}.j-service-grid{gap:28px}.j-services>h2{text-align:left}.j-compassion .j-photo{order:-1}.j-yearning{padding:30px 0}.j-questions .j-copy p:nth-child(-n+4){font-size:20px}.j-closing:before{inset:0;background-position:100% 100%}.j-closing:after{background:#0c3326ce}.journey-editorial .journey-hero{min-height:0;padding-bottom:265px}.journey-editorial .journey-hero-image{inset:auto 0 0;height:300px;background-size:300% 300%;background-position:0 0}.journey-editorial .journey-hero:after{background:linear-gradient(180deg,#0b3024 0%,#0b3024 53%,#0b3024a0 68%,transparent 90%)}.journey-editorial .journey-hero-content{width:100%}.journey-editorial .journey-intro{font-size:18px}}

/* Individual editorial images, each with its own natural crop. */
.journey-editorial .journey-hero-image{background-image:url("../assets/journey-hero.png");background-size:cover;background-position:center 18%}.j-photo{background-size:cover;background-position:center}
.j-photo-1{background-image:url("../assets/household.webp");background-position:center}
.j-photo-2{background-image:url("../assets/rural-road.webp");background-position:center}
.j-photo-3{background-image:url("../assets/healthcare.webp");background-position:center}
.j-photo-4{background-image:url("../assets/education.webp");background-position:center}
.j-photo-5{background-image:url("../assets/reflection.webp");background-position:center}
.j-photo-6{background-image:url("../assets/compassion.webp");background-position:center}
.j-photo-7{background-image:url("../assets/lagos-waterfront.webp");background-position:center}
.j-closing:before{background-image:url("../assets/closing-landscape.webp");background-size:cover;background-position:center}.j-split:first-of-type .j-copy p:last-child,.j-opening+.j-split .j-copy p:last-child{border-left:2px solid #b58a43;padding-left:17px;font-style:italic}@media(max-width:700px){.journey-editorial .journey-hero-image{background-size:cover;background-position:70% center}.j-closing:before{background-position:70% center}}
/* Compact Journey hero. */
.journey-editorial .journey-hero{min-height:360px}.journey-editorial .journey-hero-content{padding-top:30px;padding-bottom:30px}.journey-editorial .journey-hero h1{font-size:clamp(38px,4.1vw,58px);margin-bottom:18px}.journey-editorial .journey-eyebrow{margin-bottom:16px}.journey-editorial .journey-intro{font-size:18px;line-height:1.5;margin-bottom:22px}.journey-editorial .journey-hero .story-button{padding:12px 21px}@media(max-width:700px){.journey-editorial .journey-hero{min-height:0;padding-bottom:200px}.journey-editorial .journey-hero-content{padding-top:25px;padding-bottom:24px}.journey-editorial .journey-hero h1{font-size:38px;margin-bottom:16px}.journey-editorial .journey-intro{font-size:17px;margin-bottom:19px}.journey-editorial .journey-hero-image{height:235px}.journey-editorial .journey-hero:after{background:linear-gradient(180deg,#0b3024 0%,#0b3024 57%,#0b3024a0 70%,transparent 92%)}}
/* Place the opening statement before the gold divider. */
.j-opening:before{display:none}.j-opening p:first-child:after{content:'';display:block;width:65px;height:1px;background:#b58a43;margin:28px auto 0}
/* Bring the opening paragraph closer to the hero. */
.j-opening{padding-top:20px}.j-opening p:first-child{margin-top:0}@media(max-width:700px){.j-opening{padding-top:16px}}
/* Smaller opening statement. */
.journey-editorial .j-opening p:first-child{font-size:19px;line-height:1.6}@media(max-width:700px){.journey-editorial .j-opening p:first-child{font-size:17px;line-height:1.6}}
/* Taller hero with viewport space reserved for the opening statement. */
@media(min-width:701px){.journey-editorial .journey-hero{min-height:0;height:clamp(380px,55svh,460px);max-height:calc(100svh - 200px)}.journey-editorial .journey-hero-content{padding-top:24px;padding-bottom:24px}.journey-editorial .j-opening{padding-top:16px}.journey-editorial .j-opening p:first-child{margin-bottom:20px}}
@media(min-width:701px) and (max-height:700px){.journey-editorial .journey-hero h1{font-size:46px}.journey-editorial .journey-eyebrow{margin-bottom:12px}.journey-editorial .journey-intro{margin-bottom:16px}}

/* Journey hero height increase — desktop and mobile.
   Keep all approved imagery, content and layout intact. */
@media (min-width:701px){
  .journey-editorial .journey-hero{
    min-height:480px;
    height:clamp(480px,62svh,570px);
    max-height:none;
  }
}
@media (max-width:700px){
  .journey-editorial .journey-hero{padding-bottom:260px;}
  .journey-editorial .journey-hero-image{height:295px;}
}

/* Move the historical context from the hero into the opening story.
   Its paragraph follows naturally into the grassroots account below it. */
.journey-editorial .j-opening p:first-child:after { content:none; display:none; }
.journey-editorial .j-opening p:last-child:after {
  content:''; display:block; width:65px; height:1px;
  background:#b58a43; margin:26px auto 0;
}

/* Restore the approved historical opening as hero copy above Discover the Journey.
   Keep it readable against the dark-green photo overlay. */
.journey-editorial .journey-hero .journey-intro{
  max-width:590px;
  color:#f7f4ea;
  font-size:clamp(16px,1.45vw,20px);
  line-height:1.5;
  margin:0 0 22px;
  text-shadow:0 1px 3px rgba(0,0,0,.25);
}
@media (max-width:700px){
  .journey-editorial .journey-hero .journey-intro{
    font-size:16px; line-height:1.5; margin-bottom:20px;
  }
}

/* Approved photograph #1: Fuel scarcity — people and vehicles waiting.
   Show the entire panoramic photograph, without clipping the human queue or sign. */
.journey-editorial .j-photo-1 {
  background-image: url("../assets/fuel-scarcity-queue.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  aspect-ratio: 2 / 1;
  min-height: 0;
}
@media (max-width:700px) {
  .journey-editorial .j-photo-1 { aspect-ratio: 2 / 1; min-height: 0; }
}

/* Approved second story visual: insecurity/banditry, with the full image visible. */
.journey-editorial .j-dark .j-photo-2 {
  background-image: url("../assets/security-bandits-illustration.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  aspect-ratio: 16 / 9;
  min-height: 0;
}
@media (max-width:700px) {
  .journey-editorial .j-dark .j-photo-2 { aspect-ratio: 16 / 9; }
}


/* Approved healthcare illustration beside the education story.
   Standalone photograph, not a webpage mockup; preserve all other page elements. */
.journey-editorial .j-services .j-photo-3 {
  background-image: url("../assets/healthcare-mother-child.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  aspect-ratio: 16 / 9;
  min-height: 0;
}
/* User-supplied enhanced ASUU strike photograph for the education section. */
.journey-editorial .j-services .j-photo-4{background-image:url('../assets/education-asuu-strike-enhanced.png');background-size:cover;background-position:center;aspect-ratio:1.8923;min-height:0}

/* Airport farewell illustrating the experience of japa. */
.journey-editorial .j-photo-5{background-image:url('../assets/japa-airport-farewell.webp');background-size:cover;background-position:center;aspect-ratio:16/9;min-height:0}

/* Let the migration story flow beside the photograph and continue beneath it. */
.journey-editorial .j-story-wrap{display:flow-root}
.journey-editorial .j-story-wrap .j-copy{display:contents}
.journey-editorial .j-story-wrap .j-photo-5{float:left;width:48%;margin:0 clamp(24px,3vw,44px) 20px 0}
@media(max-width:700px){.journey-editorial .j-story-wrap .j-photo-5{float:none;width:100%;margin:0 0 25px}}

/* Editorial finish: consistent rhythm, compact paragraphs and clean text edges. */
.journey-editorial{--j-gap:clamp(26px,3.2vw,46px)}
.journey-editorial main{overflow-wrap:break-word}
.journey-editorial .j-wrap{max-width:1180px}
.journey-editorial .j-copy p,
.journey-editorial .j-service-grid p:not(.j-label),
.journey-editorial .j-opening p,
.journey-editorial .j-service-close p,
.journey-editorial .j-closing p:not(.j-label){
  text-align:justify;text-align-last:start;hyphens:auto;
  font-size:18px;line-height:1.58;letter-spacing:0;
  margin-top:0;margin-bottom:13px;
}
.journey-editorial .j-copy h2,.journey-editorial .j-services>h2{
  font-size:clamp(28px,2.65vw,37px);line-height:1.14;
  letter-spacing:-.55px;margin:0 0 18px;text-wrap:balance;
}
.journey-editorial .j-split{padding-top:32px;padding-bottom:32px;align-items:start}
.journey-editorial .j-opening{max-width:940px;padding-top:25px;padding-bottom:20px}
.journey-editorial .j-opening p:first-child{font-size:20px;line-height:1.55;margin-bottom:14px}
.journey-editorial .j-opening p:last-child:after{margin-top:23px}
.journey-editorial .j-dark{margin:20px 0}
.journey-editorial .j-dark .j-split{padding-top:36px;padding-bottom:36px}
.journey-editorial .j-services{padding-top:28px;padding-bottom:28px}
.journey-editorial .j-services>h2{margin-bottom:24px}
.journey-editorial .j-service-grid{align-items:start}
.journey-editorial .j-service-grid .j-photo{margin-bottom:16px}
.journey-editorial .j-label{font-size:11px;line-height:1.5;letter-spacing:2px;text-align:left;margin:0 0 10px}
.journey-editorial .j-service-close{max-width:940px;margin-top:22px;padding-top:18px;border-top:1px solid #d8cfbb}
.journey-editorial .j-sage{margin:20px 0}
.journey-editorial .j-yearning{max-width:940px;padding-top:32px;padding-bottom:32px}
.journey-editorial .j-questions .j-copy p:nth-child(-n+4){font-size:20px;line-height:1.45;text-align:left;padding-bottom:11px}
.journey-editorial .j-closing{padding-top:34px;padding-bottom:36px}
.journey-editorial .j-closing p{max-width:720px}
.journey-editorial .j-photo{box-shadow:0 1px 0 #163b2b14}
.journey-editorial .j-copy p:last-child{margin-bottom:0}
@media(max-width:700px){
 .journey-editorial .j-wrap{width:89%}
 .journey-editorial .j-split{padding-top:25px;padding-bottom:25px;gap:21px}
 .journey-editorial .j-copy h2,.journey-editorial .j-services>h2{font-size:29px;margin-bottom:16px}
 .journey-editorial .j-copy p,.journey-editorial .j-service-grid p:not(.j-label),
 .journey-editorial .j-opening p,.journey-editorial .j-service-close p,
 .journey-editorial .j-closing p:not(.j-label){font-size:17px;line-height:1.56;hyphens:auto}
 .journey-editorial .j-opening p:first-child{font-size:18px}
 .journey-editorial .j-service-grid{gap:25px}
 .journey-editorial .j-story-wrap .j-photo-5{margin-bottom:21px}
 .journey-editorial .j-yearning{padding-top:27px;padding-bottom:27px}
 .journey-editorial .j-questions .j-copy p:nth-child(-n+4){font-size:19px}
}

/* Flow the everyday-life account around the panoramic fuel-queue image. */
.journey-editorial .j-everyday-wrap{display:flow-root}
.journey-editorial .j-everyday-wrap .j-copy{display:contents}
.journey-editorial .j-everyday-wrap .j-photo-1{float:left;width:48%;margin:0 clamp(24px,3vw,44px) 18px 0}
@media(max-width:700px){.journey-editorial .j-everyday-wrap .j-photo-1{float:none;width:100%;margin:0 0 21px}}

/* Historical context for the album artwork in the hero. */
.journey-editorial .fela-context{padding:32px 0 27px;border-bottom:1px solid #d8d1bd}
.journey-editorial .fela-context h2{font:400 clamp(27px,2.8vw,40px)/1.16 Georgia,serif;letter-spacing:-.8px;color:#123b2b;margin:0 0 18px}
.journey-editorial .fela-context p{font:18px/1.6 Georgia,serif;margin:0 0 14px;max-width:1100px}
.journey-editorial .fela-context p:last-child{margin-bottom:0}
@media(max-width:700px){.journey-editorial .fela-context{padding:27px 0 23px}.journey-editorial .fela-context p{font-size:17px}}

.journey-editorial .fela-context{display:flow-root}
.journey-editorial .fela-performance{float:left;width:230px;margin:0 30px 16px 0}
.journey-editorial .fela-performance img{display:block;width:100%;height:auto;max-height:335px;object-fit:contain;object-position:left top}
.journey-editorial .fela-performance figcaption{font:11px/1.5 Georgia,serif;color:#657363;margin-top:9px}
.journey-editorial .fela-performance figcaption a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.journey-editorial .fela-performance{float:none;width:200px;margin:0 0 22px}.journey-editorial .fela-performance img{max-height:none}}