/* Diaries of Project Managers: editorial programme and homepage feature, using brand tokens only. */
.open-conversations-slide, .oc-page {
  --oc-ink: var(--brand-ink, #191919);
  --oc-accent: var(--brand-accent, #fca311);
  --oc-muted: var(--brand-muted, #565656);
  --oc-line: var(--brand-line, #dedede);
  --oc-paper: var(--brand-paper, #ffffff);
  font-family: var(--oslim-font);
}
/* Headlines inherit the site's Catamaran family from oslim.css. */
/* Documentary photography: real Lagos community gathering.
   Desola Lanre-Ologun / Unsplash (free under the Unsplash License).
   This is illustrative, not a photograph of Diaries of Project Managers itself. */
.main-slider .swiper-slide.open-conversations-slide { background-color: #191919; }
.main-slider .open-conversations-slide .image-layer,
.main-slider .swiper-slide-active.open-conversations-slide .image-layer {
  background-color: #565656;
  background-image: url("https://images.unsplash.com/photo-1634937734976-7b0432527d5d?auto=format&fit=crop&w=2000&q=82");
  background-size: cover;
  background-position: center 43%;
  opacity: 1;
  transform: none;
  transition: none;
}
.main-slider .open-conversations-slide .image-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(20,20,20,.84) 0%, rgba(20,20,20,.74) 38%, rgba(20,20,20,.34) 74%, rgba(20,20,20,.18) 100%),
              linear-gradient(180deg, rgba(20,20,20,.35), transparent 40%, rgba(20,20,20,.28));
}
.open-conversations-slide .oc-slide-photo-credit {
  position: absolute;
  z-index: 35;
  right: clamp(20px,4vw,70px);
  bottom: 20px;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0,0,0,.9);
}
.open-conversations-slide .oc-slide-photo-credit a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.open-conversations-slide .oc-slide-photo-credit a:hover { color: var(--oc-accent); }
/* The featured slide intentionally inherits the same Catamaran type scale,
   centered alignment, tagline, button, padding and slide animation as
   the other homepage .main-slider-two slides. */
/* Supporting copy stays in the existing centered slider layout.
   Use the website's Catamaran font and standard title/button components. */
.open-conversations-slide h2 span { color: var(--oc-accent); }
.main-slider-two .open-conversations-slide .main-slider__content {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
.open-conversations-slide .oc-slide-theme {
  color: #fff;
  font-size: clamp(19px, 2vw, 23px);
  font-weight: 700;
  line-height: 1.45;
  margin: 0 auto 10px;
}
.open-conversations-slide .oc-slide-summary {
  max-width: 700px;
  margin: 0 auto 26px;
  color: #fff;
  font-size: 18px;
  line-height: 1.65;
}
.open-conversations-slide .oc-slide-location {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 25px;
  row-gap: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  margin: 22px 0 0;
}
@media (max-width: 767px) {
  .open-conversations-slide .oc-slide-theme { font-size: 18px; }
  .open-conversations-slide .oc-slide-summary { font-size: 16px; max-width: 480px; }
  .open-conversations-slide .oc-slide-location { font-size: 12px; column-gap: 15px; }
}

/* The approved programme name is longer than the previous title.
   Keep the existing Catamaran typeface, slider alignment and CTA components. */
.main-slider-two .open-conversations-slide h2 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(38px, 5vw, 70px);
  line-height: 1.08;
  text-wrap: balance;
}
.main-slider-two .open-conversations-slide h2 .oc-event-title-subline {
  display: block;
  font-size: .57em;
  line-height: 1.22;
  margin-top: .18em;
}

/* Programme page */
.oc-page { color:var(--oc-ink); }
.oc-page p { color:var(--oc-muted); }
.oc-page a:focus-visible,.open-conversations-slide a:focus-visible {outline:3px solid var(--oc-accent);outline-offset:4px;}
.oc-page-hero {
  background:#fff; padding:80px 0 110px; border-bottom:1px solid var(--oc-line);
}
.oc-page-hero .oc-hero-grid {
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(245px,.7fr);
  gap:clamp(40px,7vw,110px);align-items:end;
}
.oc-page-hero h1 {
  color:var(--oc-ink);font-size:clamp(38px,4.8vw,64px);line-height:1.08;
  max-width:100%;font-weight:800;margin:0 0 22px;text-wrap:balance;
}
.oc-page-hero h1 span {
  display:block;color:var(--oc-accent);font-size:.69em;line-height:1.18;margin-top:.18em;
}
.oc-hero-theme {font-size:clamp(20px,2.2vw,27px);font-weight:700;line-height:1.4;margin:0 0 18px;color:var(--oc-ink)!important;}
.oc-hero-body {max-width:620px;font-size:18px;line-height:1.65;margin:0 0 28px;}
.oc-page .oc-page-action {
  display:inline-flex;align-items:center;justify-content:center;background:var(--oc-accent);
  color:var(--oc-ink);font-size:14px;font-weight:900;letter-spacing:.04em;
  padding:15px 27px;min-height:50px;border:1px solid var(--oc-accent);border-radius:3px;
  transition:background-color .2s,color .2s;
}
@media (hover:hover) and (pointer:fine) {
 .oc-page .oc-page-action:hover { background:var(--oc-ink);border-color:var(--oc-ink);color:#fff; }
}
.oc-page .oc-quiet-link {font-size:16px;font-weight:800;color:var(--oc-ink);text-decoration:underline;text-underline-offset:4px;}
.oc-page .oc-quiet-link:hover {color:var(--oc-ink);}
.oc-hero-actions {display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.oc-event-facts {border-top:3px solid var(--oc-ink);margin:0;padding:8px 0 0;}
.oc-event-facts div {display:grid;grid-template-columns:100px 1fr;gap:12px;border-bottom:1px solid var(--oc-line);padding:15px 0;}
.oc-event-facts dt {font-size:12px;line-height:1.5;color:var(--oc-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800;}
.oc-event-facts dd {font-size:16px;line-height:1.5;color:var(--oc-ink);font-weight:800;margin:0;}
.oc-fact-note {font-size:13px;line-height:1.55;color:var(--oc-muted);margin-top:16px;}
.oc-section {padding:100px 0;}
.oc-section--soft {background:#f6f6f6;}
.oc-section h2 {color:var(--oc-ink);font-size:clamp(36px,4vw,54px);line-height:1.12;font-weight:800;max-width:730px;margin:0 0 25px;text-wrap:balance;}
.oc-section h3 {color:var(--oc-ink);}
.oc-section p {font-size:18px;line-height:1.7;}
.oc-section p:last-child {margin-bottom:0;}
.oc-intro-grid {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.65fr);gap:clamp(40px,9vw,150px);align-items:center;}
.oc-prose {max-width:690px;}
.oc-prose p {margin:0 0 18px;}
.oc-feature-statement {border-top:3px solid var(--oc-accent);padding-top:28px;}
.oc-feature-statement blockquote {
  font-family:var(--oslim-font); font-weight:700;font-size:clamp(23px,2.4vw,35px);
  letter-spacing:-.025em;line-height:1.3;color:var(--oc-ink);margin:0;
}
.oc-feature-statement cite {display:block;font-style:normal;font-size:14px;margin-top:22px;color:var(--oc-muted);}
.oc-section-intro {max-width:690px;margin-bottom:40px;}
.oc-section-intro p {margin-bottom:0;}
.oc-experience-list {list-style:none;padding:0;margin:0;}
.oc-experience-list li {
 display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);
 gap:clamp(30px,8vw,130px);align-items:start;border-top:1px solid var(--oc-line);padding:29px 0 32px;
}
.oc-experience-list li:last-child {border-bottom:1px solid var(--oc-line);}
.oc-stage-heading {display:flex;align-items:baseline;gap:24px;}
.oc-stage-heading small {font-size:13px;line-height:1.5;font-weight:800;color:var(--oc-ink);border-bottom:2px solid var(--oc-accent);}
.oc-stage-heading h3 {font-size:clamp(22px,2.6vw,31px);font-weight:800;margin:0;line-height:1.25;}
.oc-experience-list p {max-width:690px;margin:0;}
.oc-detail-grid {display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,9vw,140px);}
.oc-detail-grid h2 {font-size:clamp(32px,3.4vw,46px);}
.oc-role-list,.oc-agenda {padding:0;margin:30px 0 0;list-style:none;}
.oc-role-list li,.oc-agenda li {border-bottom:1px solid var(--oc-line);padding:13px 0;font-size:17px;font-weight:700;color:var(--oc-ink);}
.oc-role-list li:first-child,.oc-agenda li:first-child {border-top:1px solid var(--oc-line);}
.oc-detail-note {font-size:15px!important;line-height:1.65!important;margin:23px 0 0;max-width:440px;}
.oc-outcomes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 54px;margin-top:45px;}
.oc-outcome {border-top:1px solid var(--oc-ink);padding:22px 0 0;}
.oc-outcome h3 {font-size:24px;font-weight:800;line-height:1.25;margin:0 0 12px;}
.oc-outcome p {font-size:16px;line-height:1.65;margin:0;}
.oc-cta {background:var(--oc-ink);padding:85px 0 90px;}
.oc-cta-inner {display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:40px;align-items:center;}
.oc-cta h2 {color:#fff;font-size:clamp(34px,4.5vw,59px);font-weight:800;line-height:1.1;margin:0 0 15px;max-width:690px;}
.oc-cta p {color:#fff;font-size:17px;line-height:1.6;max-width:650px;margin:0 0 12px;}
.oc-cta-note {font-size:13px!important;color:#fff!important;}
.oc-cta .oc-page-action {white-space:nowrap;}
@media(max-width:991px){
 .oc-page-hero .oc-hero-grid,.oc-intro-grid {grid-template-columns:1fr;gap:38px;}
 .oc-event-facts {max-width:650px;}
 .oc-detail-grid {gap:35px;}
 .oc-outcomes {grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;}
}
@media(max-width:767px){
 .oc-page-hero {padding:62px 0 68px;}
 .oc-page-hero h1 {font-size:clamp(36px,8.7vw,54px);overflow-wrap:break-word;}
 .oc-section {padding:68px 0;}
 .oc-experience-list li {grid-template-columns:1fr;gap:13px;padding:25px 0;}
 .oc-stage-heading {gap:18px;}
 .oc-detail-grid,.oc-outcomes {grid-template-columns:1fr;}
 .oc-outcomes {gap:28px;}
 .oc-cta {padding:67px 0;}
 .oc-cta-inner {grid-template-columns:1fr;gap:22px;}
 .oc-hero-actions {gap:15px;}
 .oc-event-facts div {grid-template-columns:95px 1fr;}
}
@media (max-width: 767px) {
 .main-slider .open-conversations-slide .image-layer,
 .main-slider .swiper-slide-active.open-conversations-slide .image-layer { background-position: 54% center; }
 .main-slider .open-conversations-slide .image-layer::after {
   background: linear-gradient(90deg, rgba(20,20,20,.83), rgba(20,20,20,.48)),
               linear-gradient(180deg, rgba(20,20,20,.42), transparent 30%, rgba(20,20,20,.42));
 }
 .open-conversations-slide .oc-slide-photo-credit { right: 20px; bottom: 13px; max-width: 60%; font-size: 10px; text-align: right; }
}
/* Match the existing page-header and breadcrumb pattern without decorative
   color or typography drift from the programme design system. */
.oc-page-header .page-header__inner .oc-page-header__title {
  font-family: var(--oslim-font);
  font-size: clamp(32px, 4.4vw, 55px);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: normal;
  color: #fff;
  margin: 18px 0 0;
}
.oc-page-header nav[aria-label="Breadcrumb"] { display: inline-block; }
.oc-page-header .page-header-shape-1,
.oc-page-header .page-header-shape-2 { display: none; }
@media (max-width: 767px) {
 .oc-page-header { padding: 145px 0 75px; }
 .oc-page-header .page-header__inner .oc-page-header__title { font-size: 35px; }
}

@media(prefers-reduced-motion:reduce){
 .open-conversations-slide .image-layer,.open-conversations-slide h2,
 .open-conversations-slide .thm-btn {transition:none!important;animation:none!important;}
}