.ok-home-hero { background: var(--brand-primary); color: var(--color-white); overflow: hidden; }
.ok-hero-slide { min-height: 620px; display:flex; align-items:center; }
.ok-hero-grid { display:grid; grid-template-columns: 1.05fr .95fr; align-items:center; gap: 40px; }
.ok-hero-copy h1 { color: var(--color-white); max-width: 720px; }
.ok-hero-copy p:not(.ok-eyebrow) { max-width: 650px; color: rgba(255,255,255,.86); font-size: 1.12rem; }
.ok-hero-visual { min-height: 420px; position: relative; }
.ok-watermark-orb { position:absolute; inset: 10% 0 0 10%; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgba(255,209,15,.48), transparent 28%), radial-gradient(circle at 70% 55%, rgba(0,169,219,.45), transparent 34%); filter: blur(10px); min-height: 360px; }
.ok-inner-hero { padding: 60px 0 70px; color: var(--color-white); background: linear-gradient(135deg, var(--brand-primary), #071a2e 70%); position: relative; overflow:hidden; }
.ok-inner-hero:after { content:""; position:absolute; right:-120px; bottom:-120px; width:420px; height:260px; background: radial-gradient(circle at center, var(--brand-secondary), transparent 65%); opacity:.2; filter: blur(12px); }
.ok-inner-hero h1 { color: var(--color-white); }
.ok-home-impact { background: var(--brand-primary); color: var(--color-white); }
.ok-home-impact h2, .ok-home-action h2 { color: var(--color-white); }
.ok-home-updates { background: linear-gradient(135deg, #071a2e, var(--brand-primary)); color: var(--color-white); }
.ok-home-updates h2, .ok-home-updates h3 { color: var(--color-white); }
.ok-home-action { background: var(--brand-secondary); color: var(--color-white); text-align:center; }
.ok-error-page { min-height:100vh; display:flex; align-items:center; background: var(--color-light); }


/* ABOUT PROCMURA v0.2 configurable hero */
.ok-home-hero { min-height: 640px; position: relative; background: var(--brand-primary); }
.ok-hero-slider { position: relative; min-height: 640px; overflow: hidden; }
.ok-hero-slide { position: absolute; inset: 0; min-height: 640px; display: flex; align-items: center; opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility .8s ease; }
.ok-hero-slide.is-active { opacity: 1; visibility: visible; z-index: 2; }
.ok-hero-bg { position:absolute; inset:0; background-position: right center; background-size: contain; background-repeat: no-repeat; opacity: .92; }
.ok-hero-shade { position:absolute; inset:0; background:
  linear-gradient(90deg, rgba(10,34,59,.98) 0%, rgba(10,34,59,.92) 35%, rgba(10,34,59,.55) 62%, rgba(10,34,59,.22) 100%),
  radial-gradient(circle at 68% 50%, rgba(0,169,219,.14), transparent 28%); }
.ok-hero-grid { position: relative; z-index: 3; display:grid; grid-template-columns: minmax(0, 0.95fr) minmax(280px, .85fr); align-items:center; gap: 40px; }
.ok-hero-copy { max-width: 760px; padding-top: 30px; }
.ok-hero-copy h1 { color: var(--color-white); font-size: clamp(2.8rem, 5.2vw, 5.7rem); line-height: .96; letter-spacing: -.04em; max-width: 780px; }
.ok-hero-copy p:not(.ok-eyebrow) { max-width: 690px; color: rgba(255,255,255,.92); font-size: clamp(1rem, 1.2vw, 1.25rem); line-height: 1.55; }
.ok-slider-dots { position:absolute; z-index: 5; left: 50%; bottom: 36px; transform: translateX(-50%); display:flex; gap: 12px; }
.ok-slider-dots span { width: 10px; height: 10px; border-radius:999px; background: rgba(255,255,255,.45); display:block; }
.ok-slider-dots span.is-active { background: var(--brand-accent); }


/* ABOUT PROCMURA v0.6 hero consistency refinement */
.ok-home-hero,
.ok-hero-slider,
.ok-hero-slide { min-height: 720px; }
.ok-hero-slide { align-items: center; }
.ok-hero-bg {
  background-size: auto 100%;
  background-position: right center;
  opacity: .86;
}
.ok-hero-shade {
  background:
    linear-gradient(90deg, rgba(10,34,59,.99) 0%, rgba(10,34,59,.94) 34%, rgba(10,34,59,.68) 56%, rgba(10,34,59,.24) 100%),
    linear-gradient(180deg, rgba(10,34,59,.08) 0%, rgba(10,34,59,.08) 70%, rgba(10,34,59,.55) 100%),
    radial-gradient(circle at 68% 50%, rgba(0,169,219,.13), transparent 30%);
}
.ok-hero-grid {
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
}
.ok-hero-copy {
  width: min(100%, 820px);
  max-width: 820px;
  padding-top: 58px;
}
.site-home.has-transparent-home-header .ok-hero-copy {
  padding-top: 82px;
}
.ok-hero-copy h1 {
  max-width: 820px;
  font-size: clamp(3.15rem, 4.05vw, 4.65rem);
  line-height: 1.03;
  letter-spacing: -.045em;
  margin-bottom: 22px;
}
.ok-hero-copy p:not(.ok-eyebrow) {
  max-width: 800px;
  font-size: clamp(1.05rem, 1.12vw, 1.22rem);
  line-height: 1.48;
}
.ok-eyebrow {
  margin-bottom: 20px;
}
.ok-home-hero .ok-button-row {
  margin-top: 32px;
  gap: 22px;
}
.ok-home-hero .ok-btn {
  min-width: 230px;
}
.ok-slider-dots {
  bottom: 42px;
}


/* ABOUT PROCMURA v0.7 hero image brightness controls */
.ok-hero-bg {
  opacity: var(--ok-hero-image-opacity, .98);
}
.ok-hero-shade {
  opacity: var(--ok-hero-overlay-opacity, .62);
  background:
    linear-gradient(90deg, rgba(10,34,59,.98) 0%, rgba(10,34,59,.88) 34%, rgba(10,34,59,.43) 58%, rgba(10,34,59,.08) 100%),
    linear-gradient(180deg, rgba(10,34,59,0) 0%, rgba(10,34,59,.10) 68%, rgba(10,34,59,.44) 100%),
    radial-gradient(circle at 68% 50%, rgba(0,169,219,.10), transparent 30%);
}


/* ABOUT PROCMURA v1.0 separate hero content and image animations */
.ok-hero-slide {
  transition: opacity .78s ease, visibility .78s ease;
}
.ok-hero-bg,
.ok-hero-shade {
  transition: opacity .9s ease, transform 1s ease;
  will-change: opacity, transform;
}
.ok-hero-copy > * {
  transition: opacity .72s ease, transform .86s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}
.ok-hero-copy .ok-eyebrow { transition-delay: .06s; }
.ok-hero-copy h1 { transition-delay: .14s; }
.ok-hero-copy p:not(.ok-eyebrow) { transition-delay: .22s; }
.ok-hero-copy .ok-button-row { transition-delay: .30s; }

/* Image animation defaults */
.ok-image-animation-fade .ok-hero-bg,
.ok-image-animation-fade .ok-hero-shade {
  opacity: 0;
  transform: none;
}
.ok-image-animation-fade .ok-hero-slide.is-active .ok-hero-bg {
  opacity: var(--ok-hero-image-opacity, .98);
}
.ok-image-animation-fade .ok-hero-slide.is-active .ok-hero-shade {
  opacity: var(--ok-hero-overlay-opacity, .62);
}
.ok-image-animation-zoom-soft .ok-hero-bg,
.ok-image-animation-zoom-soft .ok-hero-shade {
  opacity: 0;
}
.ok-image-animation-zoom-soft .ok-hero-bg {
  transform: scale(1.045);
}
.ok-image-animation-zoom-soft .ok-hero-slide.is-active .ok-hero-bg {
  opacity: var(--ok-hero-image-opacity, .98);
  transform: scale(1);
}
.ok-image-animation-zoom-soft .ok-hero-slide.is-active .ok-hero-shade {
  opacity: var(--ok-hero-overlay-opacity, .62);
}
.ok-image-animation-slide-left .ok-hero-bg,
.ok-image-animation-slide-left .ok-hero-shade {
  opacity: 0;
  transform: translateX(-44px);
}
.ok-image-animation-slide-left .ok-hero-slide.is-active .ok-hero-bg,
.ok-image-animation-slide-left .ok-hero-slide.is-active .ok-hero-shade {
  opacity: var(--ok-hero-image-opacity, .98);
  transform: translateX(0);
}
.ok-image-animation-slide-left .ok-hero-slide.is-active .ok-hero-shade {
  opacity: var(--ok-hero-overlay-opacity, .62);
}
.ok-image-animation-slide-right .ok-hero-bg,
.ok-image-animation-slide-right .ok-hero-shade {
  opacity: 0;
  transform: translateX(44px);
}
.ok-image-animation-slide-right .ok-hero-slide.is-active .ok-hero-bg,
.ok-image-animation-slide-right .ok-hero-slide.is-active .ok-hero-shade {
  opacity: var(--ok-hero-image-opacity, .98);
  transform: translateX(0);
}
.ok-image-animation-slide-right .ok-hero-slide.is-active .ok-hero-shade {
  opacity: var(--ok-hero-overlay-opacity, .62);
}

/* Content animation defaults */
.ok-content-animation-none .ok-hero-copy > *,
.ok-content-animation-fade .ok-hero-copy > * {
  opacity: 0;
  transform: none;
}
.ok-content-animation-fade .ok-hero-slide.is-active .ok-hero-copy > *,
.ok-content-animation-none .ok-hero-slide.is-active .ok-hero-copy > * {
  opacity: 1;
}
.ok-content-animation-slide-left .ok-hero-copy > * {
  opacity: 0;
  transform: translate3d(-96px, 0, 0);
}
.ok-content-animation-slide-right .ok-hero-copy > * {
  opacity: 0;
  transform: translate3d(96px, 0, 0);
}
.ok-content-animation-slide-left .ok-hero-slide.is-active .ok-hero-copy > *,
.ok-content-animation-slide-right .ok-hero-slide.is-active .ok-hero-copy > * {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .ok-hero-copy > *,
  .ok-hero-bg,
  .ok-hero-shade,
  .ok-hero-slide {
    transition: none !important;
    transform: none !important;
  }
  .ok-content-animation-slide-left .ok-hero-copy > *,
  .ok-content-animation-slide-right .ok-hero-copy > *,
  .ok-content-animation-fade .ok-hero-copy > *,
  .ok-content-animation-none .ok-hero-copy > *,
  .ok-image-animation-fade .ok-hero-bg,
  .ok-image-animation-fade .ok-hero-shade,
  .ok-image-animation-zoom-soft .ok-hero-bg,
  .ok-image-animation-zoom-soft .ok-hero-shade,
  .ok-image-animation-slide-left .ok-hero-bg,
  .ok-image-animation-slide-left .ok-hero-shade,
  .ok-image-animation-slide-right .ok-hero-bg,
  .ok-image-animation-slide-right .ok-hero-shade {
    opacity: 1 !important;
  }
  .ok-image-animation-fade .ok-hero-shade,
  .ok-image-animation-zoom-soft .ok-hero-shade,
  .ok-image-animation-slide-left .ok-hero-shade,
  .ok-image-animation-slide-right .ok-hero-shade {
    opacity: var(--ok-hero-overlay-opacity, .62) !important;
  }
}


/* ABOUT PROCMURA v1.7 homepage section system */
.ok-home-main {
  background: var(--site-background, #fff);
}
.ok-home-section {
  position: relative;
  overflow: hidden;
}
.ok-home-section .ok-module,
.ok-home-section .ok-module-content {
  width: 100%;
}
.ok-home-identity {
  background:
    radial-gradient(circle at 8% 100%, rgba(0,169,219,.10), transparent 26%),
    radial-gradient(circle at 100% 10%, rgba(255,209,15,.08), transparent 24%),
    #fff;
  padding-top: clamp(54px, 7vw, var(--section-padding));
  padding-bottom: clamp(54px, 7vw, var(--section-padding));
}
.ok-home-work {
  background: #fff;
  text-align: center;
}
.ok-home-impact {
  padding: 0;
}
.ok-home-proof,
.ok-home-resources {
  background: #fff;
}
.ok-home-updates {
  background: linear-gradient(135deg, #061827, var(--brand-primary));
}
.ok-home-action {
  background: #0b1624;
}
.ok-section-kicker {
  display: inline-block;
  color: var(--brand-secondary);
  font-family: var(--nav-font);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.ok-section-heading {
  color: var(--brand-primary);
  margin: 0 0 18px;
}
.ok-section-heading .accent,
.ok-section-heading em {
  color: var(--brand-accent);
  font-style: normal;
}
.ok-section-intro {
  color: var(--color-muted);
  line-height: 1.65;
}
.ok-home-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.45fr);
  gap: clamp(32px, 5vw, 78px);
  align-items: start;
}
.ok-home-intro-copy {
  max-width: 430px;
}
.ok-home-intro-copy .ok-btn {
  margin-top: 22px;
}
.ok-mvv-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.ok-mvv-card {
  min-height: 100%;
  background: rgba(255,255,255,.96);
  border: 1px solid var(--color-border);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(10,34,59,.08);
}
.ok-mvv-card h3 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 12px;
  font-size: 1.15rem;
}
.ok-mvv-card p {
  margin: 0;
  color: var(--color-muted);
  line-height: 1.6;
  font-size: .96rem;
}
.ok-mvv-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  color: var(--brand-secondary);
  border: 2px solid currentColor;
  border-radius: 999px;
  font-size: 1.55rem;
  line-height: 1;
}
.ok-mvv-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 980px) {
  .ok-home-intro-grid,
  .ok-mvv-grid {
    grid-template-columns: 1fr;
  }
  .ok-home-intro-copy {
    max-width: 760px;
  }
}


/* ABOUT PROCMURA v1.8 homepage What We Do section */
.ok-home-work {
  background: #ffffff;
  padding-top: clamp(54px, 6vw, 82px);
  padding-bottom: clamp(54px, 6vw, 82px);
  text-align: center;
}
.ok-programmes-home .ok-section-title {
  max-width: 780px;
  margin: 0 auto clamp(32px, 4vw, 50px);
}
.ok-programmes-home .ok-section-heading {
  font-size: clamp(2rem, 3.2vw, 3rem);
  margin-bottom: 12px;
}
.ok-programme-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  align-items: start;
}
.ok-programme-card {
  padding: 6px 4px;
  text-align: center;
  color: var(--brand-primary);
}
.ok-programme-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  display: inline-grid;
  place-items: center;
  color: var(--brand-secondary);
}
.ok-programme-icon svg {
  width: 52px;
  height: 52px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ok-programme-card h3 {
  margin: 0 auto 8px;
  max-width: 150px;
  font-size: .92rem;
  line-height: 1.18;
  color: var(--brand-primary);
}
.ok-programme-card p {
  margin: 0 auto;
  max-width: 155px;
  color: var(--color-muted);
  font-size: .82rem;
  line-height: 1.45;
}
@media (max-width: 1100px) {
  .ok-programme-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 34px;
  }
  .ok-programme-card h3,
  .ok-programme-card p {
    max-width: 220px;
  }
}
@media (max-width: 640px) {
  .ok-programme-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 420px) {
  .ok-programme-grid {
    grid-template-columns: 1fr;
  }
}


