/* ============ OUR APPROACH — PAGE HERO ============ */
  .oa-hero{
    background:var(--paper);
    padding-top:clamp(56px,8vw,96px);
    padding-bottom:clamp(48px,7vw,80px);
  }
  .oa-hero-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:clamp(32px,6vw,72px);
    align-items:center;
  }
  .oa-quote{
    margin-top:22px;
    font-family:var(--display);
    font-style:italic;
    font-weight:400;
    font-size:clamp(27px,3vw,34px);
    line-height:1.34;
    color:var(--purple);
    max-width:22ch;
  }
  .oa-hero .lede{
    margin-top:26px;
    font-size:17px;
    line-height:1.75;
    color:var(--ink);
    max-width:52ch;
  }
  .oa-hero-motif{
    display:flex;
    justify-content:center;
  }
  .oa-hero-motif svg.cx-graphic{
    display:block;
    width:100%;
    max-width:400px;
    height:auto;
    overflow:visible;
  }
  @media (max-width:900px){
    .oa-hero-grid{ grid-template-columns:1fr; }
    .oa-hero-motif{ order:-1; max-width:250px; margin-inline:auto; }
    .oa-quote{ max-width:none; }
  }

  /* ============ SECTION DIVIDER SPARK ============ */
  .oa-divider{
    display:flex;
    justify-content:center;
    margin-bottom:clamp(28px,4vw,40px);
  }

  /* ============ FIVE-STAGE INTRO KICKER ============ */
  .oa-method-kicker{
    font-family:var(--display);
    font-style:normal;
    font-weight:400;
    font-size:clamp(27px,3vw,34px);
    letter-spacing:-0.005em;
    color:var(--purple);
    max-width:56ch;
    margin-bottom:clamp(46px,6.2vw,68px);
  }

  /* strengthen the five-stage headings for this page specifically */
  .approach-step h3{
    font-size:19.5px;
  }

  /* ============ CAMPAIGN DISCIPLINE ============ */
  .campaign{
    background:var(--paper);
  }
  .campaign-grid{
    display:grid;
    grid-template-columns:0.85fr 1.15fr;
    gap:clamp(36px,6vw,90px);
  }
  .campaign-grid h2{
    font-family:var(--display);
    font-weight:400;
    font-size:clamp(31px,3.8vw,44px);
    color:var(--purple);
  }
  .campaign-body p{
    font-size:16.5px;
    color:var(--ink);
    line-height:1.85;
  }
  .campaign-body p + p{ margin-top:26px; }
  .campaign-body strong,
  .principal-body strong{
    color:var(--purple);
    font-weight:600;
  }
  @media (max-width:900px){ .campaign-grid{ grid-template-columns:1fr; } }

  /* ============ PRINCIPAL-LED : PAGE-SPECIFIC STRENGTHENING ============ */
  .principal-grid h2{
    color:var(--purple);
    font-weight:400;
    font-size:clamp(31px,3.8vw,44px);
  }
  .principal-body p{ line-height:1.85; }