.flag-line {
      height: 4px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      position: absolute;
      inset: 0 0 auto 0
    }

    .flag-line span:nth-child(1) {
      background: var(--orange)
    }

    .flag-line span:nth-child(2) {
      background: #fff
    }

    .flag-line span:nth-child(3) {
      background: var(--green)
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 20;
      background: rgba(255, 255, 255, .96);
      border-bottom: 1px solid rgba(16, 40, 87, .12);
      backdrop-filter: blur(16px);
      transition: box-shadow .25s ease, background .25s ease
    }

    .site-header.is-scrolled {
      box-shadow: 0 10px 28px rgba(16, 40, 87, .09);
      background: #fff
    }

    .nav {
      height: 82px;
      display: flex;
      align-items: center;
      gap: 26px;
      padding-top: 4px
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: max-content
    }

    .brand-mark {
      width: 46px;
      height: 46px;
      display: inline-flex;
      flex: 0 0 auto
    }

    .brand-copy {
      display: grid;
      line-height: 1.12
    }

    .brand-copy strong {
      font-family: var(--serif);
      font-size: 19px;
      font-weight: 700;
      letter-spacing: .01em;
      color: var(--navy)
    }

    .brand-copy small {
      text-transform: uppercase;
      letter-spacing: .22em;
      font-size: 8px;
      font-weight: 800;
      color: var(--orange)
    }

    .nav-menu {
      display: flex;
      align-items: center;
      gap: 25px;
      margin-left: auto;
      font-size: 13px;
      font-weight: 700;
      color: #40495d
    }

    .nav-menu a {
      position: relative;
      padding: 30px 0
    }

    .nav-menu a::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 22px;
      height: 2px;
      background: var(--orange);
      transform: scaleX(0);
      transform-origin: left;
      transition: .22s ease
    }

    .nav-menu a:hover,
    .nav-menu a.is-active {
      color: var(--navy)
    }

    .nav-menu a:hover::after,
    .nav-menu a.is-active::after {
      transform: scaleX(1)
    }

    .nav-toggle {
      display: none;
      background: none;
      border: 0;
      color: var(--navy);
      gap: 5px;
      flex-direction: column;
      align-items: flex-end;
      margin-left: auto;
      cursor: pointer
    }

    .nav-toggle span {
      width: 28px;
      height: 2px;
      background: var(--navy);
      display: block
    }

    .nav-toggle span:nth-child(2) {
      width: 20px
    }

    .nav-toggle em {
      font-size: 10px;
      font-style: normal;
      text-transform: uppercase;
      letter-spacing: .18em;
      font-weight: 800;
      margin-top: 4px
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 48px;
      padding: 0 23px;
      border: 1px solid var(--navy);
      background: var(--navy);
      color: #fff;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
      white-space: nowrap
    }

    .button:hover {
      transform: translateY(-1px);
      box-shadow: 0 12px 25px rgba(16, 40, 87, .18)
    }

    .button--ghost {
      background: transparent;
      color: var(--navy)
    }

    .button--ghost:hover {
      background: var(--navy);
      color: #fff
    }

    .button--nav {
      min-height: 46px;
      margin-left: 0;
      padding-inline: 24px
    }

    .button--orange {
      background: var(--orange);
      border-color: var(--orange);
      color: #fff
    }

    .button--orange:hover {
      background: var(--orange-dark);
      border-color: var(--orange-dark)
    }

    .button--light {
      background: transparent;
      color: #fff;
      border-color: rgba(255, 255, 255, .62)
    }

    .button--light:hover {
      background: #fff;
      color: var(--navy)
    }

    .eyebrow {
      display: inline-block;
      margin: 0 0 16px;
      color: var(--orange);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .28em;
      border-top: 2px solid currentColor;
      padding-top: 6px
    }

    h1,
    h2,
    h3 {
      margin: 0;
      color: var(--navy);
      font-family: var(--serif);
      font-weight: 600;
      line-height: 1.05;
      letter-spacing: -.025em
    }

    h1 {
      font-size: clamp(44px, 5.4vw, 74px);
      max-width: 760px
    }

    h2 {
      font-size: clamp(34px, 4vw, 56px);
      max-width: 780px
    }

    h3 {
      font-size: 25px;
      line-height: 1.12;
      letter-spacing: -.012em
    }

    .lead {
      font-size: 18px;
      max-width: 720px;
      color: #d8dfef;
      line-height: 1.78
    }

    .accent-orange {
      color: var(--orange)
    }

    .accent-green {
      color: #38a75e
    }

    .reveal {
      opacity: 0;
      transform: translateY(18px);
      transition: opacity .7s ease, transform .7s ease
    }

    .reveal.is-visible {
      opacity: 1;
      transform: none
    }

    .hero {
      display: grid;
      grid-template-columns: 1.03fr .92fr;
      gap: 60px;
      align-items: center;
      min-height: calc(100vh - 86px);
      padding-top: 72px;
      padding-bottom: 74px;
      background: radial-gradient(circle at 5% 12%, rgba(228, 111, 34, .12), transparent 26%), radial-gradient(circle at 95% 85%, rgba(22, 122, 58, .12), transparent 24%), var(--navy);
      box-shadow: 0 0 0 100vmax var(--navy);
      clip-path: inset(0 -100vmax);
      color: #fff;
      position: relative;
      overflow: hidden
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: auto -10vw 0 -10vw;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--orange), #fff, var(--green), transparent);
      opacity: .5
    }

    .hero h1 {
      color: #fff
    }

    .hero .eyebrow {
      color: #f49b57
    }

    .hero__actions {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 30px
    }

    .hero .button {
      background: #fff;
      color: var(--navy);
      border-color: #fff
    }

    .hero .button--ghost {
      background: transparent;
      color: #fff;
      border-color: rgba(255, 255, 255, .55)
    }

    .hero .button--ghost:hover {
      background: #fff;
      color: var(--navy)
    }

    .hero__copy,
    .hero__visual {
      position: relative;
      z-index: 1
    }

    .hero__copy .lead {
      margin-top: 22px
    }

    .hero__stats {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 26px
    }

    .hero__stats span {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #eef3ff;
      border: 1px solid rgba(255, 255, 255, .2);
      background: rgba(255, 255, 255, .08);
      padding: 8px 12px;
      font-size: 12px;
      font-weight: 700
    }

    .hero__stats span::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--orange)
    }

    .hero__stats span:nth-child(2)::before {
      background: #fff
    }

    .hero__stats span:nth-child(3)::before {
      background: var(--green)
    }

    .hero__visual {
      min-height: 520px;
      display: flex;
      align-items: center
    }

    .photo-card {
      width: 100%;
      height: 510px;
      background: #d7c8aa;
      overflow: hidden;
      box-shadow: var(--shadow);
      border: 10px solid rgba(255, 255, 255, .12);
      position: relative
    }

    .photo-card::before {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(255, 255, 255, .32);
      z-index: 1
    }

    .photo-card img {
      width: 100%;
      height: 100%;
      object-fit: cover
    }

    .quote-card {
      position: absolute;
      left: -36px;
      bottom: 28px;
      background: #fff;
      max-width: 330px;
      padding: 24px 28px 26px;
      box-shadow: 0 24px 48px rgba(0, 0, 0, .16);
      border-left: 4px solid var(--orange)
    }

    .quote-card p {
      font-family: var(--serif);
      font-size: 22px;
      line-height: 1.42;
      color: var(--navy);
      margin: 0
    }

    .quote-card span {
      position: absolute;
      top: -34px;
      left: 18px;
      font-family: var(--serif);
      font-size: 90px;
      color: rgba(228, 111, 34, .18);
      line-height: 1
    }

    .floating-seal {
      position: absolute;
      right: -18px;
      top: 54px;
      width: 122px;
      height: 122px;
      border-radius: 50%;
      background: #fff;
      color: var(--navy);
      display: grid;
      place-items: center;
      text-align: center;
      padding: 18px;
      box-shadow: 0 24px 46px rgba(0, 0, 0, .16);
      font-family: var(--serif);
      font-size: 20px;
      line-height: 1.05
    }

    .floating-seal::before {
      content: "";
      position: absolute;
      inset: 8px;
      border: 1px dashed rgba(16, 40, 87, .34);
      border-radius: 50%
    }

    .why {
      background: #fff;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      position: relative
    }

    .why::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 24px;
      background: linear-gradient(135deg, rgba(228, 111, 34, .06) 25%, transparent 25%, transparent 50%, rgba(22, 122, 58, .06) 50%, rgba(22, 122, 58, .06) 75%, transparent 75%);
      background-size: 26px 26px
    }

    .section-intro {
      display: grid;
      grid-template-columns: .82fr 1fr;
      gap: 70px;
      align-items: start;
      margin-bottom: 62px
    }

    .section-intro>p {
      font-size: 17px;
      line-height: 1.86;
      color: #4f596c;
      margin: 26px 0 0
    }

    .impact-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px
    }

    .impact-grid article {
      position: relative;
      padding: 32px 30px 34px;
      min-height: 198px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 8px 22px rgba(16, 40, 87, .04);
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
      overflow: hidden
    }

    .impact-grid article::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--orange), var(--green));
      opacity: .8
    }

    .impact-grid article::after {
      content: "";
      position: absolute;
      right: -30px;
      bottom: -44px;
      width: 112px;
      height: 112px;
      border-radius: 50%;
      background: rgba(16, 40, 87, .04)
    }

    .impact-grid article:hover {
      transform: translateY(-4px);
      box-shadow: var(--soft-shadow);
      border-color: #d5cbbb
    }

    .impact-grid span,
    .objectives-list span {
      font-family: var(--serif);
      font-size: 32px;
      font-weight: 700;
      color: var(--orange);
      display: block;
      margin-bottom: 13px
    }

    .impact-grid h3,
    .objectives-list h3 {
      font-size: 25px
    }

    .impact-grid p,
    .objectives-list p {
      color: #535d70;
      margin: 12px 0 0
    }

    .objectives {
      background: linear-gradient(180deg, var(--cream) 0%, #fffaf0 100%);
      position: relative;
      overflow: hidden
    }

    .objectives::before {
      content: "";
      position: absolute;
      left: -160px;
      top: 110px;
      width: 340px;
      height: 340px;
      border-radius: 50%;
      background: rgba(228, 111, 34, .08)
    }

    .objectives::after {
      content: "";
      position: absolute;
      right: -170px;
      bottom: 60px;
      width: 380px;
      height: 380px;
      border-radius: 50%;
      background: rgba(22, 122, 58, .08)
    }

    .voice-layout {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: 46px;
      align-items: start
    }

    .voice-panel {
      background: var(--navy);
      color: #fff;
      padding: 42px 38px 36px;
      box-shadow: var(--shadow);
      position: sticky;
      top: 110px;
      overflow: hidden
    }

    .voice-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 94% 6%, rgba(228, 111, 34, .22), transparent 32%), radial-gradient(circle at 8% 96%, rgba(22, 122, 58, .18), transparent 35%);
      pointer-events: none
    }

    .voice-panel>* {
      position: relative
    }

    .voice-panel h2 {
      color: #fff;
      font-size: clamp(38px, 4.2vw, 58px)
    }

    .voice-panel p:not(.eyebrow) {
      color: rgba(255, 255, 255, .78);
      font-size: 16px;
      line-height: 1.85
    }

    .voice-panel .eyebrow {
      color: #f49b57
    }

    .voice-thread {
      display: grid;
      gap: 8px;
      margin: 30px 0 28px
    }

    .voice-thread i {
      display: block;
      height: 8px;
      border-radius: 999px
    }

    .voice-thread i:nth-child(1) {
      background: var(--orange);
      width: 68%
    }

    .voice-thread i:nth-child(2) {
      background: #fff;
      width: 92%;
      opacity: .86
    }

    .voice-thread i:nth-child(3) {
      background: var(--green);
      width: 78%
    }

    .voice-microgrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px
    }

    .voice-microgrid strong {
      border: 1px solid rgba(255, 255, 255, .18);
      background: rgba(255, 255, 255, .07);
      padding: 13px 12px;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .13em
    }

    .objectives-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px
    }

    .objectives-list article {
      position: relative;
      background: var(--navy);
      border: 1px solid var(--line);
      padding: 30px 28px 30px;
      min-height: 212px;
      box-shadow: 0 10px 28px rgba(16, 40, 87, .05);
      transition: transform .22s ease, box-shadow .22s ease;
      & :where(span,h3,p){
        color: var(--white);
      }
    }

    .objectives-list article:hover {
      transform: translateY(-4px);
      box-shadow: var(--soft-shadow);
    }

   

    .objectives-list article::before {
      content: "";
      position: absolute;
      top: 24px;
      right: 24px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgb(255 255 255 / 48%), rgba(22, 122, 58, .17));
    }

    .objectives-list article::after {
      content: "";
      position: absolute;
      left: 28px;
      bottom: 0;
      width: 58px;
      height: 3px;
      background: var(--orange);
    }

    .objectives-list article:nth-child(3n)::after {
      background: var(--green);
    }

    .objectives-list span {
      font-size: 27px;
      margin-bottom: 18px;
    }

    .objectives-list h3 {
      max-width: 320px;
    }

    .objectives-list p {
      line-height: 1.75;
    }

    .story {
      background: var(--warm);
      position: relative;
    }

    .story::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(255, 255, 255, .38), transparent 45%, rgba(255, 255, 255, .25));
      pointer-events: none;
    }

    .story-grid {
      display: grid;
      grid-template-columns: .85fr 1fr;
      gap: 60px;
      align-items: center;
      position: relative;
    }

    .story-photo {
      background: #fff;
      padding: 14px;
      box-shadow: var(--shadow);
      transform: rotate(-1.2deg)
    }

    .story-photo img {
      width: 100%;
      height: 420px;
      object-fit: cover;
      background: #e6dfd0;
    }

    .story-copy-card {
      background: rgba(255, 255, 255, .52);
      border: 1px solid rgba(16, 40, 87, .08);
      padding: 32px;
    }

    .story-grid p:not(.eyebrow) {
      font-size: 17px;
      color: #4f596c;
      line-height: 1.86;
    }

    .story-points {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 25px;
    }

    .story-points span {
      border: 1px solid rgba(16, 40, 87, .17);
      padding: 9px 13px;
      border-radius: 999px;
      color: var(--navy);
      background: #fff;
      font-weight: 700;
      font-size: 13px;
    }

    .story-note {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      margin-top: 24px;
      padding-top: 24px;
      border-top: 1px solid rgba(16, 40, 87, .12);
      color: var(--navy);
      font-weight: 700;
    }

    .story-note::before {
      content: "";
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--orange), var(--green));
      flex: 0 0 auto;
    }

    .leadership {
      background: #fff
    }

    .leadership-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 30px;
      margin-bottom: 50px;
    }

    .featured-leaders {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 26px
    }

    .leader-card {
      position: relative;
      background: #fff;
      padding: 30px;
      border: 1px solid var(--line);
      box-shadow: 0 14px 32px rgba(16, 40, 87, .06);
      overflow: hidden;
    }

    .leader-card::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 4px;
      background: linear-gradient(var(--orange), var(--green));
    }

    .leader-card--featured {
      min-height: 315px;
    }

    .leader-avatar {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--navy);
      color: #fff;
      font-family: var(--serif);
      font-size: 23px;
      margin-bottom: 20px;
      box-shadow: 0 0 0 8px var(--cream);
    }

    .leader-card h3 {
      font-size: 34px;
      margin-bottom: 8px;
    }

    .leader-card em {
      color: #6b7280;
      font-size: 14px;
    }

    .leader-card p:not(.eyebrow) {
      color: #4f596c;
      line-height: 1.78
    }

    .leader-strip {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 28px
    }

    .leader-strip article {
      background: var(--cream);
      padding: 20px 18px;
      min-height: 112px;
      border: 1px solid var(--line);
      position: relative;
      overflow: hidden
    }

    .leader-strip article::after {
      content: "";
      position: absolute;
      right: -22px;
      bottom: -22px;
      width: 62px;
      height: 62px;
      border-radius: 50%;
      background: rgba(228, 111, 34, .08)
    }

    .leader-strip strong {
      display: block;
      font-family: var(--serif);
      font-size: 20px;
      line-height: 1.16;
      color: var(--navy)
    }

    .leader-strip span {
      display: block;
      font-size: 12px;
      color: #697184;
      line-height: 1.45;
      margin-top: 10px
    }

    .faq-preview {
      background: #fff
    }

    .faq-grid {
      display: grid;
      grid-template-columns: .78fr 1fr;
      gap: 62px;
      align-items: center; 
    }

    .faq-grid p:not(.eyebrow) {
      color: #4f596c;
      font-size: 16px;
      line-height: 1.85
    }

    .accordion {
      background: var(--cream);
      border: 1px solid var(--line);
      box-shadow: var(--soft-shadow);
      height: fit-content;
    }

    .accordion button {
      width: 100%;
      text-align: left;
      background: #fff;
      border: 0;
      border-bottom: 1px solid var(--line);
      padding: 21px 58px 21px 26px;
      color: var(--navy);
      font-weight: 800;
      cursor: pointer;
      position: relative
    }

    .accordion button::after {
      content: "+";
      position: absolute;
      right: 26px;
      color: var(--orange);
      font-size: 23px;
      top: 16px
    }

    .accordion button[aria-expanded="true"]::after {
      content: "–"
    }

    .accordion div {
      padding: 0 26px 22px;
      border-bottom: 1px solid var(--line)
    }

    .accordion div p {
      margin: 0 !important
    }

    .cta-band {
      background: var(--navy);
      color: #fff;
      position: relative;
      overflow: hidden
    }

    .cta-band::before {
      content: "";
      position: absolute;
      right: -90px;
      bottom: -250px;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      background: rgba(228, 111, 34, .14)
    }

    .cta-band::after {
      content: "";
      position: absolute;
      left: -80px;
      top: -160px;
      width: 360px;
      height: 360px;
      border-radius: 50%;
      background: rgba(22, 122, 58, .12)
    }

    .cta-band .eyebrow {
      color: #f49b57
    }

    .cta-band h2 {
      color: #fff
    }

    .cta-band p {
      color: rgba(255, 255, 255, .75);
      font-size: 17px
    }

    .cta-grid {
      display: grid;
      grid-template-columns: 1fr 320px;
      gap: 66px;
      align-items: center;
      position: relative
    }

    .cta-actions {
      display: grid;
      gap: 14px
    }

    .footer {
      background: var(--navy-2);
      color: #d8deef;
      padding: 68px 0 0
    }

    .footer .brand-copy strong {
      color: #fff
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 1.4fr .75fr .85fr;
      gap: 72px
    }

    .footer p {
      color: #b8c2dd;
      max-width: 480px
    }

    .footer a {
      display: block;
      color: #d8deef;
      margin: 9px 0
    }

    .footer-title {
      font-size: 11px !important;
      text-transform: uppercase;
      letter-spacing: .24em;
      font-weight: 800;
      color: #fff !important;
      margin: 0 0 18px
    }

    .footer-cta {
      display: inline-flex !important;
      margin-top: 18px !important
    }

    .footer-bottom {
      border-top: 1px solid rgba(255, 255, 255, .12);
      padding: 24px 0;
      margin-top: 52px;
      color: #98a7ce;
      font-size: 13px
    }

    .page-hero {
      background: radial-gradient(circle at 88% 18%, rgba(228, 111, 34, .15), transparent 24%), radial-gradient(circle at 12% 82%, rgba(22, 122, 58, .12), transparent 22%), var(--navy);
      padding: 90px 0 92px;
      color: #fff;
      position: relative;
      overflow: hidden
    }

    .page-hero::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--orange), #fff, var(--green))
    }

    .page-hero h1 {
      color: #fff
    }

    .page-hero .lead {
      color: #d8dfef
    }

    .page-hero .eyebrow {
      color: #f49b57
    }

    .page-content {
      padding: 86px 0;
      background: #fff
    }

    .content-grid {
      display: grid;
      grid-template-columns: .36fr .64fr;
      gap: 54px;
      align-items: start
    }

    .panel {
      background: var(--cream);
      border: 1px solid var(--line);
      padding: 32px;
      position: sticky;
      top: 110px;
      box-shadow: var(--soft-shadow)
    }

    .panel h3 {
      font-size: 31px
    }

    .note {
      font-size: 13px !important;
      color: #737b8c !important
    }

    .rich-text h2 {
      margin-top: 0;
      margin-bottom: 18px;
      font-size: 42px
    }

    .rich-text h2:not(:first-child) {
      margin-top: 42px
    }

    .rich-text p,
    .rich-text li {
      color: #4f596c;
      font-size: 17px;
      line-height: 1.86
    }

    .rich-text ul {
      padding-left: 22px
    }

    .mini-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 30px
    }

    .mini-cards article,
    .faq-item {
      border: 1px solid var(--line);
      background: var(--cream);
      padding: 24px;
      box-shadow: 0 8px 18px rgba(16, 40, 87, .04)
    }

    .mini-cards h3 {
      font-size: 25px
    }

    .mini-cards p,
    .faq-item p {
      font-size: 14px !important;
      margin-bottom: 0
    }

    .faq-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px
    }

    .faq-item {
      background: #fff;
      position: relative
    }

    .faq-item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 4px;
      background: linear-gradient(var(--orange), var(--green))
    }

    .faq-item h3 {
      font-size: 28px;
      margin-bottom: 12px
    }

    .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      background: #fff;
      border: 1px solid var(--line);
      padding: 34px;
      box-shadow: var(--soft-shadow)
    }

    .field {
      display: grid;
      gap: 8px
    }

    .field--full {
      grid-column: 1/-1
    }

    label {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .18em;
      font-weight: 800;
      color: var(--navy)
    }

    input,
    textarea,
    select {
      width: 100%;
      border: 1px solid var(--line);
      padding: 14px 15px;
      background: var(--cream);
      color: var(--ink);
      outline: none
    }

    input:focus,
    textarea:focus,
    select:focus {
      border-color: var(--orange);
      background: #fff;
      box-shadow: 0 0 0 3px rgba(228, 111, 34, .09)
    }

    @media(max-width:1040px) {
      .nav-menu {
        position: fixed;
        left: 0;
        right: 0;
        top: 86px;
        background: #fff;
        display: grid;
        gap: 0;
        padding: 10px 24px 24px;
        border-bottom: 1px solid var(--line);
        box-shadow: 0 18px 28px rgba(16, 40, 87, .1);
        transform: translateY(-140%);
        transition: .25s ease;
        z-index: 19
      }

      .nav-menu.is-open {
        transform: translateY(0)
      }

      .nav-menu a {
        padding: 16px 0;
        border-bottom: 1px solid var(--line)
      }

      .nav-menu a::after {
        display: none
      }

      .nav-toggle {
        display: flex
      }

      .button--nav {
        display: none
      }

      .hero,
      .section-intro,
      .story-grid,
      .faq-grid,
      .cta-grid,
      .content-grid,
      .voice-layout {
        grid-template-columns: 1fr
      }

      .hero {
        min-height: auto
      }

      .voice-panel,
      .panel {
        position: relative;
        top: auto
      }

      .hero__visual {
        min-height: auto
      }

      .quote-card {
        left: 22px
      }

      .impact-grid,
      .leader-strip {
        grid-template-columns: 1fr 1fr
      }

      .objectives-list {
        grid-template-columns: 1fr
      }

      .objectives-list article:nth-child(2n) {
        margin-top: 0
      }
    }

    @media(max-width:720px) {
      .shell {
        width: min(100% - 32px, var(--shell))
      }

      .section-pad {
        padding: 56px 0
      }

      .nav {
        height: 76px
      }

      .brand-copy strong {
        font-size: 16px
      }

      .brand-copy small {
        font-size: 7px
      }

      .brand-mark {
        width: 40px;
        height: 40px
      }

      h1 {
        font-size: 41px
      }

      h2 {
        font-size: 34px
      }

      .hero {
        gap: 34px;
        padding-top: 48px
      }

      .photo-card {
        height: 430px
      }

      .floating-seal {
        right: 10px;
        top: 20px;
        width: 104px;
        height: 104px;
        font-size: 17px
      }

      .quote-card {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: -72px;
        margin-inline: 18px
      }

      .impact-grid,
      .featured-leaders,
      .leader-strip,
      .mini-cards,
      .faq-list,
      .footer-grid,
      .form-grid {
        grid-template-columns: 1fr
      }

      .footer-grid {
        gap: 30px
      }

      .page-hero {
        padding: 64px 0
      }

      .content-grid {
        gap: 32px
      }

      .voice-microgrid {
        grid-template-columns: 1fr
      }

      div.story-copy-card {
        padding: 24px
      }

      .leader-card--featured {
        min-height: auto
      }
      body[data-current="home"] .about-imf-landscape{
        margin-inline: 0;
      }
    }


    /* ===== Option 2: livelier institutional editorial variant ===== */
    .hero {
      background:
        radial-gradient(circle at 6% 10%, rgba(228, 111, 34, .17), transparent 25%),
        radial-gradient(circle at 94% 84%, rgba(22, 122, 58, .17), transparent 23%),
        linear-gradient(135deg, #0c224e 0%, #102857 54%, #0b1d3f 100%);
    }

    .hero::before {
      content: "";
      position: absolute;
      right: 45%;
      top: 9%;
      width: 250px;
      height: 250px;
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 50%;
      box-shadow: 0 0 0 38px rgba(255, 255, 255, .025);
      animation: imfPulse 9s ease-in-out infinite;
      pointer-events: none
    }

    @keyframes imfPulse {

      0%,
      100% {
        transform: scale(1);
        opacity: .65
      }

      50% {
        transform: scale(1.08);
        opacity: .95
      }
    }

    .photo-card {
      border-radius: 2px;
      box-shadow: 0 28px 80px rgba(0, 0, 0, .23)
    }

    .floating-seal {
      animation: sealFloat 6s ease-in-out infinite
    }

    .quote-card {
      border-left: 0;
      border-top: 4px solid var(--orange);
      border-bottom: 4px solid var(--green)
    }

    @keyframes sealFloat {

      0%,
      100% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(-8px)
      }
    }

    .momentum-strip {
      background: #fff;
      border-bottom: 1px solid var(--line);
      position: relative;
      z-index: 3
    }

    .momentum-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      box-shadow: 0 18px 44px rgba(16, 40, 87, .08);
      margin-top: -34px;
      background: #fff;
      border: 1px solid rgba(16, 40, 87, .1)
    }

    .momentum-grid article {
      padding: 24px 24px 22px;
      min-height: 138px;
      border-right: 1px solid var(--line);
      position: relative;
      overflow: hidden
    }

    .momentum-grid article:last-child {
      border-right: 0
    }

    .momentum-grid article::after {
      content: "";
      position: absolute;
      right: -32px;
      bottom: -32px;
      width: 82px;
      height: 82px;
      border-radius: 50%;
      background: rgba(228, 111, 34, .07)
    }

    .momentum-grid article:nth-child(even)::after {
      background: rgba(22, 122, 58, .07)
    }

    .momentum-grid span {
      font-family: var(--serif);
      font-size: 25px;
      font-weight: 700;
      color: var(--orange);
      display: block;
      margin-bottom: 8px
    }

    .momentum-grid strong {
      display: block;
      font-family: var(--serif);
      font-size: 27px;
      color: var(--navy);
      line-height: 1
    }

    .momentum-grid p {
      margin: 10px 0 0;
      color: #5b6476;
      font-size: 13px;
      line-height: 1.6
    }

    .objectives--option2 {
      background: linear-gradient(180deg, #f8f5ef 0%, #fff 100%);
      overflow: hidden
    }

    .objectives--option2::before {
      left: auto;
      right: -120px;
      top: 20px;
      background: rgba(228, 111, 34, .075)
    }

    .objectives--option2::after {
      left: -170px;
      right: auto;
      bottom: -80px;
      background: rgba(22, 122, 58, .075)
    }

    .voice-manifesto {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 38px;
      align-items: stretch;
      position: relative;
      z-index: 1
    }

    .voice-intro-card {
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
      padding: 40px 38px 34px;
      position: relative;
      overflow: hidden
    }

    .voice-intro-card::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 5px;
      background: linear-gradient(90deg, var(--orange), #fff, var(--green))
    }

    .voice-intro-card h2 {
      font-size: clamp(38px, 4.3vw, 61px)
    }

    .voice-intro-card p:not(.eyebrow) {
      font-size: 17px;
      color: #4d576a;
      line-height: 1.82;
      max-width: 570px
    }

    .voice-compass {
      position: relative;
      height: 310px;
      margin-top: 30px;
      display: grid;
      place-items: center;
      background: radial-gradient(circle, rgba(16, 40, 87, .05), transparent 55%)
    }

    .voice-compass::before,
    .voice-compass::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      inset: 34px;
      border: 1px solid rgba(16, 40, 87, .12)
    }

    .voice-compass::after {
      inset: 76px;
      border-style: dashed;
      border-color: rgba(228, 111, 34, .28)
    }

    .compass-core {
      width: 142px;
      height: 142px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      text-align: center;
      align-content: center;
      background: var(--navy);
      color: #fff;
      box-shadow: 0 18px 38px rgba(16, 40, 87, .2);
      position: relative;
      z-index: 2
    }

    .compass-core strong {
      font-family: var(--serif);
      font-size: 42px;
      line-height: .9
    }

    .compass-core span {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: .18em;
      color: #dfe6f8;
      font-weight: 800
    }

    .node {
      position: absolute;
      z-index: 3;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .1);
      padding: 9px 13px;
      border-radius: 999px;
      font-style: normal;
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--navy)
    }

    .node--one {
      top: 26px;
      left: 50%;
      transform: translateX(-50%);
      border-top-color: var(--orange)
    }

    .node--two {
      right: 20px;
      top: 48%;
      transform: translateY(-50%);
      border-right-color: var(--green)
    }

    .node--three {
      bottom: 28px;
      left: 50%;
      transform: translateX(-50%);
      border-bottom-color: var(--orange)
    }

    .node--four {
      left: 18px;
      top: 48%;
      transform: translateY(-50%);
      border-left-color: var(--green)
    }

    .voice-agenda {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px
    }

    .agenda-head {
      grid-column: 1/-1;
      background: var(--navy);
      color: #fff;
      padding: 24px 28px;
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 30px;
      position: relative;
      overflow: hidden
    }

    .agenda-head::after {
      content: "";
      position: absolute;
      right: -70px;
      top: -70px;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      background: rgba(228, 111, 34, .17)
    }

    .agenda-head span {
      font-family: var(--serif);
      font-size: 34px;
      line-height: 1;
      position: relative
    }

    .agenda-head p {
      margin: 0;
      color: rgba(255, 255, 255, .74);
      font-size: 14px;
      position: relative
    }

    .voice-agenda article {
      background: #fff;
      border: 1px solid var(--line);
      padding: 24px 24px 25px;
      min-height: 205px;
      box-shadow: 0 10px 26px rgba(16, 40, 87, .045);
      position: relative;
      overflow: hidden;
      transition: .22s ease
    }

    .voice-agenda article:hover {
      transform: translateY(-4px);
      box-shadow: 0 18px 38px rgba(16, 40, 87, .09);
      border-color: #d8ccbd
    }

    .voice-agenda article::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 3px;
      background: var(--orange)
    }

    .voice-agenda article:nth-of-type(even)::before {
      background: var(--green)
    }

    .voice-agenda article span {
      font-family: var(--serif);
      font-size: 29px;
      font-weight: 700;
      color: var(--orange);
      display: block;
      margin-bottom: 12px
    }

    .voice-agenda article:nth-of-type(even) span {
      color: var(--green)
    }

    .voice-agenda h3 {
      font-size: 25px
    }

    .voice-agenda p {
      color: #535d70;
      margin: 11px 0 0;
      line-height: 1.7;
      font-size: 14px
    }

    .story--option2 {
      background: linear-gradient(135deg, #efe8dc 0%, #f8f4eb 100%);
      overflow: hidden
    }

    .story-editorial {
      display: grid;
      grid-template-columns: 1.02fr .98fr;
      gap: 46px;
      align-items: center
    }

    .story-copy-card--wide {
      padding: 44px 42px;
      background: rgba(255, 255, 255, .66);
      box-shadow: var(--soft-shadow);
      height: 100%;
    }

    .story-copy-card--wide h2 {
      font-size: clamp(37px, 4vw, 58px);
    }

    .story-lanes {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 30px;
    }

    .story-lanes article {
      background: #fff;
      border: 1px solid rgba(16, 40, 87, .1);
      padding: 20px 18px;
      min-height: 130px;
      position: relative;
    }

    .story-lanes article::before {
      content: "";
      position: absolute;
      left: 18px;
      top: 0;
      width: 42px;
      height: 3px;
      background: var(--orange);
    }

    .story-lanes article:nth-child(2)::before {
      background: var(--green)
    }

    .story-lanes strong {
      display: block;
      font-family: var(--serif);
      font-size: 23px;
      color: var(--navy);
      line-height: 1.05;
    }

    .story-lanes span {
      display: block;
      margin-top: 9px;
      color: #667084;
      font-size: 13px;
      line-height: 1.55;
    }

    .dialogue-scene {
      position: relative;
      background: #fff;
      padding: 18px;
      box-shadow: var(--shadow);
      border: 1px solid rgba(16, 40, 87, .08);
      transform: rotate(.65deg);
    }

    .dialogue-scene img {
      height: 430px;
      width: 100%;
      object-fit: cover;
      background: #e8dfcf;
    }

    .scene-card {
      position: absolute;
      padding: 10px 14px;
      color: #fff;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      box-shadow: 0 14px 28px rgba(16, 40, 87, .14);
    }

    .scene-card--orange {
      left: -18px;
      top: 28px;
      background: var(--orange);
    }

    .scene-card--green {
      right: -18px;
      top: 46%;
      background: var(--green);
    }

    .scene-card--navy {
      left: 34px;
      bottom: -16px;
      background: var(--navy);
    }

    .impact-grid article,
    .leader-card,
    .leader-strip article,
    .faq-item,
    .mini-cards article {
      border-radius: 1px;
    }

    .impact-grid article:hover,
    .leader-card:hover,
    .leader-strip article:hover {
      transform: translateY(-3px);
      box-shadow: var(--soft-shadow);
    }

    @media(max-width:1040px) {
      .momentum-grid {
        grid-template-columns: 1fr 1fr;
      }

      .momentum-grid article:nth-child(2) {
        border-right: 0;
      }

      .voice-manifesto,
      .story-editorial {
        grid-template-columns: 1fr;
      }

      .voice-compass {
        height: 280px;
      }

      .agenda-head {
        display: block;
      }

      .agenda-head p {
        margin-top: 8px;
      }

      .story-lanes {
        grid-template-columns: 1fr 1fr
      }

      .dialogue-scene {
        transform: none;
      }
    }

    @media(max-width:720px) {
      .momentum-grid {
        grid-template-columns: 1fr;
        margin-top: 0;
      }

      .momentum-grid article {
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }

      .voice-agenda,
      .story-lanes {
        grid-template-columns: 1fr;
      }

      .voice-intro-card {
        padding: 30px 24px;
      }

      .voice-compass {
        height: 270px;
      }

      .node {
        font-size: 9px;
        padding: 8px 10px;
      }

      .node--two {
        right: 0;
      }

      .node--four {
        left: 0;
      }

      .dialogue-scene img {
        height: 360px;
      }

      .scene-card--orange {
        left: 12px;
      }

      .scene-card--green {
        right: 12px;
      }

      .scene-card--navy {
        bottom: 12px;
      }
    }


    /* Option 3 - more image-led layout */
    .visual-narrative {
      background: linear-gradient(180deg, #fff 0%, #f8f4ed 100%);
      border-bottom: 1px solid var(--line);
    }

    .visual-narrative .section-intro {
      margin-bottom: 34px;
    }

    .storyboard-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .storyboard-card {
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      overflow: hidden;
      transition: transform .22s ease, box-shadow .22s ease;
      border-radius: 2px;
    }

    .storyboard-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--soft-shadow);
    }

    .storyboard-card figure {
      margin: 0;
      position: relative;
    }

    .storyboard-card img {
      width: 100%;
      height: 238px;
      object-fit: cover;
      background: #ece3d3;
    }

    .storyboard-card figcaption {
      position: absolute;
      left: 18px;
      top: 18px;
      background: rgba(16, 40, 87, .9);
      color: #fff;
      padding: 8px 12px;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .storyboard-copy {
      padding: 22px 22px 24px
    }

    .storyboard-copy h3 {
      font-size: 24px;
      margin-bottom: 8px;
    }

    .storyboard-copy p {
      margin: 0;
      color: #556074;
    }

    .storyboard-copy span {
      display: block;
      color: var(--orange);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .22em;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    .why-visual-band {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 18px;
      margin-bottom: 28px;
    }

    .why-visual-band .main-visual,
    .why-visual-band .stack-visual article {
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      overflow: hidden;
    }

    .why-visual-band img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .why-visual-band .main-visual {
      min-height: 420px;
      position: relative;
    }

    .why-visual-band .main-visual .label {
      position: absolute;
      left: 20px;
      top: 20px;
      background: #fff;
      padding: 10px 14px;
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .18em;
      color: var(--navy);
    }

    .stack-visual {
      display: grid;
      grid-template-rows: 1fr 1fr;
      gap: 18px;
    }

    .stack-visual article {
      display: grid;
      grid-template-columns: 40% 1fr;
      min-height: 201px;
    }

    .stack-visual .copy {
      padding: 18px 18px 20px
    }

    .stack-visual .copy strong {
      display: block;
      color: var(--navy);
      font-family: var(--serif);
      font-size: 28px;
      line-height: 1.05;
      margin-bottom: 8px;
    }

    .stack-visual .copy p {
      margin: 0;
      color: #556074;
    }

    .story-mosaic {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 18px;
      min-height: 520px;
    }

    .story-mosaic .mosaic-main,
    .story-mosaic .mosaic-col article {
      position: relative;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      overflow: hidden;
    }

    .story-mosaic .mosaic-main img,
    .story-mosaic .mosaic-col img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      background: #ece3d3;
    }

    .story-mosaic .mosaic-col {
      display: grid;
      grid-template-rows: 1fr 1fr;
      gap: 18px;
    }

    .story-mosaic .mosaic-main {
      min-height: 520px;
    }

    .story-mosaic .pill {
      position: absolute;
      left: 18px;
      bottom: 18px;
      background: rgba(255, 255, 255, .94);
      padding: 10px 14px;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--navy);
    }

    .leader-photo {
      height: 240px;
      overflow: hidden;
      border: 1px solid var(--line);
      margin: -1px -1px 18px;
      background: #f0ebdf;
    }

    .leader-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .gallery-band {
      background: #fff;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }

    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 30px;
    }

    .gallery-card {
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      overflow: hidden;
    }

    .gallery-card img {
      width: 100%;
      height: 214px;
      object-fit: cover;
      background: #ede3d4;
    }

    .gallery-card .copy {
      padding: 18px
    }

    .gallery-card strong {
      display: block;
      font-family: var(--serif);
      font-size: 24px;
      color: var(--navy);
      line-height: 1.08;
      margin-bottom: 8px;
    }

    .gallery-card p {
      margin: 0;
      color: #556074;
    }

    @media (max-width:1100px) {

      .storyboard-grid,
      .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .why-visual-band,
      .story-mosaic {
        grid-template-columns: 1fr
      }

      .story-mosaic .mosaic-main {
        min-height: 380px;
      }
    }

    @media (max-width:820px) {

      .storyboard-grid,
      .gallery-grid {
        grid-template-columns: 1fr;
      }

      .why-visual-band .main-visual {
        min-height: 300px;
      }

      .stack-visual article {
        grid-template-columns: 1fr;
      }

      .stack-visual article img {
        height: 180px;
      }

      .story-mosaic .mosaic-col {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
      }

      .leader-photo {
        height: 220px;
      }
    }


    /* Beige placeholder correction - no actual images in visual sections */
    .photo-card--beige,
    .beige-visual,
    .leader-placeholder {
      background:
        radial-gradient(circle at 16% 16%, rgba(228, 111, 34, .14), transparent 28%),
        radial-gradient(circle at 85% 80%, rgba(22, 122, 58, .12), transparent 30%),
        linear-gradient(135deg, #efe5d4 0%, #f8f4ee 48%, #e6dccb 100%);
      position: relative;
      overflow: hidden;
    }

    .photo-card--beige::after,
    .beige-visual::after,
    .leader-placeholder::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(16, 40, 87, .18);
      pointer-events: none;
    }

    .beige-visual .visual-kicker,
    .photo-card--beige .visual-kicker {
      position: absolute;
      left: 18px;
      top: 18px;
      z-index: 2;
      background: rgba(255, 255, 255, .94);
      color: var(--navy);
      padding: 9px 12px;
      font-size: 10px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
      box-shadow: 0 8px 18px rgba(16, 40, 87, .08);
    }

    .beige-visual .visual-center,
    .photo-card--beige .visual-center {
      position: absolute;
      inset: 0;
      z-index: 1;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 34px;
    }

    .beige-visual .visual-center strong,
    .photo-card--beige .visual-center strong {
      display: block;
      font-family: var(--serif);
      font-size: clamp(28px, 3.4vw, 48px);
      color: var(--navy);
      line-height: 1;
      max-width: 520px;
    }

    .beige-visual .visual-center span,
    .photo-card--beige .visual-center span {
      display: block;
      margin-top: 10px;
      color: #5c6471;
      font-size: 12px;
      line-height: 1.45;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .photo-card--beige {
      width: 100%;
      height: 510px;
      box-shadow: var(--shadow);
      border: 10px solid rgba(255, 255, 255, .12);
    }

    .photo-card--beige .visual-center strong {
      color: #102857
    }

    .photo-card--beige .visual-center span {
      color: #31405e
    }

    .storyboard-card .beige-visual {
      height: 238px
    }

    .why-visual-band .beige-visual {
      height: 100%;
      min-height: 201px;
    }

    .why-visual-band .main-visual .beige-visual {
      min-height: 420px;
    }

    .stack-visual article {
      grid-template-columns: 40% 1fr;
    }

    .stack-visual article>.beige-visual {
      min-height: 201px;
    }

    .story-mosaic .beige-visual {
      height: 100%;
    }

    .story-mosaic .mosaic-main .beige-visual {
      min-height: 520px;
    }

    .story-mosaic .mosaic-col .beige-visual {
      min-height: 251px;
    }

    .gallery-card .beige-visual {
      height: 214px;
    }

    .leader-placeholder {
      width: 100%;
      height: 240px;
      display: grid;
      place-items: center;
      text-align: center;
    }

    .leader-placeholder strong {
      position: relative;
      z-index: 2;
      width: 86px;
      height: 86px;
      border-radius: 50%;
      background: var(--navy);
      color: #fff;
      display: grid;
      place-items: center;
      font-family: var(--serif);
      font-size: 32px;
      letter-spacing: .04em;
    }

    .leader-placeholder span {
      position: absolute;
      left: 18px;
      bottom: 18px;
      z-index: 2;
      background: #fff;
      color: var(--navy);
      padding: 8px 12px;
      font-size: 10px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .storyboard-card figcaption,
    .story-mosaic .pill,
    .why-visual-band .main-visual .label {
      z-index: 3;
      background: rgba(255, 255, 255, .96);
      color: var(--navy);
      box-shadow: 0 8px 18px rgba(16, 40, 87, .08);
    }

    .storyboard-card figcaption {
      left: 18px;
      top: 18px;
      right: auto;
      bottom: auto;
    }

    .story-mosaic .pill {
      left: 18px;
      bottom: 18px;
      max-width: calc(100% - 36px);
    }

    .why-visual-band .main-visual .label {
      left: 20px;
      top: 20px;
      right: auto;
    }

    @media (max-width:820px) {
      .photo-card--beige {
        height: 380px
      }

      .why-visual-band .main-visual .beige-visual {
        min-height: 300px
      }

      .stack-visual article {
        grid-template-columns: 1fr
      }

      .stack-visual article>.beige-visual {
        min-height: 180px
      }

      .story-mosaic .mosaic-main .beige-visual {
        min-height: 360px
      }

      .story-mosaic .mosaic-col .beige-visual {
        min-height: 220px
      }

      .leader-placeholder {
        height: 220px
      }
    }


    /* Fixed image division for Mediation in Action */
    .story--option2 .story-editorial {
      grid-template-columns: .92fr 1.08fr;
      align-items: stretch;
      gap: 34px;
    }

    .mediation-action-image{
      margin: 0;
    }

    .story-image-board {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      grid-template-rows: 1fr 1fr;
      gap: 18px;
      min-height: 520px;
    }

    .story-image-panel {
      position: relative;
      min-height: 250px;
      background:
        radial-gradient(circle at 12% 16%, rgba(228, 111, 34, .13), transparent 32%),
        radial-gradient(circle at 86% 86%, rgba(22, 122, 58, .11), transparent 34%),
        linear-gradient(135deg, #efe5d4 0%, #f8f4ee 54%, #e5dccb 100%);
      border: 1px solid rgba(16, 40, 87, .16);
      box-shadow: 0 12px 28px rgba(16, 40, 87, .06);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 24px;
    }

    .story-image-panel::before {
      content: "";
      position: absolute;
      inset: 20px;
      border: 1px solid rgba(16, 40, 87, .16);
      pointer-events: none;
    }

    .story-image-panel--large {
      grid-row: 1 / span 2;
    }

    .story-image-panel__tag {
      position: relative;
      z-index: 2;
      align-self: flex-start;
      background: #fff;
      color: var(--navy);
      padding: 9px 13px;
      font-size: 10px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: .2em;
      text-transform: uppercase;
      box-shadow: 0 8px 18px rgba(16, 40, 87, .08);
    }

    .story-image-panel__content {
      position: relative;
      z-index: 2;
      text-align: center;
      width: 100%;
      max-width: 360px;
      margin: auto;
      padding: 14px;
    }

    .story-image-panel__content strong {
      display: block;
      font-family: var(--serif);
      color: var(--navy);
      font-size: clamp(30px, 3vw, 44px);
      line-height: .98;
      letter-spacing: -.02em;
    }

    .story-image-panel:not(.story-image-panel--large) .story-image-panel__content strong {
      font-size: clamp(26px, 2.35vw, 36px);
      line-height: 1;
    }

    .story-image-panel__content span {
      display: block;
      margin-top: 12px;
      color: #5c6471;
      font-size: 11px;
      line-height: 1.45;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .story-image-panel__caption {
      position: relative;
      z-index: 2;
      align-self: flex-end;
      background: rgba(255, 255, 255, .96);
      color: var(--navy);
      padding: 9px 12px;
      max-width: 90%;
      font-size: 10px;
      line-height: 1.25;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      box-shadow: 0 8px 18px rgba(16, 40, 87, .08);
    }

    @media (max-width:1100px) {
      .story--option2 .story-editorial {
        grid-template-columns: 1fr
      }

      .story-image-board {
        min-height: auto
      }
    }

    @media (max-width:760px) {
      .story-image-board {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 14px
      }

      .story-image-panel--large {
        grid-row: auto
      }

      .story-image-panel {
        min-height: 270px;
        padding: 20px
      }

      .story-image-panel::before {
        inset: 16px
      }

      .story-image-panel__content strong,
      .story-image-panel:not(.story-image-panel--large) .story-image-panel__content strong {
        font-size: 32px;
      }
    }


    /* Final inner pages */
    .inner-hero {
      background: radial-gradient(circle at 8% 12%, rgba(228, 111, 34, .11), transparent 28%), radial-gradient(circle at 92% 80%, rgba(22, 122, 58, .10), transparent 30%), linear-gradient(135deg, #fff 0%, #f7f4ee 100%);
      border-bottom: 1px solid var(--line);
      padding: 82px 0 66px
    }

    .inner-hero__grid {
      display: grid;
      grid-template-columns: 1.05fr .75fr;
      gap: 58px;
      align-items: center
    }

    .inner-hero h1 {
      color: var(--navy);
      font-size: clamp(46px, 5vw, 72px)
    }

    .inner-hero .lead {
      color: #4f596c;
      max-width: 760px
    }

    .inner-visual {
      min-height: 330px;
      background: radial-gradient(circle at 16% 18%, rgba(228, 111, 34, .16), transparent 31%), radial-gradient(circle at 82% 82%, rgba(22, 122, 58, .14), transparent 32%), linear-gradient(135deg, #efe5d4 0%, #fbf8f1 52%, #e3dac8 100%);
      border: 1px solid rgba(16, 40, 87, .16);
      box-shadow: var(--soft-shadow);
      position: relative;
      overflow: hidden;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 34px
    }

    .inner-visual::before {
      content: "";
      position: absolute;
      inset: 20px;
      border: 1px solid rgba(16, 40, 87, .16)
    }

    .inner-visual strong {
      position: relative;
      z-index: 2;
      font-family: var(--serif);
      font-size: clamp(34px, 4vw, 54px);
      line-height: 1;
      color: var(--navy)
    }

    .inner-visual span {
      position: absolute;
      left: 20px;
      top: 20px;
      z-index: 2;
      background: #fff;
      padding: 9px 12px;
      color: var(--navy);
      font-size: 10px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
      box-shadow: 0 8px 18px rgba(16, 40, 87, .08)
    }

    .inner-section {
      padding: 76px 0;
      border-bottom: 1px solid var(--line)
    }

    .inner-section--cream {
      background: var(--cream)
    }

    .copy-grid {
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: 62px;
      align-items: start
    }

    .copy-grid .sticky-note {
      position: sticky;
      top: 112px
    }

    .editorial-card,
    .profile-card,
    .info-card,
    .committee-card,
    .faq-item,
    .contact-card,
    .donation-card,
    .fee-table-wrap {
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05)
    }

    .editorial-card {
      padding: 34px
    }

    .editorial-card h2,
    .rich-copy h2 {
      font-size: clamp(34px, 3.4vw, 50px);
      margin-bottom: 18px
    }

    .editorial-card p,
    .rich-copy p {
      color: #515b6d;
      margin: 0 0 18px
    }

    .rich-copy ul,
    .editorial-card ul,
    .info-card ul,
    .donation-card ul {
      padding-left: 0;
      margin: 20px 0 0;
      list-style: none
    }

    .rich-copy li,
    .editorial-card li,
    .info-card li,
    .donation-card li {
      position: relative;
      padding-left: 28px;
      margin: 12px 0;
      color: #4f596c
    }

    .rich-copy li::before,
    .editorial-card li::before,
    .info-card li::before,
    .donation-card li::before {
      content: "";
      position: absolute;
      left: 0;
      top: .72em;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--orange)
    }

    .rich-copy li:nth-child(even)::before,
    .editorial-card li:nth-child(even)::before,
    .info-card li:nth-child(even)::before,
    .donation-card li:nth-child(even)::before {
      background: var(--green)
    }

    .statement-card {
      margin-top: 24px;
      background: var(--navy);
      color: #fff;
      padding: 30px;
      border-left: 5px solid var(--orange);
      box-shadow: var(--soft-shadow)
    }

    .statement-card p {
      font-family: var(--serif);
      font-size: 30px;
      line-height: 1.2;
      margin: 0;
      color: #fff
    }

    .value-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 28px
    }

    .value-grid article,
    .objective-card {
      background: #fff;
      border: 1px solid var(--line);
      padding: 28px;
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05)
    }

    .value-grid strong,
    .objective-card span {
      display: block;
      color: var(--orange);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .2em;
      margin-bottom: 12px
    }

    .value-grid h3,
    .objective-card h3 {
      font-size: 28px
    }

    .profile-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px
    }

    .profile-card {
      padding: 28px;
      display: grid;
      grid-template-columns: 116px 1fr;
      gap: 22px;
      align-items: start
    }

    .profile-avatar {
      width: 116px;
      height: 116px;
      border-radius: 50%;
      background: linear-gradient(135deg, #efe5d4, #fff, #e4dccb);
      border: 1px solid var(--line);
      display: grid;
      place-items: center;
      color: var(--navy);
      font-family: var(--serif);
      font-size: 34px;
      font-weight: 700;
      position: relative;
      overflow: hidden
    }

    .profile-avatar::after {
      content: "";
      position: absolute;
      inset: 10px;
      border: 1px solid rgba(16, 40, 87, .16);
      border-radius: 50%
    }

    .profile-card h3 {
      font-size: 28px;
      margin-bottom: 6px
    }

    .profile-card em {
      display: block;
      color: #6d7481;
      font-size: 13px;
      line-height: 1.45;
      margin-bottom: 12px
    }

    .profile-card p {
      margin: 0;
      color: #555f71;
      font-size: 14px;
      line-height: 1.75
    }

    .profile-card a {
      display: inline-block;
      color: var(--orange);
      font-weight: 800;
      font-size: 11px;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 10px
    }

    .advisory-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px
    }

    .advisory-grid .profile-card {
      grid-template-columns: 1fr;
      padding: 24px
    }

    .advisory-grid .profile-avatar {
      width: 82px;
      height: 82px;
      font-size: 26px
    }

    .committee-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px
    }

    .committee-card {
      padding: 32px
    }

    .committee-card h3 {
      font-size: 32px;
      margin-bottom: 12px
    }

    .committee-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 22px
    }

    .committee-tags span {
      display: inline-flex;
      background: var(--cream);
      border: 1px solid var(--line);
      padding: 8px 12px;
      color: var(--navy);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase
    }

    .involvement-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px;
      align-items: stretch
    }

    .donation-card {
      padding: 34px;
      position: relative;
      overflow: hidden
    }

    .donation-qr {
      width: 220px;
      height: 220px;
      margin: 28px 0 0;
      background: repeating-linear-gradient(45deg, #1a1a1a 0 8px, #fff 8px 16px);
      border: 18px solid #fff;
      box-shadow: 0 12px 28px rgba(16, 40, 87, .13);
      position: relative
    }

    .donation-qr::after {
      content: "QR CODE";
      position: absolute;
      inset: 42px;
      background: #fff;
      color: var(--navy);
      display: grid;
      place-items: center;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .18em
    }

    .membership-model {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      margin-top: 24px
    }

    .info-card {
      padding: 28px
    }

    .info-card h3 {
      font-size: 30px
    }

    .form-link-card {
      margin-top: 24px;
      background: var(--navy);
      color: #fff;
      padding: 30px
    }

    .form-link-card h3 {
      color: #fff
    }

    .form-link-card p {
      color: #dce4f4
    }

    .objectives-page-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px
    }

    .objective-card p {
      margin: 12px 0 0;
      color: #566075
    }

    .bridge-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px
    }

    .bridge-card {
      background: #fff;
      border: 1px solid var(--line);
      padding: 30px;
      min-height: 210px;
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      position: relative;
      overflow: hidden
    }

    .bridge-card::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, var(--orange), var(--green))
    }

    .bridge-card h3 {
      font-size: 32px;
      margin-bottom: 14px
    }

    .faq-list {
      display: grid;
      gap: 14px
    }

    .faq-item {
      padding: 0;
      overflow: hidden
    }

    .faq-item button {
      width: 100%;
      background: #fff;
      border: 0;
      text-align: left;
      padding: 24px 58px 24px 26px;
      color: var(--navy);
      font-weight: 800;
      cursor: pointer;
      position: relative
    }

    .faq-item button::after {
      content: "+";
      position: absolute;
      right: 26px;
      top: 20px;
      font-size: 26px;
      font-family: var(--serif);
      color: var(--orange)
    }

    .faq-item button[aria-expanded="true"]::after {
      content: "–"
    }

    .faq-item__body {
      padding: 0 26px 26px;
      color: #566075
    }

    .faq-item__body p {
      margin: 0 0 14px
    }

    .faq-item__body ul {
      margin: 14px 0 0;
      padding-left: 20px
    }

    .faq-item__body li {
      margin: 8px 0
    }

    .fee-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 16px;
      background: #fff
    }

    .fee-table th,
    .fee-table td {
      border: 1px solid var(--line);
      padding: 13px 14px;
      text-align: left;
      color: #4f596c
    }

    .fee-table th {
      background: var(--cream);
      color: var(--navy);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .14em
    }

    .contact-layout {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 30px;
      align-items: start
    }

    .contact-card {
      padding: 32px
    }

    .contact-list {
      display: grid;
      gap: 18px;
      margin-top: 24px
    }

    .contact-list a,
    .contact-list span {
      display: block;
      color: #4f596c;
      line-height: 1.6
    }

    .contact-list strong {
      display: block;
      color: var(--navy);
      font-family: var(--serif);
      font-size: 26px;
      margin-bottom: 4px
    }

    .contact-form {
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      padding: 32px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px
    }

    .contact-form label {
      display: grid;
      gap: 8px;
      color: var(--navy);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase
    }

    .contact-form input,
    .contact-form textarea,
    .contact-form select {
      border: 1px solid var(--line);
      padding: 13px 14px;
      background: #fff;
      color: var(--ink);
      min-height: 48px
    }

    .contact-form textarea {
      min-height: 150px;
      resize: vertical
    }

    .contact-form .full {
      grid-column: 1 / -1
    }

    .contact-form .button {
      justify-self: start
    }

    @media(max-width:1100px) {

      .inner-hero__grid,
      .copy-grid,
      .contact-layout,
      .involvement-grid {
        grid-template-columns: 1fr
      }

      .copy-grid .sticky-note {
        position: relative;
        top: auto
      }

      .advisory-grid,
      .objectives-page-grid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:820px) {
      .inner-hero {
        padding: 58px 0 46px
      }

      .inner-visual {
        min-height: 260px
      }

      .value-grid,
      .profile-grid,
      .advisory-grid,
      .committee-grid,
      .membership-model,
      .objectives-page-grid,
      .bridge-grid {
        grid-template-columns: 1fr
      }

      .profile-card {
        grid-template-columns: 1fr
      }

      .contact-form {
        grid-template-columns: 1fr
      }
    }


    /* New IMF main logo lockup */
    .brand-logo-img {
      display: block;
      width: 220px;
      max-width: 100%;
      height: auto;
    }

    .site-header .brand {
      align-items: center;
    }

    .site-header .brand-logo-img {
      width: 235px;
    }

    .footer .brand-logo-img {
      width: 245px;
      background: #fff;
      padding: 10px 12px;
      border-radius: 2px;
    }

    /* FAQ dropdown correction: prevent the parallel item from stretching when another answer opens */
    .faq-list,
    .accordion {
      align-items: start !important;
    }

    .faq-list {
      grid-auto-rows: auto !important;
    }

    .faq-item {
      align-self: start !important;
      height: auto !important;
    }

    .faq-item__body[hidden],
    .accordion>div[hidden] {
      display: none !important;
    }

    /* Keep navigation balanced with wider logo */
    @media(max-width:1180px) {
      .site-header .brand-logo-img {
        width: 190px
      }
    }

    @media(max-width:720px) {
      .site-header .brand-logo-img {
        width: 165px
      }

      .footer .brand-logo-img {
        width: 210px
      }
    }


    /* CDN logo update */
    .brand-logo-img,
    .site-header .brand-logo-img,
    .footer .brand-logo-img {
      display: block;
      width: auto !important;
      max-width: 210px;
      height: 58px !important;
      object-fit: contain;
      object-position: left center;
    }

    .site-header .brand {
      min-width: 130px;
      align-items: center;
    }

    .footer .brand-logo-img {
      height: 74px !important;
      max-width: 260px;
      background: #fff;
      padding: 8px 10px;
      border-radius: 2px;
    }

    @media(max-width:1180px) {

      .brand-logo-img,
      .site-header .brand-logo-img {
        height: 50px !important;
        max-width: 170px;
      }
    }

    @media(max-width:720px) {

      .brand-logo-img,
      .site-header .brand-logo-img {
        height: 44px !important;
        max-width: 145px;
      }

      .footer .brand-logo-img {
        height: 64px !important;
        max-width: 230px;
      }
    }

    /* FAQ dropdown correction retained */
    .faq-list,
    .accordion {
      align-items: start !important;
    }

    .faq-list {
      grid-auto-rows: auto !important;
    }

    .faq-item {
      align-self: start !important;
      height: auto !important;
    }

    .faq-item__body[hidden],
    .accordion>div[hidden] {
      display: none !important;
    }


    /* Cross-page interconnection section */
    .page-connect {
      background: linear-gradient(180deg, #fff 0%, #f8f4ee 100%);
      border-bottom: 1px solid var(--line);
    }

    .page-connect-grid {
      display: grid;
      grid-template-columns: .72fr 1.28fr;
      gap: 34px;
      align-items: start;
    }

    .page-connect h2 {
      color: var(--navy);
      font-size: clamp(34px, 3.2vw, 48px);
      line-height: .98;
      margin-bottom: 14px;
    }

    .page-connect p {
      color: #556074;
    }

    .page-connect-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    .page-connect-card {
      display: block;
      background: #fff;
      border: 1px solid var(--line);
      padding: 22px;
      min-height: 154px;
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      position: relative;
      overflow: hidden;
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    .page-connect-card::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, var(--orange), var(--green));
    }

    .page-connect-card strong {
      display: block;
      font-family: var(--serif);
      font-size: 26px;
      line-height: 1.05;
      color: var(--navy);
      margin-bottom: 10px;
    }

    .page-connect-card span {
      display: block;
      color: #596479;
      font-size: 14px;
      line-height: 1.55;
    }

    .page-connect-card em {
      position: absolute;
      right: 18px;
      bottom: 16px;
      color: var(--orange);
      font-style: normal;
      font-weight: 800;
    }

    .page-connect-card:hover {
      transform: translateY(-3px);
      box-shadow: var(--soft-shadow);
      border-color: rgba(19, 41, 93, .25);
    }

    .footer .footer-nav-complete a {
      display: block;
    }

    @media(max-width:1100px) {
      .page-connect-grid {
        grid-template-columns: 1fr
      }

      .page-connect-cards {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:720px) {
      .page-connect-cards {
        grid-template-columns: 1fr
      }

      .page-connect-card {
        min-height: auto
      }
    }


    /* Clean revision: remove top visuals and cross-link cards */
    .hero--text-only {
      grid-template-columns: 1fr !important;
      min-height: auto !important;
      padding-top: 96px !important;
      padding-bottom: 96px !important;
    }

    .hero--text-only .hero__copy {
      max-width: 940px;
    }

    .inner-hero__grid--text {
      grid-template-columns: 1fr !important;
      max-width: 980px;
      margin-inline: auto;
    }

    .inner-hero__grid--text .lead {
      max-width: 840px;
    }

    .about-accordion {
      display: grid;
      gap: 16px;
      align-items: start;
    }

    .about-panel {
      overflow: hidden;
    }

    .about-panel>button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    .about-panel-title {
      display: grid;
      gap: 3px;
    }

    .about-panel-title strong {
      color: var(--navy);
      font-size: 20px;
    }

    .about-panel-title span {
      color: #6b7585;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0;
      text-transform: none;
    }

    .about-panel .faq-body {
      padding-top: 2px;
    }

    .about-panel-intro {
      max-width: 850px;
      color: #566075;
      margin: 0 0 22px;
    }

    .about-panel .bio-grid {
      margin-top: 16px;
    }

    .about-panel .bio-grid--advisory,
    .about-panel .bio-grid--overseas {
      grid-template-columns: repeat(3, 1fr);
    }

    .about-panel .bio-card {
      height: 100%;
    }

    .about-panel .bio-card img {
      background: #f1eadf;
    }

    .about-summary-strip {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 28px;
    }

    .about-summary-strip article {
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      padding: 24px;
    }

    .about-summary-strip span {
      display: block;
      color: var(--orange);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    .about-summary-strip h3 {
      font-size: 27px;
      line-height: 1.05;
    }

    @media(max-width:1100px) {

      .about-panel .bio-grid--advisory,
      .about-panel .bio-grid--overseas,
      .about-summary-strip {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:820px) {
      .hero--text-only {
        padding-top: 66px !important;
        padding-bottom: 68px !important
      }

      .about-panel .bio-grid--advisory,
      .about-panel .bio-grid--overseas,
      .about-summary-strip {
        grid-template-columns: 1fr
      }

      .about-panel>button {
        align-items: flex-start
      }
    }


    /* Toggle reliability and compact homepage leadership section */
    .faq-body[hidden],
    .accordion>div[hidden],
    .about-tabs__panel[hidden] {
      display: none !important;
    }

    .about-tab {
      user-select: none;
    }

    .home-leadership-compact {
      background: #fff;
    }

    .home-leadership-compact .leadership-head {
      margin-bottom: 26px;
    }

    .featured-leaders--compact {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }

    .featured-leaders--compact .leader-card {
      display: grid;
      grid-template-columns: 86px 1fr;
      gap: 18px;
      align-items: start;
      padding: 22px 24px;
      min-height: auto;
    }

    .featured-leaders--compact .leader-card::before {
      width: 3px;
    }

    .featured-leaders--compact .leader-photo {
      width: 86px;
      height: 86px;
      margin: 0;
      border-radius: 50%;
      border: 1px solid var(--line);
    }

    .featured-leaders--compact .leader-avatar {
      display: none;
    }

    .featured-leaders--compact .leader-card h3 {
      font-size: 28px;
      margin-bottom: 4px;
    }

    .featured-leaders--compact .leader-card em {
      display: block;
      font-size: 13px;
      line-height: 1.45;
    }

    .featured-leaders--compact .leader-card p:not(.eyebrow) {
      font-size: 14px;
      line-height: 1.65;
      margin-top: 10px;
    }

    .featured-leaders--compact .eyebrow {
      margin-bottom: 6px;
    }

    .gallery-band--compact {
      padding: 52px 0 !important;
    }

    .gallery-band--compact .section-intro {
      margin-bottom: 22px;
    }

    .gallery-band--compact .gallery-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }

    .gallery-band--compact .gallery-card .beige-visual {
      display: none;
    }

    .gallery-band--compact .gallery-card .copy {
      padding: 20px;
    }

    .gallery-band--compact .gallery-card strong {
      font-size: 23px;
    }

    .gallery-band--compact .gallery-card p {
      font-size: 14px;
      line-height: 1.58;
    }

    @media(max-width:980px) {

      .featured-leaders--compact,
      .gallery-band--compact .gallery-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media(max-width:680px) {

      .featured-leaders--compact,
      .gallery-band--compact .gallery-grid {
        grid-template-columns: 1fr;
      }

      .featured-leaders--compact .leader-card {
        grid-template-columns: 70px 1fr;
      }

      .featured-leaders--compact .leader-photo {
        width: 70px;
        height: 70px;
      }
    }


    /* Final layout fixes requested */
    :root {
      --shell: 100%;
    }

    .shell {
      width: 100% !important;
      max-width: 100% !important;
      margin-inline: 0 !important;
      padding-inline: 56px;
    }

    body {
      width: 100%;
    }

    .inner-hero__grid--text {
      max-width: 100% !important;
    }

    /* Plain homepage leadership section */
    .leadership-simple {
      background: #fff;
    }

    .leadership-simple__head {
      display: flex;
      justify-content: space-between;
      gap: 28px;
      align-items: end;
      margin-bottom: 28px;
    }

    .leadership-simple__head h2 {
      max-width: 720px;
      margin: 0;
    }

    .leadership-simple__list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }

    .leadership-simple__item {
      display: grid;
      grid-template-columns: 150px 1fr;
      gap: 22px;
      align-items: center;
      background: #fff;
      border: 1px solid var(--line);
      border-left: 4px solid var(--orange);
      padding: 24px 28px;
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
    }

    .leadership-simple__item:nth-child(2) {
      border-left-color: var(--green);
    }

    .leadership-simple__role {
      color: var(--orange);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .leadership-simple__item:nth-child(2) .leadership-simple__role {
      color: var(--green);
    }

    .leadership-simple__item strong {
      display: block;
      color: var(--navy);
      font-family: var(--serif);
      font-size: 32px;
      line-height: 1.05;
    }

    .leadership-simple__item span:last-child {
      display: block;
      color: #6b7484;
      font-size: 14px;
      line-height: 1.5;
    }

    /* About tabs: remove summary cards like Lead / Direction / Role */
    .about-summary-strip {
      display: none !important;
    }

    .about-tabs__panel .bio-grid {
      margin-top: 22px;
    }

    /* Get involved: aligned member cards */
    .founding-card {
      padding: 30px;
    }

    .founding-card .eyebrow {
      color: var(--orange) !important;
    }

    .founding-card h2 {
      color: var(--navy);
    }

    .info-columns {
      align-items: stretch;
    }

    .info-columns>article {
      height: 100%;
    }

    /* Floating WhatsApp */
    .floating-whatsapp {
      position: fixed;
      right: 24px;
      bottom: 24px;
      width: 62px;
      height: 62px;
      z-index: 999;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #25d366;
      box-shadow: 0 16px 38px rgba(16, 40, 87, .22);
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .floating-whatsapp:hover {
      transform: translateY(-3px);
      box-shadow: 0 20px 45px rgba(16, 40, 87, .28);
    }

    .floating-whatsapp img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

    @media(max-width:980px) {
      .shell {
        padding-inline: 28px;
      }

      .leadership-simple__head {
        align-items: flex-start;
        flex-direction: column;
      }

      .leadership-simple__list {
        grid-template-columns: 1fr;
      }
    }

    @media(max-width:640px) {
      .shell {
        padding-inline: 18px;
      }

      .leadership-simple__item {
        grid-template-columns: 1fr;
        padding: 22px;
      }

      .floating-whatsapp {
        right: 18px;
        bottom: 18px;
        width: 54px;
        height: 54px;
      }
    }


    /* Reverted homepage — clean corrections */
    .momentum-strip {
      background: #fff;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      position: relative;
      z-index: 3;
    }

    .momentum-grid {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      margin-top: 0 !important;
      background: #fff;
      border-left: 1px solid var(--line);
      border-right: 1px solid var(--line);
      box-shadow: 0 12px 28px rgba(16, 40, 87, .05);
    }

    .momentum-grid>article,
    .momentum-grid>div {
      min-height: 118px;
      padding: 24px 28px;
      border-right: 1px solid var(--line);
      display: grid;
      align-content: center;
      gap: 7px;
      position: relative;
      background: #fff;
    }

    .momentum-grid>article:last-child,
    .momentum-grid>div:last-child {
      border-right: 0;
    }

    .momentum-grid>article::before,
    .momentum-grid>div::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--orange), var(--green));
      opacity: .72;
    }

    .momentum-grid strong {
      display: block;
      font-family: var(--serif);
      color: var(--navy);
      font-size: 30px;
      line-height: 1;
      margin: 0;
    }

    .momentum-grid span {
      display: block;
      color: var(--orange);
      font-family: var(--sans);
      font-size: 13px;
      line-height: 1.45;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      margin: 0;
    }

    .momentum-grid>article:nth-child(even) span,
    .momentum-grid>div:nth-child(even) span {
      color: var(--green);
    }

    .visual-narrative .section-intro {
      grid-template-columns: .92fr 1.08fr !important;
      gap: 48px !important;
      align-items: center !important;
      margin-bottom: 38px !important;
    }

    .visual-narrative .section-intro>div {
      max-width: 760px;
    }

    .visual-narrative .section-intro>p {
      margin: 0 !important;
      background: #fff;
      border: 1px solid var(--line);
      padding: 28px 30px;
      color: #4f596c;
      font-size: 17px;
      line-height: 1.82;
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
    }

    /* Mediation in Action: two images + one horizontal banner */
    .story--option2 .story-editorial {
      grid-template-columns: .92fr 1.08fr !important;
      align-items: stretch;
      gap: 34px;
    }

    .story-image-board.story-image-board--revised {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: minmax(250px, 1fr) minmax(180px, .58fr);
      gap: 18px;
      min-height: 520px;
    }

    .story-image-board--revised .story-image-panel {
      min-height: 250px;
    }

    .story-image-board--revised .story-image-panel--banner {
      grid-column: 1 / -1;
      min-height: 180px;
    }

    .story-image-board--revised .story-image-panel--banner .story-image-panel__content {
      max-width: 680px;
    }

    .story-image-board--revised .story-image-panel--banner .story-image-panel__content strong {
      font-size: clamp(30px, 3vw, 46px);
    }

    @media(max-width:1040px) {
      .momentum-grid {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      .momentum-grid>article:nth-child(2),
      .momentum-grid>div:nth-child(2) {
        border-right: 0;
      }

      .momentum-grid>article:nth-child(-n+2),
      .momentum-grid>div:nth-child(-n+2) {
        border-bottom: 1px solid var(--line);
      }

      .visual-narrative .section-intro,
      .story--option2 .story-editorial {
        grid-template-columns: 1fr !important;
      }
    }

    @media(max-width:720px) {

      .momentum-grid,
      .story-image-board.story-image-board--revised {
        grid-template-columns: 1fr !important;
      }

      .momentum-grid>article,
      .momentum-grid>div {
        border-right: 0 !important;
        border-bottom: 1px solid var(--line);
      }

      .momentum-grid>article:last-child,
      .momentum-grid>div:last-child {
        border-bottom: 0;
      }

      .story-image-board--revised .story-image-panel--banner {
        grid-column: auto;
      }

      .visual-narrative .section-intro>p {
        padding: 15px;
      }
    }


    /* Final homepage two changes */
    .visual-narrative .section-intro,
    .why .section-intro {
      grid-template-columns: .92fr 1.08fr !important;
      gap: 48px !important;
      align-items: center !important;
      margin-bottom: 38px !important;
    }

    .visual-narrative .section-intro>div,
    .why .section-intro>div {
      max-width: 760px;
    }

    .visual-narrative .section-intro h2,
    .why .section-intro h2 {
      font-size: calc(clamp(34px, 4vw, 56px) - 3px) !important;
    }

    .visual-narrative .section-intro>p,
    .why .section-intro>p {
      margin: 0 !important;
      background: #fff;
      border: 1px solid var(--line);
      padding: 28px 30px;
      color: #4f596c;
      font-size: 14px !important;
      line-height: 1.82;
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      text-align: center;
    }

    @media(max-width:1040px) {

      .visual-narrative .section-intro,
      .why .section-intro {
        grid-template-columns: 1fr !important;
      }
    }

    @media(max-width:720px) {

      .visual-narrative .section-intro>p,
      .why .section-intro>p {
        padding: 15px;
      }
    }


    /* CDN image integration */
    .hero--with-image {
      display: grid;
      grid-template-columns: .98fr 1.02fr;
      gap: 48px;
      align-items: center;
      min-height: auto;
      padding-top: 82px;
      padding-bottom: 82px;
    }

    .hero--with-image .hero__copy {
      max-width: 780px;
    }

    .hero__media {
      position: relative;
      min-height: 620px;
      border: 1px solid var(--line);
      background: #f5eee4;
      overflow: hidden;
      box-shadow: var(--soft-shadow);
    }

    .hero__media img {
      width: 100%;
      height: 100%;
      min-height: 620px;
      object-fit: cover;
      display: block;
    }

    .hero__media::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(255, 255, 255, .62);
      pointer-events: none;
    }

    .storyboard-card figure {
      background: #f4eee5;
    }

    .storyboard-card figure img {
      width: 100%;
      height: 260px;
      object-fit: cover;
      display: block;
    }

    .storyboard-card figcaption {
      background: rgba(255, 255, 255, .92);
      color: var(--navy);
      box-shadow: 0 8px 18px rgba(16, 40, 87, .08);
    }

    .why-visual-band .main-visual img,
    .stack-visual .image-cell img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .why-visual-band .main-visual {
      background: #f4eee5;
    }

    .stack-visual .image-cell {
      min-height: 220px;
      background: #f4eee5;
    }

    .story-image-panel--image {
      padding: 0 !important;
      background: #f4eee5 !important;
    }

    .story-image-panel--image::before {
      display: none;
    }

    .story-image-panel--image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      min-height: 100%;
    }

    .story-image-board--revised .story-image-panel--image {
      min-height: 300px;
    }

    .story-image-board--revised .story-image-panel--banner.story-image-panel--image {
      min-height: 220px;
    }

    .leadership-person-card {
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      padding: 30px 28px;
      text-align: center;
      display: grid;
      justify-items: center;
      gap: 10px;
      border-top: 4px solid var(--orange);
    }

    .leadership-person-card:nth-child(2) {
      border-top-color: var(--green);
    }

    .leadership-person-card img {
      width: 116px;
      height: 116px;
      border-radius: 50%;
      object-fit: cover;
      object-position: center top;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(16, 40, 87, .08);
      margin-bottom: 8px;
    }

    .leadership-person-card:nth-child(2) img {
      object-position: center 18%;
    }

    .leadership-person-card .role {
      color: var(--orange);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .leadership-person-card:nth-child(2) .role {
      color: var(--green);
    }

    .leadership-person-card strong {
      color: var(--navy);
      font-family: var(--serif);
      font-size: 32px;
      line-height: 1.05;
    }

    .leadership-person-card .meta {
      color: #6b7484;
      font-size: 14px;
      line-height: 1.5;
    }

    @media(max-width:1100px) {
      .hero--with-image {
        grid-template-columns: 1fr;
      }

      .hero__media,
      .hero__media img {
        min-height: 520px;
        margin-inline: 0;
        margin-block-end: 0;
      }
    }

    @media(max-width:720px) {
      .hero--with-image {
        padding-top: 56px;
        padding-bottom: 56px;
      }

      .hero__media,
      .hero__media img {
        min-height: 420px;
      }
    }



    /* ===== Crop fixes: homepage graphic panels ===== */
    .storyboard-card figure,
    .why-visual-band .main-visual,
    .stack-visual .image-cell,
    .story-image-panel--image {
      background: #f4eee5;
    }

    .storyboard-card figure img {
      width: 100% !important;
      height: 260px !important;
      object-position: center center !important;
      display: block;
      background: #f4eee5;
    }

    .why-visual-band .main-visual img,
    .stack-visual .image-cell img,
    .story-image-panel--image img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      object-position: center center !important;
      display: block;
      background: #f4eee5;
    }

    .stack-visual .image-cell img {
      min-height: 220px;
    }

    .story-image-board--revised .story-image-panel--image {
      overflow: hidden;
    }


    /* Footer social link */
    .footer-social {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 14px;
    }

    .footer-social a {
      width: 34px;
      height: 34px;
      border: 1px solid rgba(255, 255, 255, .28);
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      color: #fff !important;
      font-weight: 800;
      font-size: 14px;
      line-height: 1;
      margin: 0 !important;
      transition: .22s ease;
    }

    .footer-social a:hover {
      background: #fff;
      color: var(--navy) !important;
    }


    /* Homepage feedback updates */
    .india-monument-board {
      position: relative;
      min-height: 560px;
      border: 1px solid rgba(16, 40, 87, .16);
      box-shadow: 0 12px 28px rgba(16, 40, 87, .06);
      background:
        radial-gradient(circle at 50% 48%, rgba(228, 111, 34, .14), transparent 27%),
        radial-gradient(circle at 84% 82%, rgba(22, 122, 58, .12), transparent 28%),
        linear-gradient(135deg, #efe5d4 0%, #f8f4ee 54%, #e5dccb 100%);
      overflow: hidden;
      padding: 28px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(3, 1fr);
      gap: 14px;
    }

    .india-monument-board::before {
      content: "";
      position: absolute;
      inset: 22px;
      border: 1px solid rgba(16, 40, 87, .14);
      pointer-events: none;
    }

    .india-centerpiece {
      position: relative;
      z-index: 2;
      grid-column: 2 / span 2;
      grid-row: 1 / span 3;
      align-self: center;
      justify-self: center;
      width: min(360px, 100%);
      min-height: 360px;
      border-radius: 50%;
      background: #fff;
      border: 1px solid rgba(16, 40, 87, .13);
      box-shadow: 0 20px 44px rgba(16, 40, 87, .12);
      display: grid;
      place-items: center;
      text-align: center;
      padding: 36px;
    }

    .india-centerpiece::before,
    .india-centerpiece::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      inset: 24px;
      border: 1px solid rgba(228, 111, 34, .24);
    }

    .india-centerpiece::after {
      inset: 54px;
      border-color: rgba(22, 122, 58, .24);
      border-style: dashed;
    }

    .india-centerpiece strong {
      position: relative;
      z-index: 2;
      display: block;
      font-family: var(--serif);
      color: var(--navy);
      font-size: clamp(56px, 5vw, 86px);
      line-height: .9;
    }

    .india-centerpiece span {
      position: relative;
      z-index: 2;
      display: block;
      color: var(--orange);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .22em;
      text-transform: uppercase;
      margin-top: 14px;
    }

    .monument-card {
      position: relative;
      z-index: 2;
      background: rgba(255, 255, 255, .9);
      border: 1px solid rgba(16, 40, 87, .12);
      box-shadow: 0 10px 22px rgba(16, 40, 87, .05);
      padding: 16px 14px 15px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 135px;
    }

    .monument-card i {
      width: 46px;
      height: 34px;
      display: block;
      position: relative;
      margin-bottom: 12px;
    }

    .monument-card i::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 24px;
      background: linear-gradient(90deg, var(--orange), var(--green));
      opacity: .78;
      clip-path: polygon(8% 100%, 8% 42%, 20% 42%, 20% 24%, 35% 24%, 35% 4%, 65% 4%, 65% 24%, 80% 24%, 80% 42%, 92% 42%, 92% 100%);
    }

    .monument-card i::after {
      content: "";
      position: absolute;
      left: 11px;
      right: 11px;
      bottom: 0;
      height: 17px;
      background: #fff;
      border-radius: 16px 16px 0 0;
      opacity: .76;
    }

    .monument-card span {
      display: block;
      color: var(--orange);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .17em;
      text-transform: uppercase;
      margin-bottom: 3px;
    }

    .monument-card strong {
      display: block;
      font-family: var(--serif);
      color: var(--navy);
      font-size: 23px;
      line-height: 1.02;
    }

    .monument-card--one {
      grid-column: 1;
      grid-row: 1
    }

    .monument-card--two {
      grid-column: 4;
      grid-row: 1
    }

    .monument-card--three {
      grid-column: 1;
      grid-row: 2
    }

    .monument-card--four {
      grid-column: 4;
      grid-row: 2
    }

    .monument-card--five {
      grid-column: 1;
      grid-row: 3
    }

    .monument-card--six {
      grid-column: 4;
      grid-row: 3
    }

    .story--option2 .story-editorial {
      align-items: center;
    }

    @media(max-width:1100px) {
      .india-monument-board {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        min-height: auto;
      }

      .india-centerpiece {
        grid-column: 1 / -1;
        grid-row: auto;
        order: -1;
        min-height: 290px;
        width: min(320px, 100%);
      }

      .monument-card {
        grid-column: auto !important;
        grid-row: auto !important;
      }
    }

    @media(max-width:640px) {
      .india-monument-board {
        grid-template-columns: 1fr;
        padding: 20px;
      }

      .india-centerpiece {
        min-height: 250px;
      }
    }


    /* Homepage v3 refinements */
    body[data-current="home"] .hero .eyebrow,
    body[data-current="home"] .section-intro .eyebrow,
    body[data-current="home"] .story-copy-card .eyebrow,
    body[data-current="home"] .faq-preview .eyebrow {
      font-size: 8px !important;
    }

    body[data-current="home"] .gallery-band--compact .section-intro {
      grid-template-columns: .92fr 1.08fr !important;
      gap: 48px !important;
      align-items: center !important;
      margin-bottom: 38px !important;
    }

    body[data-current="home"] .gallery-band--compact .section-intro>div {
      max-width: 760px;
    }

    body[data-current="home"] .gallery-band--compact .section-intro>p {
      margin: 0 !important;
      background: #fff;
      border: 1px solid var(--line);
      padding: 28px 30px;
      color: #4f596c;
      font-size: 14px !important;
      line-height: 1.82;
      box-shadow: 0 10px 24px rgba(16, 40, 87, .05);
      max-width: none !important;
      text-align: center;
    }

    .footer-newsletter {
      margin-top: 18px;
    }

    .footer-newsletter label {
      display: block;
      color: #fff;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    .footer-newsletter__row {
      display: flex;
      align-items: stretch;
      gap: 0;
      max-width: 390px;
    }

    .footer-newsletter input {
      min-height: 46px;
      flex: 1;
      min-width: 0;
      border: 1px solid rgba(255, 255, 255, .24);
      background: rgba(255, 255, 255, .08);
      color: #fff;
      padding: 0 14px;
    }

    .footer-newsletter input::placeholder {
      color: rgba(255, 255, 255, .58);
    }

    .footer-newsletter button {
      min-height: 46px;
      border: 1px solid var(--orange);
      background: var(--orange);
      color: #fff;
      padding: 0 16px;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
      cursor: pointer;
    }

    .footer-newsletter button:hover {
      background: var(--orange-dark);
      border-color: var(--orange-dark);
    }

    @media(max-width:1040px) {
      body[data-current="home"] .gallery-band--compact .section-intro {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
      }
    }

    @media(max-width:620px) {
      .footer-newsletter__row {
        display: grid;
        gap: 10px;
      }
    }


    /* Homepage v4 type refinements */
    body[data-current="home"] .visual-narrative .section-intro .eyebrow,
    body[data-current="home"] .objectives .voice-sticky .eyebrow,
    body[data-current="home"] .why .section-intro .eyebrow,
    body[data-current="home"] .story-copy-card .eyebrow,
    body[data-current="home"] .gallery-band--compact .section-intro .eyebrow,
    body[data-current="home"] .faq-preview .eyebrow {
      font-size: 11px !important;
    }

    body[data-current="home"] .visual-narrative .section-intro h2,
    body[data-current="home"] .why .section-intro h2,
    body[data-current="home"] .gallery-band--compact .section-intro h2,
    body[data-current="home"] .faq-preview h2 {
      font-size: calc(clamp(34px, 4vw, 56px) - 3px) !important;
    }

    body[data-current="home"] .objectives .voice-sticky h2 {
      font-size: calc(clamp(38px, 4.2vw, 58px) - 3px) !important;
    }

    body[data-current="home"] .story-copy-card--wide h2 {
      font-size: calc(clamp(37px, 4vw, 58px) - 3px) !important;
    }


    /* Homepage v5 requested heading reduction + Explore IMF hover */
    body[data-current="home"] .visual-narrative .section-intro h2,
    body[data-current="home"] .why .section-intro h2,
    body[data-current="home"] .gallery-band--compact .section-intro h2,
    body[data-current="home"] .faq-preview h2 {
      font-size: calc(clamp(34px, 4vw, 56px) - 6px) !important;
    }

    body[data-current="home"] .objectives .voice-sticky h2 {
      font-size: calc(clamp(38px, 4.2vw, 58px) - 6px) !important;
    }

    body[data-current="home"] .story-copy-card--wide h2 {
      font-size: calc(clamp(37px, 4vw, 58px) - 6px) !important;
    }

    body[data-current="home"] .gallery-card {
      position: relative;
      overflow: hidden;
      transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background-color .24s ease;
    }

    body[data-current="home"] .gallery-card::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--orange), var(--green));
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .24s ease;
      z-index: 3;
    }

    body[data-current="home"] .gallery-card:hover {
      transform: translateY(-5px);
      border-color: rgba(228, 111, 34, .42);
      box-shadow: 0 18px 36px rgba(16, 40, 87, .12);
    }

    body[data-current="home"] .gallery-card:hover::before {
      transform: scaleX(1);
    }

    body[data-current="home"] .gallery-card:hover .beige-visual {
      background:
        radial-gradient(circle at 18% 16%, rgba(228, 111, 34, .16), transparent 32%),
        radial-gradient(circle at 82% 78%, rgba(22, 122, 58, .13), transparent 34%),
        linear-gradient(135deg, #f9f3e8 0%, #fff 54%, #edf2e7 100%);
    }

    body[data-current="home"] .gallery-card:hover .visual-center strong,
    body[data-current="home"] .gallery-card:hover .copy strong {
      color: var(--orange);
    }

    body[data-current="home"] .gallery-card:hover .visual-kicker {
      color: var(--green);
    }


    /* Homepage v6 image replacements */
    body[data-current="home"] .about-imf-landscape {
      margin-top: 34px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: 0 12px 28px rgba(16, 40, 87, .06);
      overflow: hidden;
    }

    body[data-current="home"] .about-imf-landscape img {
      display: block;
      width: 100%;
      height: auto;
    }

    body[data-current="home"] .mediation-action-image {
      margin: 0;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: 0 12px 28px rgba(16, 40, 87, .06);
      overflow: hidden;
    }

    body[data-current="home"] .mediation-action-image img {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 520px;
      object-fit: cover;
      object-position: center center;
    }

    @media(max-width:1100px) {
      body[data-current="home"] .mediation-action-image img {
        min-height: auto;
        height: auto;
        object-fit: contain;
      }
    }


    /* Homepage v8 storyboard image cleanup */
    body[data-current="home"] .storyboard-card figure {
      background: #fff !important;
      line-height: 0 !important;
    }

    body[data-current="home"] .storyboard-card figure img {
      width: 100% !important;
      height: 260px !important;
      object-fit: cover !important;
      object-position: center center !important;
      display: block !important;
      background: #fff !important;
    }




    /* Creative loading screen + compact WhatsApp */
    .floating-whatsapp {
      width: 50px !important;
      height: 50px !important;
    }

    .imf-loader {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: grid;
      place-items: center;
      background:
        radial-gradient(circle at 50% 46%, rgba(228, 111, 34, .07), transparent 34%),
        radial-gradient(circle at 50% 58%, rgba(22, 122, 58, .06), transparent 38%),
        #fbfaf7;
      transition: opacity .6s ease, visibility .6s ease;
    }

    .imf-loader__panel {
      width: min(720px, calc(100vw - 42px));
      min-height: 360px;
      display: grid;
      place-items: center;
      text-align: center;
      position: relative;
      border: 1px solid rgba(16, 40, 87, .12);
      background: rgba(255, 255, 255, .54);
      box-shadow: 0 28px 70px rgba(16, 40, 87, .08);
      overflow: hidden;
    }

    .imf-loader__panel::before {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(188, 145, 70, .22);
      pointer-events: none;
    }

    .imf-loader__panel::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 38px;
      width: 220px;
      height: 1px;
      transform: translateX(-50%);
      background: linear-gradient(90deg, transparent, var(--orange), var(--green), transparent);
      animation: loaderLine 1.6s ease-in-out infinite;
    }

    .imf-loader__mark {
      width: 148px;
      height: 148px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      position: relative;
      margin: 0 auto 26px;
      background: #fff;
      border: 1px solid rgba(16, 40, 87, .12);
      box-shadow: 0 18px 45px rgba(16, 40, 87, .1);
      color: var(--navy);
      font-family: var(--serif);
      font-size: 52px;
      font-weight: 700;
      letter-spacing: .02em;
    }

    .imf-loader__mark::before,
    .imf-loader__mark::after {
      content: "";
      position: absolute;
      inset: -12px;
      border-radius: 50%;
      border: 2px solid transparent;
    }

    .imf-loader__mark::before {
      border-top-color: var(--orange);
      border-right-color: rgba(228, 111, 34, .28);
      animation: loaderSpin 1.4s linear infinite;
    }

    .imf-loader__mark::after {
      inset: -24px;
      border-bottom-color: var(--green);
      border-left-color: rgba(22, 122, 58, .24);
      animation: loaderSpin 2.2s linear infinite reverse;
    }

    .imf-loader__kicker {
      color: var(--orange);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .22em;
      text-transform: uppercase;
      margin-bottom: 14px;
    }

    .imf-loader__text {
      color: var(--navy);
      font-family: var(--serif);
      font-size: clamp(26px, 3vw, 44px);
      line-height: 1.18;
    }

    .imf-loader__text span {
      display: block;
      opacity: 0;
      transform: translateY(10px);
      animation: loaderWords 2.1s ease infinite;
    }

    .imf-loader__text span:nth-child(2) {
      animation-delay: .22s;
      color: var(--orange);
    }

    .imf-loader__text span:nth-child(3) {
      animation-delay: .44s;
      color: var(--green);
    }

    .imf-loader.is-hidden {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }

    @keyframes loaderSpin {
      to {
        transform: rotate(360deg);
      }
    }

    @keyframes loaderWords {

      0%,
      12% {
        opacity: 0;
        transform: translateY(10px);
      }

      24%,
      78% {
        opacity: 1;
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        transform: translateY(-6px);
      }
    }

    @keyframes loaderLine {

      0%,
      100% {
        opacity: .35;
        width: 160px;
      }

      50% {
        opacity: 1;
        width: 260px;
      }
    }

    @media(max-width:640px) {
      .floating-whatsapp {
        width: 43px !important;
        height: 43px !important;
      }

      .imf-loader__panel {
        min-height: 330px;
      }

      .imf-loader__mark {
        width: 118px;
        height: 118px;
        font-size: 42px;
      }
    }


    /* Loader v3: slower visible timing */
    .imf-loader__text span {
      animation-duration: 3.4s !important;
    }

    .imf-loader__panel::after {
      animation-duration: 2.6s !important;
    }


    /* Final global: loader, compact WhatsApp, newsletter footer */
    .floating-whatsapp {
      width: 50px !important;
      height: 50px !important;
    }

    @media(max-width:640px) {
      .floating-whatsapp {
        width: 43px !important;
        height: 43px !important;
      }
    }


    /* Final Explore IMF clickable cards */
    body[data-current="home"] .gallery-card {
      display: block;
      color: inherit;
      text-decoration: none;
      cursor: pointer;
    }

    body[data-current="home"] .gallery-card:focus-visible {
      outline: 3px solid rgba(228, 111, 34, .55);
      outline-offset: 4px;
    }

    body[data-current="home"] .gallery-card--disabled {
      cursor: default;
    }

    body[data-current="home"] .gallery-card--disabled:focus-visible {
      outline: none;
    }


    /* Loader depth refinement: no boxed panels */
    .imf-loader {
      background:
        radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .78) 26%, rgba(251, 247, 239, .72) 52%, rgba(238, 229, 215, .9) 100%),
        radial-gradient(circle at 23% 24%, rgba(228, 111, 34, .20), transparent 36%),
        radial-gradient(circle at 80% 74%, rgba(22, 122, 58, .18), transparent 38%),
        linear-gradient(135deg, #fffaf2 0%, #f4ecdf 52%, #eef3e9 100%) !important;
    }

    .imf-loader::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(115deg, transparent 0 38%, rgba(255, 255, 255, .44) 48%, transparent 58%),
        repeating-linear-gradient(90deg, rgba(16, 40, 87, .025) 0 1px, transparent 1px 78px),
        repeating-linear-gradient(0deg, rgba(16, 40, 87, .018) 0 1px, transparent 1px 78px);
      opacity: .72;
      pointer-events: none;
    }

    .imf-loader::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: min(720px, 72vw);
      height: min(720px, 72vw);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background:
        radial-gradient(circle, rgba(255, 255, 255, .82) 0 30%, transparent 31%),
        conic-gradient(from 90deg, rgba(228, 111, 34, .16), rgba(22, 122, 58, .13), rgba(16, 40, 87, .10), rgba(228, 111, 34, .16));
      filter: blur(26px);
      opacity: .42;
      pointer-events: none;
    }

    .imf-loader__panel {
      width: min(780px, calc(100vw - 42px)) !important;
      min-height: 360px !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      overflow: visible !important;
      z-index: 2;
    }

    .imf-loader__panel::before {
      display: none !important;
    }

    .imf-loader__panel::after {
      bottom: 26px !important;
      height: 2px !important;
      width: 260px;
      background: linear-gradient(90deg, transparent, rgba(228, 111, 34, .9), rgba(22, 122, 58, .75), transparent) !important;
      box-shadow: 0 8px 26px rgba(188, 145, 70, .22);
    }

    .imf-loader__mark {
      width: auto !important;
      height: auto !important;
      margin: 0 auto 22px !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      font-size: clamp(56px, 7vw, 88px) !important;
      letter-spacing: .035em !important;
      text-shadow: 0 16px 34px rgba(16, 40, 87, .14);
    }

    .imf-loader__mark::before,
    .imf-loader__mark::after {
      display: none !important;
    }

    .imf-loader__kicker {
      color: var(--orange) !important;
      font-size: 10px !important;
      letter-spacing: .28em !important;
      margin-bottom: 18px !important;
    }

    .imf-loader__text {
      font-size: clamp(28px, 3.2vw, 48px) !important;
      text-shadow: 0 10px 28px rgba(16, 40, 87, .10);
    }

    @media(max-width:640px) {
      .imf-loader::after {
        width: 92vw;
        height: 92vw;
      }

      .imf-loader__panel {
        min-height: 320px !important;
      }

      .imf-loader__mark {
        font-size: 48px !important;
      }
    }


    /* Loader v2: moving rings around IMF only */
    .imf-loader__mark {
      width: 164px !important;
      height: 164px !important;
      display: grid !important;
      place-items: center !important;
      position: relative !important;
      margin: 0 auto 18px !important;
    }

    .imf-loader__mark::before,
    .imf-loader__mark::after {
      content: "" !important;
      display: block !important;
      position: absolute !important;
      border-radius: 50% !important;
      pointer-events: none !important;
    }

    .imf-loader__mark::before {
      inset: 8px !important;
      border: 2px solid transparent !important;
      border-top-color: var(--orange) !important;
      border-right-color: rgba(228, 111, 34, .28) !important;
      animation: loaderSpin 1.65s linear infinite !important;
    }

    .imf-loader__mark::after {
      inset: -6px !important;
      border: 1px dashed rgba(22, 122, 58, .42) !important;
      border-left-color: transparent !important;
      animation: loaderSpin 3.1s linear infinite reverse !important;
    }

    @media(max-width:640px) {
      .imf-loader__mark {
        width: 132px !important;
        height: 132px !important;
      }
      div.hero__actions{
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 5px));
        align-items: center;
        gap: 10px;
        width: 100%;
        & a{
          padding: 0 10px;
         font-size: clamp(0.625rem, 0.55rem + 0.3vw, 0.6875rem);
        }
      }
      
      .mediation-action-image, .about-imf-landscape{
        width: 100%;
        margin-inline: 0;
      }
    }


    /* Homepage attached requested updates */
    body[data-current="home"] .hero__actions .button,
    body[data-current="home"] .hero__actions .button.button--ghost {
      background: transparent !important;
      color: #fff !important;
      border-color: rgba(255, 255, 255, .72) !important;
    }

    body[data-current="home"] .hero__actions .button:hover,
    body[data-current="home"] .hero__actions .button.button--ghost:hover {
      background: #fff !important;
      color: var(--navy) !important;
      border-color: #fff !important;
    }

    body[data-current="home"] .hero__actions .button span {
      display: none !important;
    }

    body[data-current="home"] #vision .objectives-list {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      align-items: stretch !important;
    }

    body[data-current="home"] #vision .objectives-list article {
      width: 100% !important;
      height: 100% !important;
      min-height: 260px !important;
      margin-top: 0 !important;
      display: flex !important;
      flex-direction: column !important;
    }

    body[data-current="home"] #vision .objectives-list article p {
      flex: 1 !important;
    }

    @media(max-width:1040px) {
      body[data-current="home"] #vision .objectives-list {
        grid-template-columns: 1fr !important;
      }

      body[data-current="home"] #vision .objectives-list article {
        min-height: auto !important;
      }
    }


    /* Homepage map size balance on large screens */
    body[data-current="home"] .story--option2 .story-editorial {
      align-items: center !important;
    }

    body[data-current="home"] .mediation-action-image {
      justify-self: center !important;
      align-self: center !important;
      width: 100% !important;
    }

    body[data-current="home"] .mediation-action-image img {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      object-fit: contain !important;
    }

    @media(min-width:1360px) {
      body[data-current="home"] .story--option2 .story-editorial {
        grid-template-columns: minmax(0, 1fr) clamp(560px, 39vw, 720px) !important;
        gap: clamp(36px, 3.2vw, 58px) !important;
      }

      body[data-current="home"] .mediation-action-image {
        max-width: clamp(560px, 39vw, 720px) !important;
      }

      body[data-current="home"] .story-copy-card--wide {
        width: 100% !important;
        max-width: none !important;
      }
    }

    @media(min-width:1680px) {
      body[data-current="home"] .story--option2 .story-editorial {
        grid-template-columns: minmax(760px, 1fr) 690px !important;
      }

      body[data-current="home"] .mediation-action-image {
        max-width: 690px !important;
      }
    }

    @media(min-width:1900px) {
      body[data-current="home"] .story--option2 .story-editorial {
        grid-template-columns: minmax(820px, 1fr) 720px !important;
      }

      body[data-current="home"] .mediation-action-image {
        max-width: 720px !important;
      }
    }

    @media(max-width:1359px) {
      body[data-current="home"] .mediation-action-image {
        max-width: 100% !important;
      }
    }




    /* Global footer / loader / hero / navigation fixes */
    .footer-copy {
      color: #b8c2dd !important;
      max-width: 560px !important;
      margin: 16px 0 0 !important;
      font-size: 14px !important;
      line-height: 1.78 !important;
    }

    .footer-grid>div:first-child .footer-copy+.footer-copy {
      margin-top: 12px !important;
    }

    .footer-social {
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;
      margin-top: 20px !important;
    }

    .footer-social a,
    .footer-social a:visited {
      width: 34px !important;
      height: 34px !important;
      min-width: 34px !important;
      min-height: 34px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin: 0 !important;
      color: #fff !important;
      background: rgba(255, 255, 255, .08) !important;
      border: 1px solid rgba(255, 255, 255, .18) !important;
      border-radius: 999px !important;
      box-shadow: none !important;
      opacity: 1 !important;
      transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
    }

    .footer-social a:hover {
      background: var(--orange) !important;
      border-color: var(--orange) !important;
      transform: translateY(-1px) !important;
    }

    .footer-social svg {
      width: 15px !important;
      height: 15px !important;
      display: block !important;
      color: #fff !important;
      fill: #fff !important;
      opacity: 1 !important;
    }

    .footer-social svg path {
      fill: #fff !important;
      color: #fff !important;
      opacity: 1 !important;
    }

    .footer-social__youtube svg {
      width: 17px !important;
      height: 17px !important;
    }

    .footer-bottom {
      color: #98a7ce !important;
      font-size: 13px !important;
      line-height: 1.6 !important;
    }

    body[data-current="contact"] .contact-card .eyebrow {
      color: var(--orange) !important;
      border-top-color: var(--orange) !important;
    }

    body[data-current="contact"] .contact-card .eyebrow::before,
    body[data-current="contact"] .contact-card .eyebrow::after {
      background: var(--orange) !important;
      border-color: var(--orange) !important;
    }

    /* Unified 2-second loader */
    .imf-loader {
      position: fixed !important;
      inset: 0 !important;
      z-index: 9999 !important;
      display: grid !important;
      place-items: center !important;
      background:
        radial-gradient(circle at 50% 46%, rgba(228, 111, 34, .07), transparent 34%),
        radial-gradient(circle at 50% 58%, rgba(22, 122, 58, .06), transparent 38%),
        #fbfaf7 !important;
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transition: opacity .45s ease, visibility .45s ease !important;
    }

    .imf-loader__panel {
      width: min(720px, calc(100vw - 42px)) !important;
      min-height: 360px !important;
      display: grid !important;
      place-items: center !important;
      text-align: center !important;
      position: relative !important;
      border: 1px solid rgba(16, 40, 87, .12) !important;
      background: rgba(255, 255, 255, .54) !important;
      box-shadow: 0 28px 70px rgba(16, 40, 87, .08) !important;
      overflow: hidden !important;
    }

    .imf-loader__panel::before {
      content: "" !important;
      position: absolute !important;
      inset: 18px !important;
      border: 1px solid rgba(188, 145, 70, .22) !important;
      pointer-events: none !important;
    }

    .imf-loader__panel::after {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      bottom: 38px !important;
      width: 220px !important;
      height: 1px !important;
      transform: translateX(-50%) !important;
      background: linear-gradient(90deg, transparent, var(--orange), var(--green), transparent) !important;
      animation: loaderLine 1.6s ease-in-out infinite !important;
    }

    .imf-loader__mark {
      width: 148px !important;
      height: 148px !important;
      border-radius: 50% !important;
      display: grid !important;
      place-items: center !important;
      position: relative !important;
      margin: 0 auto 26px !important;
      background: #fff !important;
      border: 1px solid rgba(16, 40, 87, .12) !important;
      box-shadow: 0 18px 45px rgba(16, 40, 87, .1) !important;
      color: var(--navy) !important;
      font-family: var(--serif) !important;
      font-size: 52px !important;
      font-weight: 700 !important;
      letter-spacing: .02em !important;
    }

    .imf-loader__mark::before,
    .imf-loader__mark::after {
      content: "" !important;
      position: absolute !important;
      border-radius: 50% !important;
      border: 2px solid transparent !important;
    }

    .imf-loader__mark::before {
      inset: -12px !important;
      border-top-color: var(--orange) !important;
      border-right-color: rgba(228, 111, 34, .28) !important;
      animation: loaderSpin 1.4s linear infinite !important;
    }

    .imf-loader__mark::after {
      inset: -24px !important;
      border-bottom-color: var(--green) !important;
      border-left-color: rgba(22, 122, 58, .24) !important;
      animation: loaderSpin 2.2s linear infinite reverse !important;
    }

    .imf-loader__kicker {
      color: var(--orange) !important;
      font-size: 11px !important;
      font-weight: 800 !important;
      letter-spacing: .22em !important;
      text-transform: uppercase !important;
      margin-bottom: 14px !important;
    }

    .imf-loader__text {
      color: var(--navy) !important;
      font-family: var(--serif) !important;
      font-size: clamp(26px, 3vw, 44px) !important;
      line-height: 1.18 !important;
    }

    .imf-loader__text span {
      display: block !important;
      opacity: 0;
      transform: translateY(10px);
      animation: loaderWords 2s ease infinite !important;
    }

    .imf-loader__text span:nth-child(2) {
      animation-delay: .22s !important;
      color: var(--orange) !important;
    }

    .imf-loader__text span:nth-child(3) {
      animation-delay: .44s !important;
      color: var(--green) !important;
    }

    .imf-loader.is-hidden {
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    @keyframes loaderSpin {
      to {
        transform: rotate(360deg);
      }
    }

    @keyframes loaderWords {

      0%,
      12% {
        opacity: 0;
        transform: translateY(10px);
      }

      24%,
      78% {
        opacity: 1;
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        transform: translateY(-6px);
      }
    }

    @keyframes loaderLine {

      0%,
      100% {
        opacity: .35;
        width: 160px;
      }

      50% {
        opacity: 1;
        width: 260px;
      }
    }

    @media(max-width:640px) {
      .imf-loader__panel {
        min-height: 330px !important;
      }

      .imf-loader__mark {
        width: 118px !important;
        height: 118px !important;
        font-size: 42px !important;
      }
    }

    /* Match inner hero image behaviour with homepage hero image */
    @media(min-width:1041px) {

      body[data-current="about"] .about-hero-grid,
      body[data-current="what"] .what-hero-grid,
      body[data-current="faq"] .faq-hero-grid {
        display: grid !important;
        grid-template-columns: .98fr 1.02fr !important;
        gap: 48px !important;
        align-items: center !important;
        max-width: none !important;
        margin-inline: auto !important;
      }

      body[data-current="about"] .about-hero-grid>div:first-child,
      body[data-current="what"] .what-hero-grid>div:first-child,
      body[data-current="faq"] .faq-hero-grid>div:first-child {
        max-width: 780px !important;
      }

      body[data-current="about"] .about-hero-media,
      body[data-current="what"] .what-hero-media,
      body[data-current="faq"] .faq-hero-visual {
        position: relative !important;
        height: 620px !important;
        min-height: 620px !important;
        max-height: 620px !important;
        border: 1px solid var(--line) !important;
        background: #f5eee4 !important;
        overflow: hidden !important;
        box-shadow: var(--soft-shadow) !important;
      }

      body[data-current="about"] .about-hero-media img,
      body[data-current="what"] .what-hero-media img,
      body[data-current="faq"] .faq-hero-visual img {
        width: 100% !important;
        height: 100% !important;
        min-height: 620px !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
      }

      body[data-current="about"] .about-hero-media::after,
      body[data-current="what"] .what-hero-media::after,
      body[data-current="faq"] .faq-hero-visual::after {
        content: "" !important;
        position: absolute !important;
        inset: 18px !important;
        border: 1px solid rgba(255, 255, 255, .62) !important;
        pointer-events: none !important;
        background: transparent !important;
        height: auto !important;
        z-index: 2 !important;
      }
    }

    @media(max-width:1040px) {

      body[data-current="about"] .about-hero-grid,
      body[data-current="what"] .what-hero-grid,
      body[data-current="faq"] .faq-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
      }

      body[data-current="about"] .about-hero-media,
      body[data-current="about"] .about-hero-media img,
      body[data-current="what"] .what-hero-media,
      body[data-current="what"] .what-hero-media img,
      body[data-current="faq"] .faq-hero-visual,
      body[data-current="faq"] .faq-hero-visual img {
        min-height: 400px !important;
        height: 400px !important;
      }
    }

    @media(max-width:720px) {

      body[data-current="about"] .about-hero-media,
      body[data-current="about"] .about-hero-media img,
      body[data-current="what"] .what-hero-media,
      body[data-current="what"] .what-hero-media img,
      body[data-current="faq"] .faq-hero-visual,
      body[data-current="faq"] .faq-hero-visual img {
        min-height: 300px !important;
        height: 300px !important;
      }
    }


    /* Loader logo update: use exact brand logo and remove moving dash line */
    .imf-loader__mark {
      width: 230px !important;
      height: 118px !important;
      border-radius: 0 !important;
      padding: 22px 26px !important;
      background: #fff !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      overflow: visible !important;
    }

    .imf-loader__mark img,
    .imf-loader__logo {
      width: 100% !important;
      height: auto !important;
      max-height: 76px !important;
      object-fit: contain !important;
      display: block !important;
    }

    .imf-loader__panel::after {
      content: none !important;
      display: none !important;
      animation: none !important;
      background: none !important;
    }

    @media(max-width:640px) {
      .imf-loader__mark {
        width: 198px !important;
        height: 104px !important;
        padding: 20px 22px !important;
      }

      .imf-loader__mark img,
      .imf-loader__logo {
        max-height: 66px !important;
      }
    }


    /* Loader cleanup v2: remove redundant logo card/kicker and simplify framing */
    .imf-loader {
      background: linear-gradient(180deg, rgba(247, 244, 238, .94), rgba(244, 240, 233, .97)) !important;
      backdrop-filter: blur(2px) !important;
    }

    .imf-loader__panel {
      width: min(760px, calc(100vw - 48px)) !important;
      min-height: 340px !important;
      padding: 42px 36px !important;
      border: 1px solid rgba(16, 40, 87, .08) !important;
      background: rgba(255, 255, 255, .58) !important;
      box-shadow: 0 24px 60px rgba(16, 40, 87, .07) !important;
    }

    .imf-loader__panel::before {
      content: none !important;
      display: none !important;
    }

    .imf-loader__mark {
      width: 240px !important;
      height: 110px !important;
      min-height: 0 !important;
      margin: 0 auto 18px !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }

    .imf-loader__mark img,
    .imf-loader__logo {
      width: 100% !important;
      max-width: 240px !important;
      height: auto !important;
      max-height: 92px !important;
      object-fit: contain !important;
      display: block !important;
    }

    .imf-loader__mark::before {
      inset: -18px !important;
      border-width: 3px !important;
      border-top-color: rgba(228, 111, 34, .95) !important;
      border-right-color: rgba(228, 111, 34, .28) !important;
    }

    .imf-loader__mark::after {
      inset: -34px !important;
      border-width: 3px !important;
      border-bottom-color: rgba(22, 122, 58, .95) !important;
      border-left-color: rgba(22, 122, 58, .24) !important;
    }

    .imf-loader__kicker {
      display: none !important;
    }

    .imf-loader__text {
      font-size: clamp(24px, 3vw, 40px) !important;
      line-height: 1.2 !important;
    }

    .imf-loader__text span {
      margin: 0 !important;
    }

    @media(max-width:640px) {
      .imf-loader__panel {
        width: min(92vw, 560px) !important;
        min-height: 300px !important;
        padding: 34px 22px !important;
      }

      .imf-loader__mark {
        width: 185px !important;
        height: 88px !important;
        margin-bottom: 14px !important;
      }

      .imf-loader__mark img,
      .imf-loader__logo {
        max-width: 185px !important;
        max-height: 70px !important;
      }

      .imf-loader__mark::before {
        inset: -14px !important;
      }

      .imf-loader__mark::after {
        inset: -25px !important;
      }
    }


    /* Loader premium minimal refinement */
    .imf-loader {
      background:
        radial-gradient(circle at 50% 42%, rgba(228, 111, 34, .045), transparent 32%),
        radial-gradient(circle at 50% 58%, rgba(22, 122, 58, .04), transparent 36%),
        linear-gradient(180deg, #fbfaf7 0%, #f7f4ee 100%) !important;
      backdrop-filter: none !important;
    }

    .imf-loader__panel {
      width: min(680px, calc(100vw - 48px)) !important;
      min-height: 300px !important;
      padding: 36px 28px !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      overflow: visible !important;
    }

    .imf-loader__panel::before,
    .imf-loader__panel::after {
      content: none !important;
      display: none !important;
      border: 0 !important;
      background: none !important;
      animation: none !important;
    }

    .imf-loader__mark {
      width: 220px !important;
      height: 96px !important;
      min-height: 0 !important;
      margin: 0 auto 16px !important;
      padding: 0 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      overflow: visible !important;
    }

    .imf-loader__mark img,
    .imf-loader__logo {
      width: 100% !important;
      max-width: 220px !important;
      height: auto !important;
      max-height: 84px !important;
      object-fit: contain !important;
      display: block !important;
      background: transparent !important;
      box-shadow: none !important;
    }

    .imf-loader__mark::before,
    .imf-loader__mark::after {
      content: "" !important;
      position: absolute !important;
      border-radius: 50% !important;
      border: 1px solid transparent !important;
      opacity: .42 !important;
      pointer-events: none !important;
    }

    .imf-loader__mark::before {
      inset: -18px 8px -16px 8px !important;
      border-top-color: rgba(228, 111, 34, .42) !important;
      border-right-color: rgba(228, 111, 34, .18) !important;
      animation: loaderSpin 7.5s linear infinite !important;
    }

    .imf-loader__mark::after {
      inset: -30px -8px -28px -8px !important;
      border-bottom-color: rgba(22, 122, 58, .42) !important;
      border-left-color: rgba(22, 122, 58, .18) !important;
      animation: loaderSpin 11s linear infinite reverse !important;
    }

    .imf-loader__kicker {
      display: none !important;
    }

    .imf-loader__text {
      font-size: clamp(22px, 2.7vw, 36px) !important;
      line-height: 1.22 !important;
    }

    .imf-loader__text span {
      margin: 0 !important;
      animation: loaderWords 2s ease infinite !important;
    }

    @media(max-width:640px) {
      .imf-loader__panel {
        width: min(92vw, 560px) !important;
        min-height: 270px !important;
        padding: 30px 18px !important;
      }

      .imf-loader__mark {
        width: 178px !important;
        height: 82px !important;
        margin-bottom: 14px !important;
      }

      .imf-loader__mark img,
      .imf-loader__logo {
        max-width: 178px !important;
        max-height: 68px !important;
      }

      .imf-loader__mark::before {
        inset: -14px 4px -12px 4px !important;
      }

      .imf-loader__mark::after {
        inset: -23px -6px -21px -6px !important;
      }
    }




    /* Loader transparent logo update */
    .imf-loader__mark {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    .imf-loader__mark img,
    .imf-loader__logo {
      background: transparent !important;
      mix-blend-mode: normal !important;
      filter: none !important;
      box-shadow: none !important;
      border: 0 !important;
      object-fit: contain !important;
    }


    /* Unified WhatsApp icon size from Homepage */
    .floating-whatsapp {
      width: 62px !important;
      height: 62px !important;
      min-width: 62px !important;
      min-height: 62px !important;
    }

    .floating-whatsapp img {
      width: 30px !important;
      height: 30px !important;
      min-width: 30px !important;
      min-height: 30px !important;
      object-fit: contain !important;
    }


    /* Clean WhatsApp icon treatment across all pages */
    .floating-whatsapp {
      background: transparent !important;
      box-shadow: none !important;
      border: none !important;
      outline: none !important;
    }

    .floating-whatsapp:hover {
      box-shadow: none !important;
    }

    @media (min-width: 767px){
      .hero__stats.mobile{
        display: none;
      }
    }
    @media (max-width: 767px){
      .hero__stats.desktop{
        display: none;
      }
      .hero__stats.mobile{
        justify-content: center;
      }
    }