/* ABOUT PROCMURA v1.9 homepage Impact Counter section */
.ok-home-impact {
  position: relative;
  overflow: hidden;
  padding: 0;
  background: var(--brand-primary);
  color: var(--color-white);
}
.ok-home-impact .ok-container {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.ok-impact-band {
  position: relative;
  isolation: isolate;
  min-height: 170px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(10,34,59,.94), rgba(10,34,59,.70), rgba(10,34,59,.88)),
    radial-gradient(circle at 82% 50%, rgba(255,209,15,.18), transparent 25%),
    radial-gradient(circle at 18% 45%, rgba(0,169,219,.16), transparent 28%),
    var(--brand-primary);
}
.ok-impact-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--ok-impact-bg, none);
  background-size: cover;
  background-position: center;
  opacity: var(--ok-impact-bg-opacity, .34);
  z-index: -2;
}
.ok-impact-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(10,34,59,.82), rgba(10,34,59,.52), rgba(10,34,59,.80)),
    radial-gradient(circle at 30% 50%, rgba(255,209,15,.16), transparent 30%);
  z-index: -1;
}
.ok-impact-inner {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(34px, 4vw, 54px) 0;
}
.ok-impact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 4vw, 56px);
  align-items: start;
  text-align: center;
}
.ok-impact-stat {
  color: var(--color-white);
}
.ok-impact-number {
  display: block;
  margin-bottom: 8px;
  color: var(--brand-accent);
  font-family: var(--heading-font);
  font-weight: 900;
  font-size: clamp(2.8rem, 5vw, 4.4rem);
  line-height: .9;
  letter-spacing: -.05em;
  text-shadow: 0 10px 30px rgba(0,0,0,.28);
}
.ok-impact-label {
  display: block;
  max-width: 190px;
  margin: 0 auto;
  color: rgba(255,255,255,.92);
  font-size: clamp(.86rem, 1vw, 1rem);
  font-weight: 600;
  line-height: 1.25;
}
.ok-impact-label strong {
  color: #fff;
}
@media (max-width: 900px) {
  .ok-impact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 34px;
  }
}
@media (max-width: 520px) {
  .ok-impact-grid {
    grid-template-columns: 1fr;
  }
  .ok-impact-label {
    max-width: 260px;
  }
}


/* ABOUT PROCMURA v2.0 homepage Featured Story / Proof section */
.ok-home-proof {
  background: #ffffff;
  padding-top: clamp(64px, 7vw, 96px);
  padding-bottom: clamp(64px, 7vw, 96px);
}
.ok-featured-story {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
  gap: clamp(30px, 5vw, 64px);
  align-items: center;
}
.ok-featured-media {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: 0 18px 45px rgba(10, 34, 59, .14);
  background: var(--color-light);
}
.ok-featured-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.ok-featured-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(10, 34, 59, .18));
  pointer-events: none;
}
.ok-featured-content {
  max-width: 620px;
}
.ok-featured-label {
  margin: 0 0 14px;
  color: var(--brand-primary);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ok-featured-title {
  margin: 0 0 18px;
  color: var(--brand-primary);
  font-size: clamp(1.8rem, 3vw, 2.65rem);
  line-height: 1.02;
  letter-spacing: -.04em;
}
.ok-featured-text {
  color: var(--color-muted);
  font-size: clamp(.96rem, 1vw, 1.05rem);
  line-height: 1.75;
}
.ok-featured-text p {
  margin: 0 0 16px;
}
.ok-featured-content .ok-button-row {
  margin-top: 22px;
}
.ok-featured-content .ok-btn {
  min-height: 46px;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 900px) {
  .ok-featured-story {
    grid-template-columns: 1fr;
  }
  .ok-featured-content {
    max-width: 760px;
  }
}


/* ABOUT PROCMURA v2.1 homepage Latest News & Media section */
.ok-home-updates {
  position: relative;
  overflow: hidden;
  padding-top: clamp(68px, 7vw, 104px);
  padding-bottom: clamp(72px, 8vw, 120px);
  color: var(--color-white);
  background:
    linear-gradient(180deg, rgba(4, 13, 24, .90), rgba(4, 13, 24, .94)),
    var(--brand-primary);
}
.ok-home-updates::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--ok-news-bg, url('../images/backgrounds/news-media-bg.png'));
  background-size: cover;
  background-position: center;
  opacity: var(--ok-news-bg-opacity, .58);
  z-index: 0;
}
.ok-home-updates::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,209,15,.14), transparent 18%),
    linear-gradient(90deg, rgba(4,13,24,.96) 0%, rgba(4,13,24,.72) 48%, rgba(4,13,24,.92) 100%);
  z-index: 1;
}
.ok-home-updates .ok-container {
  position: relative;
  z-index: 2;
}
.ok-news-media-home .ok-section-title {
  margin-bottom: clamp(34px, 5vw, 54px);
  text-align: center;
}
.ok-news-media-home .ok-section-heading {
  color: var(--color-white);
  font-size: clamp(2rem, 3.6vw, 3.35rem);
  margin-bottom: 8px;
}
.ok-news-media-home .ok-section-heading .accent {
  color: var(--brand-accent);
}
.ok-news-media-home .ok-section-intro {
  color: rgba(255,255,255,.74);
  max-width: 720px;
  margin: 0 auto;
}
.ok-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 34px);
  align-items: stretch;
}
.ok-news-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 100%;
  background: var(--color-white);
  border-radius: var(--radius-sm);
  box-shadow: 0 22px 55px rgba(0,0,0,.28);
  color: var(--brand-primary);
}
.ok-news-card-media {
  overflow: hidden;
  background: #dce6ef;
}
.ok-news-card-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  transition: transform .35s ease;
}
.ok-news-card:hover .ok-news-card-media img {
  transform: scale(1.045);
}
.ok-news-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: clamp(20px, 2.5vw, 28px);
}
.ok-news-card h3 {
  margin: 0 0 10px;
  color: var(--brand-primary);
  font-size: clamp(1.05rem, 1.35vw, 1.28rem);
  line-height: 1.12;
  letter-spacing: -.025em;
}
.ok-news-meta {
  margin-bottom: 12px;
  color: #7b8490;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.ok-news-card p {
  color: var(--color-muted);
  font-size: .92rem;
  line-height: 1.6;
  margin: 0 0 18px;
}
.ok-news-link {
  margin-top: auto;
  color: var(--brand-primary);
  font-size: .88rem;
  font-weight: 800;
  text-decoration: none;
}
.ok-news-link:hover {
  color: var(--brand-secondary);
}
.ok-news-media-actions {
  margin-top: clamp(28px, 4vw, 46px);
  text-align: center;
}
.ok-news-media-actions .ok-btn {
  border-color: rgba(255,255,255,.62);
}
@media (max-width: 900px) {
  .ok-news-grid {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin: 0 auto;
  }
}


/* ABOUT PROCMURA v2.2 Latest News video popup */
.ok-news-video-showcase {
  position: relative;
  min-height: clamp(260px, 34vw, 470px);
  display: grid;
  place-items: center;
  margin: clamp(42px, 6vw, 76px) auto 0;
  isolation: isolate;
}
.ok-news-video-showcase::before {
  content: "";
  position: absolute;
  inset: -18% -10% -14%;
  background: radial-gradient(circle at 50% 52%, rgba(255,209,15,.12), transparent 18%);
  pointer-events: none;
  z-index: -1;
}
.ok-video-play {
  width: clamp(72px, 8vw, 106px);
  height: clamp(72px, 8vw, 106px);
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: var(--brand-accent);
  color: var(--brand-primary);
  cursor: pointer;
  box-shadow:
    0 0 0 10px rgba(255,255,255,.18),
    0 0 0 13px rgba(255,255,255,.46),
    0 20px 55px rgba(0,0,0,.38);
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.ok-video-play:hover,
.ok-video-play:focus {
  transform: translateY(-2px) scale(1.03);
  filter: brightness(.98);
  outline: none;
  box-shadow:
    0 0 0 10px rgba(255,255,255,.22),
    0 0 0 13px rgba(255,255,255,.56),
    0 24px 65px rgba(0,0,0,.44);
}
.ok-video-play svg {
  width: 38%;
  height: 38%;
  margin-left: 6%;
  fill: currentColor;
}
.ok-video-modal[hidden] {
  display: none !important;
}
.ok-video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: clamp(18px, 4vw, 44px);
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(3px);
}
.ok-video-modal-dialog {
  position: relative;
  width: min(920px, 92vw);
  background: var(--color-white);
  padding: clamp(10px, 1.6vw, 18px);
  box-shadow: 0 30px 90px rgba(0,0,0,.48);
}
.ok-video-modal-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
}
.ok-video-modal-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ok-video-modal-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: var(--color-white);
  color: var(--brand-primary);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}
.ok-video-modal-close:hover,
.ok-video-modal-close:focus {
  outline: none;
  color: var(--brand-secondary);
}
body.ok-video-modal-open {
  overflow: hidden;
}
@media (max-width: 700px) {
  .ok-video-modal-close {
    top: -14px;
    right: -10px;
  }
}


/* ABOUT PROCMURA v2.3 homepage Resources & Publications section */
.ok-home-resources {
  position: relative;
  overflow: hidden;
  padding-top: clamp(58px, 7vw, 88px);
  padding-bottom: clamp(62px, 7vw, 94px);
  background:
    radial-gradient(circle at 12% 0%, rgba(0,169,219,.08), transparent 24%),
    radial-gradient(circle at 90% 100%, rgba(255,209,15,.10), transparent 28%),
    #ffffff;
}
.ok-resources-home .ok-section-title {
  margin-bottom: clamp(32px, 5vw, 50px);
  text-align: center;
}
.ok-resources-home .ok-section-heading {
  color: var(--brand-primary);
  font-size: clamp(2rem, 3.4vw, 3rem);
  margin-bottom: 10px;
}
.ok-resources-home .ok-section-heading .accent {
  color: var(--brand-accent);
}
.ok-resources-home .ok-section-intro {
  max-width: 700px;
  margin: 0 auto;
  color: var(--color-muted);
}
.ok-resource-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 54px);
  align-items: start;
}
.ok-resource-item {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.ok-resource-icon {
  width: 50px;
  min-height: 66px;
  display: grid;
  place-items: center;
  color: var(--color-white);
  background:
    linear-gradient(180deg, rgba(0,169,219,.95), rgba(10,34,59,.98));
  border-radius: 4px;
  box-shadow: 0 10px 25px rgba(10,34,59,.16);
  position: relative;
}
.ok-resource-icon::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 9px;
  right: 9px;
  height: 5px;
  background: rgba(255,255,255,.88);
  border-radius: 99px;
}
.ok-resource-icon svg {
  width: 26px;
  height: 26px;
  margin-top: 10px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ok-resource-content h3 {
  margin: 0 0 10px;
  color: var(--brand-primary);
  font-size: 1.08rem;
  line-height: 1.15;
}
.ok-resource-content p {
  margin: 0 0 14px;
  color: var(--color-muted);
  font-size: .94rem;
  line-height: 1.62;
}
.ok-resource-link {
  color: var(--brand-secondary);
  font-size: .86rem;
  font-weight: 800;
  text-decoration: none;
}
.ok-resource-link:hover {
  color: var(--brand-primary);
}
@media (max-width: 900px) {
  .ok-resource-grid {
    grid-template-columns: 1fr;
    max-width: 620px;
    margin: 0 auto;
  }
}
@media (max-width: 520px) {
  .ok-resource-item {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
  }
  .ok-resource-icon {
    width: 42px;
    min-height: 56px;
  }
}


/* ABOUT PROCMURA v2.4 homepage Support CTA section */
.ok-home-action {
  position: relative;
  overflow: hidden;
  padding-top: clamp(72px, 8vw, 110px);
  padding-bottom: clamp(76px, 8vw, 118px);
  color: var(--color-white);
  text-align: center;
  background:
    radial-gradient(circle at 68% 42%, rgba(0,169,219,.16), transparent 26%),
    radial-gradient(circle at 72% 48%, rgba(255,209,15,.12), transparent 18%),
    linear-gradient(135deg, #07111f 0%, var(--brand-primary) 100%);
}
.ok-home-action::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 80% 35%, rgba(0,169,219,.22), transparent 18%),
    radial-gradient(circle at 62% 58%, rgba(255,209,15,.12), transparent 18%);
  opacity: .75;
  pointer-events: none;
}
.ok-home-action::after {
  content: "";
  position: absolute;
  right: 10%;
  top: 16%;
  width: min(360px, 42vw);
  height: min(260px, 28vw);
  background:
    linear-gradient(135deg, rgba(0,169,219,.18), rgba(255,209,15,.12));
  filter: blur(42px);
  border-radius: 50%;
  opacity: .8;
  pointer-events: none;
}
.ok-home-action .ok-container {
  position: relative;
  z-index: 2;
}
.ok-support-cta {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(20px, 3vw, 34px) 20px;
}
.ok-support-cta h2 {
  max-width: 780px;
  margin: 0 auto 18px;
  color: var(--color-white);
  font-size: clamp(2.4rem, 4.6vw, 4.25rem);
  line-height: .98;
  letter-spacing: -.055em;
}
.ok-support-cta .ok-cta-text {
  max-width: 820px;
  margin: 0 auto 36px;
  color: var(--brand-secondary);
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  line-height: 1.45;
}
.ok-support-cta .ok-cta-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
}
.ok-support-cta .ok-btn {
  min-width: 148px;
  min-height: 46px;
}
.ok-support-cta .ok-btn-outline-light {
  background: transparent;
}
.ok-support-cta-art {
  position: absolute;
  right: 3%;
  top: 50%;
  width: min(270px, 32vw);
  transform: translateY(-50%);
  opacity: .35;
  color: var(--brand-accent);
  pointer-events: none;
}
.ok-support-cta-art svg {
  width: 100%;
  height: auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 26px rgba(255,209,15,.16));
}
@media (max-width: 760px) {
  .ok-support-cta-art {
    right: -8%;
    top: 28%;
    width: 240px;
    opacity: .18;
  }
  .ok-support-cta .ok-cta-text {
    color: rgba(255,255,255,.78);
  }
}

/* Internal main wrapper spacing patch v4.8 */
body:not(.home) main.ok-main.ok-section {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

body:not(.home) .ok-main.ok-section {
  padding-top: 10px !important;
}

body:not(.home) .ok-inner-hero {
  padding: 60px 0 70px !important;
}

/* Internal page hero dove watermark v4.9 */
.ok-inner-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.ok-inner-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.88) 48%, rgba(10, 34, 59, 0.55) 100%),
    url("../images/dove_in_a_cosmic_glow.png") no-repeat right center !important;
  background-size: auto 100% !important;
  opacity: 0.55 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.ok-inner-hero::after {
  content: "" !important;
  position: absolute !important;
  right: -80px !important;
  bottom: -120px !important;
  width: 380px !important;
  height: 260px !important;
  background: radial-gradient(circle, rgba(0, 169, 219, 0.25), transparent 65%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.ok-inner-hero .ok-container {
  position: relative !important;
  z-index: 2 !important;
}

/* Keep internal page hero compact */
body:not(.home) .ok-inner-hero {
  padding: 60px 0 70px !important;
}

body:not(.home) main.ok-main.ok-section {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 991px) {
  .ok-inner-hero::before {
    background:
      linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.90) 60%, rgba(10, 34, 59, 0.75) 100%),
      url("../images/dove_in_a_cosmic_glow.png") no-repeat right center !important;
    background-size: auto 85% !important;
    opacity: 0.38 !important;
  }

  .ok-inner-hero::after {
    width: 240px !important;
    height: 180px !important;
    right: -70px !important;
    bottom: -90px !important;
  }
}

/* Internal hero bigger dove watermark v5.1 */
.ok-inner-hero::before {
  background:
    linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.86) 45%, rgba(10, 34, 59, 0.48) 100%),
    url("../images/dove_in_a_cosmic_glow.png") no-repeat calc(100% + 120px) center !important;
  background-size: auto 145% !important;
  opacity: 0.68 !important;
}

.ok-inner-hero::after {
  right: -150px !important;
  bottom: -145px !important;
  width: 520px !important;
  height: 340px !important;
  background: radial-gradient(circle, rgba(0, 169, 219, 0.28), transparent 66%) !important;
}

@media (max-width: 991px) {
  .ok-inner-hero::before {
    background:
      linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.92) 58%, rgba(10, 34, 59, 0.70) 100%),
      url("../images/dove_in_a_cosmic_glow.png") no-repeat calc(100% + 80px) center !important;
    background-size: auto 115% !important;
    opacity: 0.46 !important;
  }

  .ok-inner-hero::after {
    width: 300px !important;
    height: 210px !important;
    right: -120px !important;
    bottom: -100px !important;
  }
}

/* Internal hero dove position refined v5.2 */
.ok-inner-hero::before {
  background:
    linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.88) 45%, rgba(10, 34, 59, 0.52) 100%),
    url("../images/dove_in_a_cosmic_glow.png") no-repeat 86% center !important;
  background-size: auto 138% !important;
  opacity: 0.68 !important;
}

.ok-inner-hero::after {
  right: 4% !important;
  bottom: -140px !important;
  width: 460px !important;
  height: 320px !important;
  background: radial-gradient(circle, rgba(0, 169, 219, 0.25), transparent 66%) !important;
}

@media (max-width: 991px) {
  .ok-inner-hero::before {
    background:
      linear-gradient(90deg, rgba(10, 34, 59, 0.98) 0%, rgba(10, 34, 59, 0.92) 58%, rgba(10, 34, 59, 0.72) 100%),
      url("../images/dove_in_a_cosmic_glow.png") no-repeat 95% center !important;
    background-size: auto 105% !important;
    opacity: 0.42 !important;
  }

  .ok-inner-hero::after {
    width: 260px !important;
    height: 180px !important;
    right: -40px !important;
    bottom: -90px !important;
  }
}

/* Breadcrumb single grey style v5.3 */
.ok-breadcrumb-wrap {
  display: block !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(10,34,59,.04) !important;
  border-bottom: 1px solid rgba(10,34,59,.06) !important;
  padding: 9px 0 !important;
}

.ok-breadcrumb-wrap + .ok-breadcrumb-wrap {
  display: none !important;
}

.ok-breadcrumb-wrap .breadcrumb,
.ok-breadcrumb-wrap .breadcrumbs,
.ok-breadcrumb-wrap ul {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  list-style: none !important;
  color: #7a8794 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.ok-breadcrumb-wrap li,
.ok-breadcrumb-wrap span,
.ok-breadcrumb-wrap a {
  color: #7a8794 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.ok-breadcrumb-wrap a:hover,
.ok-breadcrumb-wrap a:focus {
  color: #00A9DB !important;
  text-decoration: none !important;
}

.ok-breadcrumb-wrap li + li::before {
  content: "›";
  color: #a8b2bd !important;
  margin-right: 8px;
  font-weight: 800;
}

.ok-breadcrumb-wrap .divider,
.ok-breadcrumb-wrap .separator,
.ok-breadcrumb-wrap .icon-location,
.ok-breadcrumb-wrap .showHere {
  color: #a8b2bd !important;
}

.ok-breadcrumb-wrap .active,
.ok-breadcrumb-wrap .last,
.ok-breadcrumb-wrap li:last-child,
.ok-breadcrumb-wrap li:last-child span {
  color: #5f6d79 !important;
  font-weight: 800 !important;
}


/* Overkado Team Grid v5.5 */
.ok-team-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin: 30px 0 40px !important;
}

.ok-team-card {
  background: #ffffff !important;
  border: 1px solid rgba(10, 34, 59, 0.07) !important;
  border-radius: 14px !important;
  padding: 20px 18px !important;
  box-shadow: 0 16px 34px rgba(10, 34, 59, 0.07) !important;
  text-align: center !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.ok-team-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 42px rgba(10, 34, 59, 0.11) !important;
}

.ok-team-photo {
  width: 94px !important;
  height: 94px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto 14px !important;
  border: 4px solid rgba(0, 169, 219, 0.14) !important;
  background: #eaf7fb !important;
}

.ok-team-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.ok-team-card h3 {
  margin: 0 0 6px !important;
  color: #0A223B !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

.ok-team-card span {
  display: block !important;
  margin: 0 !important;
  color: rgba(10, 34, 59, 0.62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

.ok-team-card p {
  display: none !important;
}

@media (max-width: 991px) {
  .ok-team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .ok-team-grid {
    grid-template-columns: 1fr !important;
  }

  .ok-team-card {
    padding: 18px !important;
  }
}


/* Overkado Programme Layout v5.6 */
.ok-programme-article .ok-programme-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr) !important;
  gap: clamp(26px, 5vw, 56px) !important;
  align-items: center !important;
  margin: 10px 0 38px !important;
}

.ok-programme-article .ok-programme-intro h2 {
  margin-bottom: 16px !important;
}

.ok-programme-article .ok-programme-lead {
  font-size: 19px !important;
  line-height: 1.75 !important;
  color: rgba(10, 34, 59, 0.78) !important;
}

.ok-programme-article .ok-programme-visual {
  position: relative !important;
  min-height: 280px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 28% 28%, rgba(255, 209, 15, .48), transparent 25%),
    radial-gradient(circle at 76% 62%, rgba(0, 169, 219, .38), transparent 32%),
    linear-gradient(135deg, #0A223B, #071a2e) !important;
  box-shadow: 0 24px 54px rgba(10, 34, 59, 0.16) !important;
}

.ok-programme-article .ok-programme-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 28px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 18px !important;
}

.ok-programme-article .ok-programme-visual::after {
  content: "Peace • Dialogue • Development" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 28px !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.08 !important;
}

.ok-programme-article .ok-focus-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 30px 0 42px !important;
}

.ok-programme-article .ok-focus-card {
  background: #ffffff !important;
  border: 1px solid rgba(10,34,59,.07) !important;
  border-radius: 16px !important;
  padding: 22px !important;
  box-shadow: 0 16px 34px rgba(10,34,59,.07) !important;
}

.ok-programme-article .ok-focus-card span {
  display: inline-flex !important;
  width: 34px !important;
  height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(0,169,219,.12) !important;
  color: #00A9DB !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

.ok-programme-article .ok-focus-card h3 {
  font-size: 19px !important;
  margin: 0 0 10px !important;
  color: #0A223B !important;
}

.ok-programme-article .ok-focus-card p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: rgba(10,34,59,.72) !important;
}

.ok-programme-article .ok-programme-band {
  margin: 42px 0 !important;
  padding: clamp(28px, 5vw, 44px) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #0A223B, #071a2e) !important;
  color: #ffffff !important;
  overflow: hidden !important;
  position: relative !important;
}

.ok-programme-article .ok-programme-band h2,
.ok-programme-article .ok-programme-band h3 {
  color: #ffffff !important;
}

.ok-programme-article .ok-programme-band p,
.ok-programme-article .ok-programme-band li {
  color: rgba(255,255,255,.84) !important;
}

.ok-programme-article .ok-programme-band ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 24px !important;
  margin-bottom: 0 !important;
}

.ok-programme-article .ok-impact-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 34px 0 42px !important;
}

.ok-programme-article .ok-impact-item {
  padding: 20px !important;
  border-left: 4px solid #FFD10F !important;
  background: rgba(255, 209, 15, .10) !important;
  border-radius: 12px !important;
}

.ok-programme-article .ok-impact-item strong {
  display: block !important;
  color: #0A223B !important;
  font-size: 18px !important;
  margin-bottom: 6px !important;
}

.ok-programme-article .ok-impact-item span {
  color: rgba(10,34,59,.72) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.ok-programme-article .ok-programme-cta {
  margin-top: 42px !important;
  padding: 34px !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(0,169,219,.12), rgba(255,209,15,.20)) !important;
  border: 1px solid rgba(10,34,59,.07) !important;
}

.ok-programme-article .ok-programme-cta h2 {
  margin-bottom: 10px !important;
}

.ok-programme-article .ok-programme-cta p {
  max-width: 760px !important;
}

@media (max-width: 991px) {
  .ok-programme-article .ok-programme-intro,
  .ok-programme-article .ok-focus-grid,
  .ok-programme-article .ok-impact-strip {
    grid-template-columns: 1fr !important;
  }

  .ok-programme-article .ok-programme-band ul {
    grid-template-columns: 1fr !important;
  }
}


/* Overkado Programme Sidebar/Header Fix v5.7 */
.ok-programme-article .ok-internal-card .ok-internal-kicker,
.ok-programme-article .ok-internal-card span.ok-internal-kicker {
  color: #00A9DB !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.ok-programme-article .ok-internal-card h2 {
  font-size: clamp(24px, 2.4vw, 32px) !important;
}

.ok-programme-article .ok-programme-links {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(10,34,59,.08) !important;
}

.ok-programme-article .ok-programme-links a {
  display: block !important;
  padding: 8px 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  color: #0A223B !important;
  border-bottom: 1px solid rgba(10,34,59,.06) !important;
}

.ok-programme-article .ok-programme-links a:last-child {
  border-bottom: 0 !important;
}

.ok-programme-article .ok-programme-links a:hover {
  color: #00A9DB !important;
}


/* Overkado Programme Layout Fix v5.8 */
.ok-programme-article {
  width: 100% !important;
}

.ok-programme-article .ok-programme-wrap {
  width: min(1160px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: clamp(34px, 5vw, 64px) !important;
  align-items: start !important;
  padding: 34px 40px 54px !important;
  background: #ffffff !important;
  box-shadow: 0 28px 80px rgba(10, 34, 59, 0.08) !important;
}

.ok-programme-article .ok-programme-side {
  width: 100% !important;
  display: block !important;
  position: sticky !important;
  top: 110px !important;
}

.ok-programme-article .ok-programme-card {
  background: #ffffff !important;
  border: 1px solid rgba(10, 34, 59, 0.08) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 20px 50px rgba(10, 34, 59, 0.08) !important;
}

.ok-programme-article .ok-programme-card .ok-internal-kicker {
  display: block !important;
  color: #00A9DB !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

.ok-programme-article .ok-programme-card h2 {
  margin: 0 0 12px !important;
  color: #0A223B !important;
  font-size: 25px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

.ok-programme-article .ok-programme-card p {
  margin: 0 0 18px !important;
  color: rgba(10, 34, 59, 0.66) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.ok-programme-article .ok-programme-links {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(10,34,59,.08) !important;
}

.ok-programme-article .ok-programme-links a {
  display: block !important;
  padding: 8px 0 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  color: #0A223B !important;
  border-bottom: 1px solid rgba(10,34,59,.06) !important;
}

.ok-programme-article .ok-programme-links a:last-child {
  border-bottom: 0 !important;
}

.ok-programme-article .ok-programme-links a:hover {
  color: #00A9DB !important;
}

.ok-programme-article .ok-programme-body {
  min-width: 0 !important;
}

.ok-programme-article .ok-programme-body > h1:first-child,
.ok-programme-article .ok-programme-body > h2:first-child {
  margin-top: 0 !important;
}

/* keep programme overview sections inside the right column */
.ok-programme-article .ok-programme-intro {
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  .ok-programme-article .ok-programme-wrap {
    grid-template-columns: 1fr !important;
    padding: 26px 22px 42px !important;
  }

  .ok-programme-article .ok-programme-side {
    position: relative !important;
    top: auto !important;
  }
}


/* Overkado Programme Clean Layout v5.9 */
.ok-programme-article-clean {
  width: 100% !important;
}

.ok-programme-article-clean .ok-programme-clean-wrap {
  width: min(1100px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  padding: 34px 0 54px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ok-programme-article-clean .ok-programme-body {
  width: 100% !important;
  min-width: 0 !important;
}

.ok-programme-article-clean .ok-programme-intro {
  margin-top: 0 !important;
}

/* Hide any inherited side navigation */
.ok-programme-article-clean .ok-programme-side,
.ok-programme-article-clean .ok-internal-side,
.ok-programme-article-clean .ok-internal-sidebar,
.ok-programme-article-clean .ok-programme-card,
.ok-programme-article-clean .ok-internal-card {
  display: none !important;
}

/* Keep overview content nicely centered and spacious */
.ok-programme-article-clean .ok-programme-intro {
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr) !important;
  gap: clamp(34px, 6vw, 70px) !important;
}

.ok-programme-article-clean .ok-focus-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ok-programme-article-clean .ok-programme-band,
.ok-programme-article-clean .ok-programme-cta {
  width: 100% !important;
}

@media (max-width: 991px) {
  .ok-programme-article-clean .ok-programme-clean-wrap {
    padding: 28px 0 44px !important;
  }

  .ok-programme-article-clean .ok-programme-intro,
  .ok-programme-article-clean .ok-focus-grid,
  .ok-programme-article-clean .ok-impact-strip {
    grid-template-columns: 1fr !important;
  }
}


/* Overkado News & Media Layout v6.0 */
.ok-media-article { width: 100% !important; }
.ok-media-article .ok-media-wrap {
  width: min(1120px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  padding: 34px 0 58px !important;
}
.ok-media-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .86fr) !important;
  gap: clamp(34px, 6vw, 76px) !important;
  align-items: center !important;
  margin: 0 0 46px !important;
}
.ok-media-hero h2 { margin-bottom: 16px !important; }
.ok-media-lead {
  font-size: 19px !important;
  line-height: 1.75 !important;
  color: rgba(10, 34, 59, 0.78) !important;
}
.ok-media-feature {
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #0A223B !important;
  box-shadow: 0 28px 70px rgba(10, 34, 59, 0.18) !important;
  position: relative !important;
}
.ok-media-feature img {
  width: 100% !important;
  height: 360px !important;
  object-fit: cover !important;
  display: block !important;
  opacity: .92 !important;
}
.ok-media-feature-caption {
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  color: #fff !important;
}
.ok-media-feature-caption span {
  display: inline-block !important;
  color: #FFD10F !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}
.ok-media-feature-caption h3 {
  color: #fff !important;
  margin: 0 !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.05 !important;
}
.ok-media-section-title { margin: 44px 0 22px !important; }
.ok-media-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin: 24px 0 46px !important;
}
.ok-media-card {
  background: #fff !important;
  border: 1px solid rgba(10,34,59,.08) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 42px rgba(10,34,59,.08) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}
.ok-media-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 54px rgba(10,34,59,.12) !important;
}
.ok-media-card img {
  width: 100% !important;
  height: 170px !important;
  object-fit: cover !important;
  display: block !important;
}
.ok-media-card-body { padding: 20px !important; }
.ok-media-card-body span {
  display: block !important;
  color: #00A9DB !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}
.ok-media-card-body h3 {
  font-size: 20px !important;
  line-height: 1.18 !important;
  margin: 0 0 10px !important;
  color: #0A223B !important;
}
.ok-media-card-body p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: rgba(10,34,59,.72) !important;
}
.ok-media-band {
  margin: 46px 0 !important;
  padding: clamp(30px, 5vw, 48px) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #0A223B, #071a2e) !important;
  color: #ffffff !important;
}
.ok-media-band h2, .ok-media-band h3 { color: #ffffff !important; }
.ok-media-band p, .ok-media-band li { color: rgba(255,255,255,.84) !important; }
.ok-media-band ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 28px !important;
  margin-bottom: 0 !important;
}
.ok-media-latest {
  display: grid !important;
  grid-template-columns: 1.1fr .9fr !important;
  gap: 22px !important;
  margin: 24px 0 46px !important;
}
.ok-media-latest-main, .ok-media-latest-side {
  background: #fff !important;
  border-radius: 20px !important;
  border: 1px solid rgba(10,34,59,.08) !important;
  box-shadow: 0 18px 42px rgba(10,34,59,.08) !important;
  overflow: hidden !important;
}
.ok-media-latest-main img {
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
}
.ok-media-latest-copy { padding: 24px !important; }
.ok-media-latest-copy span, .ok-media-list-item span {
  display: block !important;
  color: #00A9DB !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}
.ok-media-latest-copy h3 { font-size: 26px !important; margin: 0 0 10px !important; }
.ok-media-latest-copy p { margin: 0 !important; }
.ok-media-latest-side { padding: 22px !important; }
.ok-media-list-item {
  padding: 0 0 18px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid rgba(10,34,59,.08) !important;
}
.ok-media-list-item:last-child { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.ok-media-list-item h3 { font-size: 18px !important; margin: 0 0 6px !important; }
.ok-media-list-item p { margin: 0 !important; font-size: 14px !important; line-height: 1.6 !important; }
.ok-media-cta {
  margin-top: 46px !important;
  padding: 38px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(0,169,219,.13), rgba(255,209,15,.22)) !important;
  border: 1px solid rgba(10,34,59,.07) !important;
}
.ok-media-cta h2 { margin-bottom: 10px !important; }
@media (max-width: 991px) {
  .ok-media-hero, .ok-media-grid, .ok-media-latest { grid-template-columns: 1fr !important; }
  .ok-media-band ul { grid-template-columns: 1fr !important; }
  .ok-media-feature img { height: 300px !important; }
}
@media (max-width: 640px) {
  .ok-media-article .ok-media-wrap { padding: 26px 0 44px !important; }
  .ok-media-card img { height: 210px !important; }
}


/* Overkado News & Media Layout v6.1 - self contained companion */
.ok-media-article { width:100% !important; }


/* Overkado Resource Layout v6.4 - clean, inherits template font */
.ok-resource-article-clean,.ok-resource-article-clean *{box-sizing:border-box!important;font-family:inherit!important}.ok-resource-article-clean{width:100%!important}.ok-resource-clean-wrap{width:min(1120px,calc(100vw - 40px))!important;margin:0 auto!important;padding:34px 0 60px!important}.ok-resource-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr)!important;gap:clamp(36px,6vw,78px)!important;align-items:center!important;margin:0 0 44px!important}.ok-resource-hero h2,.ok-resource-section-title,.ok-resource-cta h2{margin:0 0 16px!important;color:#0A223B!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.04!important;font-weight:800!important}.ok-resource-lead{font-size:19px!important;line-height:1.75!important;color:rgba(10,34,59,.78)!important;margin-bottom:18px!important}.ok-resource-hero p{color:rgba(10,34,59,.74)!important}.ok-resource-feature{border-radius:26px!important;overflow:hidden!important;background:linear-gradient(135deg,#0A223B,#071a2e)!important;box-shadow:0 30px 75px rgba(10,34,59,.2)!important;min-height:360px!important;display:grid!important;grid-template-columns:.78fr 1fr!important;align-items:center!important}.ok-resource-cover{height:100%!important;min-height:360px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,rgba(0,169,219,.18),rgba(255,209,15,.15))!important;padding:34px!important}.ok-resource-cover img{width:210px!important;max-width:100%!important;height:auto!important;border-radius:10px!important;box-shadow:0 22px 44px rgba(0,0,0,.32)!important}.ok-resource-feature-copy{padding:36px!important;color:#fff!important}.ok-resource-feature-copy span,.ok-resource-card-body span{display:block!important;color:#00A9DB!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin-bottom:8px!important}.ok-resource-feature-copy span{color:#FFD10F!important}.ok-resource-feature-copy h3{color:#fff!important;margin:0 0 12px!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.06!important;font-weight:800!important}.ok-resource-feature-copy p{color:rgba(255,255,255,.84)!important;margin:0 0 20px!important;line-height:1.7!important}.ok-resource-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}.ok-resource-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:11px 15px!important;border-radius:8px!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}.ok-resource-actions a:first-child{background:#FFD10F!important;color:#0A223B!important}.ok-resource-actions a:last-child{background:#0A223B!important;color:#fff!important;border:0!important}.ok-resource-feature .ok-resource-actions a:last-child{background:transparent!important;border:1px solid rgba(255,255,255,.34)!important}.ok-resource-quote{margin:0 0 44px!important;padding:22px 28px!important;border-left:5px solid #FFD10F!important;background:linear-gradient(90deg,rgba(0,169,219,.10),rgba(255,209,15,.10))!important;font-weight:800!important;color:#0A223B!important}.ok-resource-section-title{margin:44px 0 24px!important}.ok-resource-category-grid,.ok-resource-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:0 0 48px!important}.ok-resource-category-card,.ok-resource-card{background:#fff!important;border:1px solid rgba(10,34,59,.08)!important;border-radius:20px!important;box-shadow:0 18px 42px rgba(10,34,59,.08)!important;overflow:hidden!important}.ok-resource-category-card{padding:24px!important}.ok-resource-category-card span{display:inline-flex!important;width:36px!important;height:36px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;background:rgba(0,169,219,.13)!important;color:#00A9DB!important;font-weight:800!important;margin-bottom:16px!important}.ok-resource-category-card h3,.ok-resource-card-body h3{font-size:21px!important;line-height:1.18!important;margin:0 0 10px!important;color:#0A223B!important;font-weight:800!important}.ok-resource-category-card p,.ok-resource-card-body p{margin:0!important;font-size:14px!important;line-height:1.7!important;color:rgba(10,34,59,.72)!important}.ok-resource-card{display:flex!important;flex-direction:column!important}.ok-resource-card-top{background:linear-gradient(135deg,rgba(0,169,219,.10),rgba(255,209,15,.14))!important;padding:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:210px!important}.ok-resource-card-top img{width:132px!important;max-width:100%!important;border-radius:8px!important;box-shadow:0 14px 28px rgba(10,34,59,.18)!important}.ok-resource-card-body{padding:22px!important;display:flex!important;flex-direction:column!important;flex:1!important}.ok-resource-card-body p{margin-bottom:16px!important}.ok-resource-card-body .ok-resource-actions{margin-top:auto!important}.ok-resource-band{margin:48px 0!important;padding:clamp(32px,5vw,50px)!important;border-radius:26px!important;background:linear-gradient(135deg,#0A223B,#071a2e)!important;color:#fff!important}.ok-resource-band h2{color:#fff!important;margin:0 0 16px!important;font-size:clamp(30px,4vw,46px)!important;line-height:1.05!important;font-weight:800!important}.ok-resource-band p,.ok-resource-band li{color:rgba(255,255,255,.84)!important}.ok-resource-band ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 30px!important;margin:20px 0 0!important}.ok-resource-cta{margin-top:48px!important;padding:40px!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(0,169,219,.14),rgba(255,209,15,.22))!important;border:1px solid rgba(10,34,59,.07)!important}.ok-resource-cta p{margin:0!important;color:rgba(10,34,59,.74)!important}@media(max-width:991px){.ok-resource-hero,.ok-resource-category-grid,.ok-resource-grid{grid-template-columns:1fr!important}.ok-resource-feature{grid-template-columns:1fr!important}.ok-resource-band ul{grid-template-columns:1fr!important}}@media(max-width:640px){.ok-resource-clean-wrap{padding:26px 0 44px!important}.ok-resource-feature-copy,.ok-resource-cta,.ok-resource-band{padding:28px!important}.ok-resource-cover{min-height:260px!important}.ok-resource-feature{min-height:auto!important}}


/* Overkado Resource Layout v6.5 - simple top feature fix */
.ok-resource-feature-simple {
  display: flex !important;
  align-items: center !important;
  min-height: 320px !important;
  padding: 40px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 22% 22%, rgba(255, 209, 15, 0.22), transparent 28%),
    radial-gradient(circle at 82% 75%, rgba(0, 169, 219, 0.18), transparent 30%),
    linear-gradient(135deg, #0A223B, #071a2e) !important;
  box-shadow: 0 30px 75px rgba(10,34,59,.2) !important;
}
.ok-resource-feature-simple .ok-resource-feature-copy { max-width: 640px !important; padding: 0 !important; }
.ok-resource-feature-simple .ok-resource-feature-copy h3 { max-width: 620px !important; }
@media (max-width: 640px) { .ok-resource-feature-simple { min-height: 260px !important; padding: 28px !important; } }