/* =============================================
     GLOBAL DESIGN TOKENS - OlgaPhoenix.com
     Resilience Wheel Page
  ============================================= */
  :root {
    --color-black:         #0d0b08;
    --color-dark:          #1a1714;
    --color-ivory:         #f5f0e8;
    --color-ivory-warm:    #f5f0e8;
    --color-white:         #f5f0e8;
    --color-gold:          #b8976a;
    --color-divider:       rgba(13,11,8,0.15);
    --color-eyebrow:       rgba(13,11,8,0.75);
    --color-body:          #1a1714;
    --font-display:  'Cormorant Garamond', serif;
    --font-serif:    'Playfair Display', serif;
    --font-body:     'Montserrat', sans-serif;
    --section-padding:     120px;
    --section-padding-h:   80px;
    --eyebrow-margin:      80px;
    --eyebrow-size:        16px;
    --eyebrow-weight:      600;
    --eyebrow-spacing:     0.25em;

    /* Image data URLs - swap to file paths for production */
    --img-hero:   url("/images/resilience-hero.jpg");
    --img-wheel:  url("/images/resilience-wheel.jpg");
    --img-group:  url("/images/resilience-group.jpg");
    --img-hands:  url("/images/resilience-hands.jpg");
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { background: var(--color-black); scroll-behavior: smooth; }
  body { width: 100%; margin: 0; padding: 0; background: var(--color-black); }

  /* Copyright symbol - matches home page .rm convention */
  .rm { font-size: 0.55em; vertical-align: super; letter-spacing: 0; }
  /* Hero headline uses Cormorant Garamond which renders © as a hairline glyph.
     Force Montserrat for the symbol so the circle is clearly visible at scale. */
  .op-rw-hero__headline .rm {
    font-family: var(--font-body);
    font-size: 0.32em;
    font-weight: 500;
    vertical-align: 1.8em;
    letter-spacing: 0;
  }


  /* ============== §1 HERO ============== */
  .op-rw-hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    background-color: var(--color-black);
    background-image: var(--img-hero);
    background-size: cover;
    background-position: center 20%;
    background-repeat: no-repeat;
  }
  .op-rw-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(10,8,5,0.85) 0%,
      rgba(10,8,5,0.72) 18%,
      rgba(10,8,5,0.80) 50%,
      rgba(10,8,5,0.92) 75%,
      rgba(10,8,5,0.99) 90%,
      rgba(10,8,5,1.00) 100%
    );
    z-index: 1;
  }
  .op-rw-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 200px 80px 140px;
    max-width: 1100px;
    margin: 0 auto;
  }
  .op-rw-hero__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(245,235,210,0.60);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-hero__headline {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(62px, 8vw, 120px);
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: #ffffff;
    margin-bottom: 48px;
    max-width: 1000px;
  }
  .op-rw-hero__headline .ital { font-style: italic; }
  .op-rw-hero__subhead {
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: 0.02em;
    color: rgba(245,238,220,0.72);
    max-width: 580px;
    margin: 0 auto 56px;
  }
  .op-rw-hero__subhead em {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 19px;
  }
  .op-rw-hero__body {
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: 0.01em;
    color: rgba(245,238,220,0.68);
    max-width: 580px;
    margin: 0 auto 56px;
  }
  .op-rw-hero__ctas {
    display: flex;
    gap: 28px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
  }
  .op-rw-hero__cta-primary {
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    border: 0.5px solid rgba(255,255,255,0.50);
    padding: 13px 30px;
    transition: background 0.25s;
    display: inline-block;
  }
  .op-rw-hero__cta-primary:hover { background: rgba(255,255,255,0.09); }
  .op-rw-hero__cta-secondary {
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    color: rgba(238,225,198,0.72);
    text-decoration: none;
    border-bottom: 0.5px solid rgba(238,225,198,0.30);
    padding-bottom: 2px;
    transition: color 0.2s, border-color 0.2s;
  }
  .op-rw-hero__cta-secondary:hover { color: rgba(238,225,198,1); border-color: rgba(238,225,198,0.6); }
  .op-rw-hero__proof {
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(245,235,210,0.50);
  }

  /* Fade-up entrance animations - matches about hero */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .op-rw-hero__eyebrow  { animation: fadeUp 0.9s ease both; animation-delay: 0.25s; }
  .op-rw-hero__headline { animation: fadeUp 1.0s ease both; animation-delay: 0.45s; }
  .op-rw-hero__subhead  { animation: fadeUp 0.9s ease both; animation-delay: 0.70s; }
  .op-rw-hero__body     { animation: fadeUp 0.9s ease both; animation-delay: 0.90s; }
  .op-rw-hero__ctas     { animation: fadeUp 0.9s ease both; animation-delay: 1.10s; }
  .op-rw-hero__proof    { animation: fadeUp 0.9s ease both; animation-delay: 1.30s; }

  /* ============== §2 OPENING TRUTH (statement reveal) ============== */
  .op-rw-truth {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h);
    text-align: center;
  }
  .op-rw-truth__eyebrow {
    font-family: var(--font-body);
    font-size: var(--eyebrow-size);
    font-weight: var(--eyebrow-weight);
    letter-spacing: var(--eyebrow-spacing);
    text-transform: uppercase;
    color: var(--color-eyebrow);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-truth__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(38px, 5.5vw, 68px);
    font-weight: 400;
    line-height: 1.18;
    color: var(--color-dark);
    max-width: 900px;
    margin: 0 auto 64px;
  }
  .op-rw-truth__title .word {
    color: #c8c4be;
    transition: color 1.8s ease;
    display: inline;
  }
  .op-rw-truth__title .word.is-lit { color: var(--color-dark); }
  .op-rw-truth__title .ital { font-style: italic; }
  .op-rw-truth__body {
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 300;
    line-height: 1.75;
    color: var(--color-dark);
    max-width: 720px;
    margin: 0 auto;
  }
  .op-rw-truth__body p { margin-bottom: 28px; }
  .op-rw-truth__body p:last-child { margin-bottom: 0; }
  .op-rw-truth__body em,
  .op-rw-truth__body .ital {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 22px;
    color: var(--color-dark);
  }
  .op-rw-truth__quote {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 2.6vw, 34px);
    font-style: italic;
    font-weight: 400;
    color: var(--color-dark);
    line-height: 1.35;
    max-width: 720px;
    margin: 48px auto;
    text-align: center;
  }
  .op-rw-truth__questions {
    max-width: 720px;
    margin: 48px auto 56px;
    text-align: center;
  }
  .op-rw-truth__questions p {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.55;
    color: rgba(13,11,8,0.78);
    padding: 10px 0;
    margin: 0;
  }
  .op-rw-truth__pullout {
    font-family: 'Playfair Display', serif;
    font-size: clamp(28px, 3.4vw, 44px);
    font-weight: 400;
    font-style: italic;
    color: var(--color-dark);
    line-height: 1.3;
    max-width: 760px;
    margin: 64px auto;
  }
  .op-rw-truth__list {
    list-style: none;
    max-width: 720px;
    margin: 48px auto 56px;
    text-align: center;
  }
  .op-rw-truth__list li {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.55;
    color: rgba(13,11,8,0.78);
    padding: 10px 0;
  }
  .op-rw-truth__not {
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 300;
    line-height: 1.85;
    color: rgba(13,11,8,0.70);
    max-width: 620px;
    margin: 0 auto 48px;
    text-align: center;
  }
  .op-rw-truth__not span { display: block; }
  .op-rw-truth__close {
    font-family: 'Playfair Display', serif;
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 400;
    color: var(--color-dark);
    max-width: 720px;
    margin: 0 auto;
    line-height: 1.5;
  }
  .op-rw-truth__close em { font-style: italic; }

  /* ============== §3 WHAT THE WHEEL IS - black/ivory split ============== */
  .op-rw-what {
    position: relative;
    min-height: 880px;
    background: linear-gradient(to right, #0d0b08 55%, #f5f0e8 55%);
    width: 100%;
    overflow: visible;
  }
  .op-rw-what__copy {
    position: relative;
    z-index: 2;
    width: 50%;
    max-width: 50%;
    padding: 120px 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
  }
  .op-rw-what__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(245,235,210,0.55);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-what__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 400;
    line-height: 1.15;
    color: #ffffff;
    letter-spacing: -0.005em;
    margin-bottom: 48px;
    width: 115%;
    max-width: 115%;
  }
  .op-rw-what__title .ital { font-style: italic; }
  .op-rw-what__body {
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 300;
    line-height: 1.75;
    color: rgba(245,238,220,0.72);
  }
  .op-rw-what__body p { margin-bottom: 24px; }
  .op-rw-what__body strong {
    font-weight: 400;
    color: rgba(255,255,255,0.92);
  }
  .op-rw-what__image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    right: 120px;
    height: 84%;
    z-index: 3;
    background-image: var(--img-wheel);
    background-size: cover;
    background-position: center center;
    background-color: #c8c4be;
  }

  /* ============== §3 ZONE 2 - three cores grid + nine focus ============== */
  .op-rw-what-z2 {
    background: var(--color-ivory);
    padding: 120px var(--section-padding-h);
    text-align: center;
  }
  .op-rw-what-z2__intro {
    font-family: 'Playfair Display', serif;
    font-size: clamp(26px, 2.8vw, 36px);
    font-weight: 400;
    font-style: italic;
    color: var(--color-dark);
    max-width: 780px;
    margin: 0 auto 80px;
    line-height: 1.4;
  }
  .op-rw-what-z2__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px;
    max-width: 1180px;
    margin: 0 auto 96px;
    text-align: left;
  }
  .op-rw-what-z2__core {
    padding: 0 8px;
  }
  .op-rw-what-z2__core-num {
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--color-gold);
    margin-bottom: 20px;
    display: block;
  }
  .op-rw-what-z2__core-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(26px, 2.4vw, 34px);
    font-weight: 400;
    color: var(--color-dark);
    margin-bottom: 18px;
    line-height: 1.2;
  }
  .op-rw-what-z2__core-title em { font-style: italic; }
  .op-rw-what-z2__core-body {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    color: rgba(13,11,8,0.75);
  }
  .op-rw-what-z2__rule {
    width: 64px;
    height: 0.5px;
    background: rgba(13,11,8,0.30);
    margin: 0 auto 56px;
  }
  .op-rw-what-z2__nine-label {
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--color-eyebrow);
    margin-bottom: 48px;
    display: block;
  }
  .op-rw-what-z2__nine-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px 64px;
    max-width: 880px;
    margin: 0 auto 64px;
    text-align: left;
  }
  .op-rw-what-z2__nine-col h4 {
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--color-gold);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 0.5px solid rgba(13,11,8,0.20);
  }
  .op-rw-what-z2__nine-col ul { list-style: none; }
  .op-rw-what-z2__nine-col li {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 400;
    color: var(--color-dark);
    padding: 6px 0;
  }
  .op-rw-what-z2__payoff {
    font-family: 'Playfair Display', serif;
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 400;
    font-style: italic;
    color: var(--color-dark);
    max-width: 780px;
    margin: 0 auto;
    line-height: 1.45;
  }

  /* ============== §4 WHY A WHEEL - centered ivory reveal ============== */
  .op-rw-why {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h);
    text-align: center;
    border-top: 0.5px solid rgba(13,11,8,0.08);
  }
  .op-rw-why__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--color-eyebrow);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-why__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(34px, 4.6vw, 58px);
    font-weight: 400;
    line-height: 1.22;
    color: var(--color-dark);
    max-width: 900px;
    margin: 0 auto 64px;
  }
  .op-rw-why__title .word {
    color: #c8c4be;
    transition: color 1.8s ease;
    display: inline;
  }
  .op-rw-why__title .word.is-lit { color: var(--color-dark); }
  .op-rw-why__title .ital { font-style: italic; }
  .op-rw-why__body {
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 300;
    line-height: 1.75;
    color: var(--color-dark);
    max-width: 720px;
    margin: 0 auto 48px;
  }
  .op-rw-why__noticings {
    max-width: 720px;
    margin: 48px auto 56px;
    text-align: center;
    list-style: none;
  }
  .op-rw-why__noticings li {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.55;
    color: rgba(13,11,8,0.78);
    padding: 10px 0;
  }
  .op-rw-why__ladder {
    font-family: var(--font-body);
    font-size: 19px;
    font-weight: 300;
    line-height: 1.85;
    color: var(--color-dark);
    max-width: 720px;
    margin: 0 auto 48px;
  }
  .op-rw-why__ladder em {
    font-family: 'Playfair Display', serif;
    font-style: italic;
  }
  .op-rw-why__ladder p { margin-bottom: 18px; }
  .op-rw-why__close {
    font-family: 'Playfair Display', serif;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 400;
    font-style: italic;
    color: var(--color-dark);
    line-height: 1.35;
    max-width: 720px;
    margin: 0 auto;
  }

  /* ============== §5 TOOLKIT - centered ivory stack ============== */
  .op-rw-toolkit {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h);
    text-align: center;
    border-top: 0.5px solid rgba(13,11,8,0.08);
  }
  .op-rw-toolkit__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--color-eyebrow);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-toolkit__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(36px, 4.4vw, 60px);
    font-weight: 400;
    line-height: 1.18;
    color: var(--color-dark);
    max-width: 860px;
    margin: 0 auto 24px;
  }
  .op-rw-toolkit__title em { font-style: italic; }
  .op-rw-toolkit__sub {
    font-family: var(--font-body);
    font-size: 19px;
    font-weight: 300;
    line-height: 1.7;
    color: rgba(13,11,8,0.70);
    max-width: 720px;
    margin: 0 auto 96px;
  }
  .op-rw-toolkit__items {
    max-width: 880px;
    margin: 0 auto;
    text-align: left;
  }
  .op-rw-toolkit__item {
    padding: 48px 0;
    border-top: 0.5px solid rgba(13,11,8,0.18);
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 40px;
    align-items: start;
  }
  .op-rw-toolkit__item:last-child { border-bottom: 0.5px solid rgba(13,11,8,0.18); }
  .op-rw-toolkit__num {
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.20em;
    color: var(--color-gold);
    padding-top: 12px;
  }
  .op-rw-toolkit__item h3 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 2.4vw, 32px);
    font-weight: 400;
    color: var(--color-dark);
    margin-bottom: 14px;
    line-height: 1.25;
  }
  .op-rw-toolkit__item h3 em { font-style: italic; }
  .op-rw-toolkit__item p {
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 300;
    line-height: 1.75;
    color: rgba(13,11,8,0.78);
  }
  .op-rw-toolkit__bridge {
    font-family: 'Playfair Display', serif;
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 400;
    font-style: italic;
    color: var(--color-dark);
    max-width: 720px;
    margin: 80px auto 0;
    line-height: 1.5;
  }
  .op-rw-toolkit__bridge strong {
    font-weight: 400;
    font-style: normal;
    display: block;
    margin-top: 18px;
  }

  /* ============== §5b DOWNLOAD / OPTIN ============== */
  .op-rw-download {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h);
    text-align: center;
  }
  .op-rw-download__eyebrow {
    font-family: var(--font-body);
    font-size: var(--eyebrow-size);
    font-weight: var(--eyebrow-weight);
    letter-spacing: var(--eyebrow-spacing);
    text-transform: uppercase;
    color: var(--color-eyebrow);
    display: block;
    margin-bottom: var(--eyebrow-margin);
  }
  .op-rw-download__title {
    font-family: var(--font-display);
    font-size: clamp(36px, 4.2vw, 60px);
    font-weight: 300;
    line-height: 1.15;
    color: var(--color-dark);
    max-width: 860px;
    margin: 0 auto 28px;
  }
  .op-rw-download__title .ital { font-style: italic; }
  .op-rw-download__title .rm { font-family: var(--font-body); font-size: 0.5em; vertical-align: super; }
  .op-rw-download__lead {
    font-family: var(--font-body);
    font-size: clamp(16px, 1.6vw, 19px);
    font-weight: 300;
    line-height: 1.75;
    color: var(--color-body);
    max-width: 720px;
    margin: 0 auto 48px;
  }
  .op-rw-download__micro {
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 300;
    color: rgba(13,11,8,0.55);
    max-width: 540px;
    margin: 28px auto 0;
    line-height: 1.6;
  }

  /* ---------------------------------------------
     Kartra opt-in trigger button — restyle the
     injected modal trigger to match the page
     design. Kartra loads its own template CSS at
     runtime, so !important is required.
  --------------------------------------------- */
  .op-rw-download .kartra_optin_container40008b9a5380fcacce3976bf7c08af5b {
    margin: 0;
    line-height: 0;
  }
  .op-rw-download a.show_modal_40008b9a5380fcacce3976bf7c08af5b,
  .op-rw-download a.show_modal_40008b9a5380fcacce3976bf7c08af5b.kartra_medium {
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    color: var(--color-dark) !important;
    background: transparent !important;
    background-image: none !important;
    border: 0.5px solid var(--color-dark) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-decoration: none !important;
    padding: 14px 32px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    display: inline-block !important;
    transition: background 0.25s, color 0.25s !important;
  }
  .op-rw-download a.show_modal_40008b9a5380fcacce3976bf7c08af5b:hover,
  .op-rw-download a.show_modal_40008b9a5380fcacce3976bf7c08af5b.kartra_medium:hover {
    background: var(--color-dark) !important;
    color: var(--color-ivory) !important;
  }

  /* ============== §6 WHO IT'S FOR - black/ivory split ============== */
  .op-rw-who {
    position: relative;
    min-height: 980px;
    background: linear-gradient(to right, #f5f0e8 45%, #0d0b08 45%);
    width: 100%;
    overflow: visible;
  }
  .op-rw-who__image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 120px;
    right: 50%;
    height: 84%;
    z-index: 3;
    background-image: var(--img-group);
    background-size: cover;
    background-position: center center;
    background-color: #c8c4be;
  }
  .op-rw-who__copy {
    position: relative;
    z-index: 2;
    width: 50%;
    max-width: 50%;
    margin-left: 50%;
    padding: 120px 80px;
    display: flex;
    flex-direction: column;
  }
  .op-rw-who__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(245,235,210,0.55);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-who__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(30px, 3.2vw, 46px);
    font-weight: 400;
    line-height: 1.25;
    color: #ffffff;
    margin-bottom: 56px;
  }
  .op-rw-who__title em { font-style: italic; }
  .op-rw-who__list { list-style: none; }
  .op-rw-who__list li {
    padding: 22px 0;
    border-top: 0.5px solid rgba(255,255,255,0.12);
  }
  .op-rw-who__list li:last-child { border-bottom: 0.5px solid rgba(255,255,255,0.12); }
  .op-rw-who__list h4 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(20px, 2vw, 24px);
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 1.3;
  }
  .op-rw-who__list h4 em { font-style: italic; }
  .op-rw-who__list p {
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.7;
    color: rgba(245,238,220,0.65);
  }

  /* ============== §7 STORY - two-column with image ============== */
  .op-rw-story {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h);
  }
  .op-rw-story__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--color-eyebrow);
    margin-bottom: 80px;
    display: block;
    text-align: center;
  }
  .op-rw-story__grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    max-width: 1280px;
    margin: 0 auto;
    align-items: center;
  }
  .op-rw-story__image {
    height: 720px;
    background-image: var(--img-hands);
    background-size: cover;
    background-position: center center;
    background-color: #c8c4be;
  }
  .op-rw-story__copy {
    padding: 0 0 0 8px;
  }
  .op-rw-story__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(32px, 3.8vw, 52px);
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-dark);
    margin-bottom: 48px;
  }
  .op-rw-story__title em { font-style: italic; }
  .op-rw-story__body {
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 300;
    line-height: 1.75;
    color: var(--color-dark);
    max-width: 620px;
  }
  .op-rw-story__body p { margin-bottom: 24px; }
  .op-rw-story__body em {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px;
  }
  .op-rw-story__body strong {
    font-family: var(--font-body);
    font-weight: 400;
    font-style: normal;
    color: var(--color-dark);
    display: block;
    font-size: 19px;
    line-height: 1.65;
    margin: 16px 0 20px;
    padding: 8px 0 8px 20px;
    border-left: 0.5px solid rgba(13,11,8,0.30);
  }
  .op-rw-story__body strong em {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px;
  }
  .op-rw-story__list {
    list-style: none;
    margin: 8px 0 28px;
    padding-left: 24px;
    border-left: 0.5px solid rgba(13,11,8,0.20);
  }
  .op-rw-story__list li {
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 300;
    line-height: 1.65;
    color: rgba(13,11,8,0.78);
    padding: 6px 0;
  }

  /* ============== §8 LICENSING BRIDGE - black/ivory split with hero image reused ============== */
  .op-rw-license {
    position: relative;
    min-height: 920px;
    background: linear-gradient(to right, #0d0b08 55%, #f5f0e8 55%);
    width: 100%;
    overflow: visible;
  }
  .op-rw-license__copy {
    position: relative;
    z-index: 2;
    width: 50%;
    max-width: 50%;
    padding: 120px 80px;
    display: flex;
    flex-direction: column;
  }
  .op-rw-license__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(245,235,210,0.55);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-license__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(30px, 3.4vw, 48px);
    font-weight: 400;
    line-height: 1.22;
    color: #ffffff;
    margin-bottom: 48px;
    width: 110%;
    max-width: 110%;
  }
  .op-rw-license__title em { font-style: italic; }
  .op-rw-license__body {
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 300;
    line-height: 1.75;
    color: rgba(245,238,220,0.72);
    margin-bottom: 40px;
  }
  .op-rw-license__body p { margin-bottom: 20px; }
  .op-rw-license__list {
    list-style: none;
    margin-bottom: 40px;
    padding-left: 24px;
    border-left: 0.5px solid rgba(255,255,255,0.18);
  }
  .op-rw-license__list li {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 300;
    color: rgba(245,238,220,0.78);
    padding: 8px 0;
    line-height: 1.65;
  }
  .op-rw-license__list li em {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 17px;
  }
  .op-rw-license__program {
    font-family: 'Playfair Display', serif;
    font-size: clamp(26px, 2.8vw, 36px);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.25;
    margin: 32px 0 20px;
  }
  .op-rw-license__program em { font-style: italic; }
  .op-rw-license__program-body {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    color: rgba(245,238,220,0.66);
    margin-bottom: 36px;
  }
  .op-rw-license__ctas {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
  }
  .op-rw-license__cta-primary,
  .op-rw-license__cta-secondary {
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 13px 26px;
    transition: all 0.25s;
    display: inline-block;
  }
  .op-rw-license__cta-primary {
    color: #0d0b08;
    background: #f5f0e8;
  }
  .op-rw-license__cta-primary:hover { background: var(--color-gold); color: #fff; }
  .op-rw-license__cta-secondary {
    color: #fff;
    border: 0.5px solid rgba(255,255,255,0.55);
  }
  .op-rw-license__cta-secondary:hover { background: rgba(255,255,255,0.08); }
  .op-rw-license__image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    right: 120px;
    height: 82%;
    z-index: 3;
    background-image: var(--img-hero);
    background-size: cover;
    background-position: center 25%;
    background-color: #c8c4be;
  }

  /* ============== §9 PROFESSIONAL USE - centered ivory stack ============== */
  .op-rw-uses {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h);
    text-align: center;
  }
  .op-rw-uses__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--color-eyebrow);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-uses__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(34px, 4.2vw, 56px);
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-dark);
    max-width: 860px;
    margin: 0 auto 24px;
  }
  .op-rw-uses__title em { font-style: italic; }
  .op-rw-uses__sub {
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7;
    color: rgba(13,11,8,0.70);
    max-width: 720px;
    margin: 0 auto 96px;
  }
  .op-rw-uses__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px 80px;
    max-width: 1100px;
    margin: 0 auto;
    text-align: left;
  }
  .op-rw-uses__item h4 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(22px, 2.2vw, 28px);
    font-weight: 400;
    color: var(--color-dark);
    margin-bottom: 18px;
    line-height: 1.3;
    padding-bottom: 14px;
    border-bottom: 0.5px solid rgba(13,11,8,0.18);
  }
  .op-rw-uses__item h4 em { font-style: italic; }
  .op-rw-uses__item p {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    color: rgba(13,11,8,0.78);
  }

  /* ============== §10 WHY DIFFERENT - centered ivory reveal ============== */
  .op-rw-diff {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h);
    text-align: center;
    border-top: 0.5px solid rgba(13,11,8,0.08);
  }
  .op-rw-diff__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--color-eyebrow);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-diff__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(34px, 4.4vw, 60px);
    font-weight: 400;
    line-height: 1.22;
    color: var(--color-dark);
    max-width: 920px;
    margin: 0 auto 64px;
  }
  .op-rw-diff__title .word {
    color: #c8c4be;
    transition: color 1.8s ease;
    display: inline;
  }
  .op-rw-diff__title .word.is-lit { color: var(--color-dark); }
  .op-rw-diff__title .ital { font-style: italic; }
  .op-rw-diff__body {
    font-family: var(--font-body);
    font-size: 19px;
    font-weight: 300;
    line-height: 1.75;
    color: var(--color-dark);
    max-width: 720px;
    margin: 0 auto 48px;
  }
  .op-rw-diff__list {
    list-style: none;
    max-width: 720px;
    margin: 48px auto 56px;
    text-align: center;
  }
  .op-rw-diff__list li {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.55;
    color: rgba(13,11,8,0.78);
    padding: 10px 0;
  }
  .op-rw-diff__close {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 2.8vw, 36px);
    font-weight: 400;
    font-style: italic;
    color: var(--color-dark);
    line-height: 1.4;
    max-width: 720px;
    margin: 0 auto;
  }

  /* ============== §11 IMPACT - full-bleed image with overlay ============== */
  .op-rw-impact {
    position: relative;
    width: 100%;
    padding: var(--section-padding) var(--section-padding-h);
    background-image: var(--img-group);
    background-size: cover;
    background-position: center center;
    background-color: var(--color-black);
    overflow: hidden;
  }
  .op-rw-impact__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(8,6,4,0.82) 0%,
      rgba(8,6,4,0.88) 50%,
      rgba(8,6,4,0.94) 100%
    );
    z-index: 1;
  }
  .op-rw-impact__inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }
  .op-rw-impact__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(245,235,210,0.60);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-impact__title {
    font-family: var(--font-display);
    font-size: clamp(40px, 5.4vw, 78px);
    font-weight: 300;
    line-height: 1.12;
    color: #ffffff;
    max-width: 920px;
    margin: 0 auto 96px;
    letter-spacing: -0.005em;
  }
  .op-rw-impact__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px;
    max-width: 1100px;
    margin: 0 auto;
  }
  .op-rw-impact__stat-num {
    font-family: var(--font-display);
    font-size: clamp(40px, 5.2vw, 72px);
    font-weight: 300;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 18px;
  }
  .op-rw-impact__stat-label {
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(245,235,210,0.65);
    line-height: 1.5;
  }

  /* ============== §12 PULL QUOTE - ivory ============== */
  .op-rw-quote {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h);
    text-align: center;
  }
  .op-rw-quote__text {
    font-family: 'Playfair Display', serif;
    font-size: clamp(32px, 4.4vw, 60px);
    font-weight: 400;
    font-style: italic;
    line-height: 1.25;
    color: var(--color-dark);
    max-width: 1000px;
    margin: 0 auto 48px;
  }
  .op-rw-quote__attr {
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--color-eyebrow);
  }

  /* ============== §13 FAQ - stacked accordion ============== */
  .op-rw-faq {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h);
    border-top: 0.5px solid rgba(13,11,8,0.08);
  }
  .op-rw-faq__inner {
    max-width: 880px;
    margin: 0 auto;
  }
  .op-rw-faq__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--color-eyebrow);
    margin-bottom: 80px;
    display: block;
    text-align: center;
  }
  .op-rw-faq__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-dark);
    text-align: center;
    margin-bottom: 80px;
  }
  .op-rw-faq__title em { font-style: italic; }
  .op-rw-faq details {
    border-top: 0.5px solid rgba(13,11,8,0.18);
    padding: 28px 0;
  }
  .op-rw-faq details:last-of-type { border-bottom: 0.5px solid rgba(13,11,8,0.18); }
  .op-rw-faq summary {
    font-family: 'Playfair Display', serif;
    font-size: clamp(19px, 1.9vw, 24px);
    font-weight: 400;
    color: var(--color-dark);
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.35;
    gap: 24px;
    transition: color 0.25s;
  }
  .op-rw-faq summary::-webkit-details-marker { display: none; }
  .op-rw-faq summary::after {
    content: '+';
    font-family: var(--font-body);
    font-weight: 300;
    font-size: 28px;
    color: rgba(13,11,8,0.55);
    flex-shrink: 0;
    transition: transform 0.3s ease, color 0.25s;
  }
  .op-rw-faq details[open] summary { color: var(--color-gold); }
  .op-rw-faq details[open] summary::after {
    content: '-';
    color: var(--color-gold);
  }
  .op-rw-faq summary:hover { color: var(--color-gold); }
  .op-rw-faq__answer {
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 300;
    line-height: 1.75;
    color: rgba(13,11,8,0.78);
    padding: 24px 56px 8px 0;
    max-width: 760px;
  }
  .op-rw-faq__answer em {
    font-family: 'Playfair Display', serif;
    font-style: italic;
  }

  /* ============== §14 FINAL CTA - centered ivory close ============== */
  .op-rw-final {
    background: var(--color-ivory);
    padding: var(--section-padding) var(--section-padding-h) 140px;
    text-align: center;
    border-top: 0.5px solid rgba(13,11,8,0.08);
  }
  .op-rw-final__eyebrow {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--color-eyebrow);
    margin-bottom: 80px;
    display: block;
  }
  .op-rw-final__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(36px, 5.2vw, 68px);
    font-weight: 400;
    line-height: 1.18;
    color: var(--color-dark);
    max-width: 920px;
    margin: 0 auto 48px;
  }
  .op-rw-final__title em { font-style: italic; }
  .op-rw-final__body {
    font-family: var(--font-body);
    font-size: 19px;
    font-weight: 300;
    line-height: 1.75;
    color: var(--color-dark);
    max-width: 720px;
    margin: 0 auto 64px;
  }
  .op-rw-final__body p { margin-bottom: 24px; }
  .op-rw-final__cta {
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background: var(--color-dark);
    padding: 18px 40px;
    display: inline-block;
    transition: background 0.25s;
    border: 0.5px solid var(--color-dark);
  }
  .op-rw-final__cta:hover { background: var(--color-gold); border-color: var(--color-gold); }
  .op-rw-final__rule {
    width: 80px;
    height: 0.5px;
    background: rgba(13,11,8,0.30);
    margin: 96px auto 48px;
    display: block;
  }
  .op-rw-final__footer-link {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    color: rgba(13,11,8,0.70);
    max-width: 720px;
    margin: 0 auto 24px;
    font-style: italic;
  }
  .op-rw-final__explore {
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    color: var(--color-dark);
    text-decoration: none;
    border-bottom: 0.5px solid var(--color-dark);
    padding-bottom: 4px;
    transition: color 0.25s, border-color 0.25s;
  }
  .op-rw-final__explore:hover { color: var(--color-gold); border-color: var(--color-gold); }


  /* ============== MOBILE ============== */
  @media (max-width: 768px) {

    .op-rw-hero { min-height: 90vh; }
    .op-rw-hero__content { padding: 160px 22px 100px; }
    .op-rw-hero__eyebrow { font-size: 12px; margin-bottom: 32px; }
    .op-rw-hero__headline { font-size: 54px; margin-bottom: 32px; }
    .op-rw-hero__subhead { font-size: 18px; margin-bottom: 24px; }
    .op-rw-hero__body { font-size: 15px; margin-bottom: 36px; }
    .op-rw-hero__ctas { flex-direction: column; gap: 20px; align-items: center; }
    .op-rw-hero__cta-primary { width: auto; text-align: center; }
    .op-rw-hero__proof { font-size: 10px; }

    .op-rw-truth { padding: 80px 22px; }
    .op-rw-truth__eyebrow { font-size: 12px; margin-bottom: 40px; }
    .op-rw-truth__title { font-size: 30px; margin-bottom: 40px; }
    .op-rw-truth__body { font-size: 16px; }
    .op-rw-truth__quote { font-size: 20px; margin: 32px auto; }
    .op-rw-truth__questions { padding: 0; max-width: 100%; }
    .op-rw-truth__questions p { font-size: 20px; padding: 8px 0; }
    .op-rw-truth__pullout { font-size: 24px; margin: 40px auto; }
    .op-rw-truth__list { padding: 0; max-width: 100%; }
    .op-rw-truth__list li { font-size: 20px; padding: 8px 0; }
    .op-rw-truth__not { font-size: 15px; }
    .op-rw-truth__close { font-size: 20px; }

    .op-rw-what { background: #0d0b08; min-height: auto; display: block; }
    .op-rw-what__copy { width: 100%; max-width: 100%; padding: 80px 22px 40px; }
    .op-rw-what__eyebrow { font-size: 12px; margin-bottom: 32px; }
    .op-rw-what__title { font-size: 28px; width: 100%; max-width: 100%; margin-bottom: 32px; }
    .op-rw-what__body { font-size: 16px; }
    .op-rw-what__image { position: relative; top: auto; left: 0; right: 0; transform: none; width: calc(100% - 44px); height: 360px; margin: 0 22px 60px; }

    .op-rw-what-z2 { padding: 80px 22px; }
    .op-rw-what-z2__intro { font-size: 20px; margin-bottom: 56px; }
    .op-rw-what-z2__grid { grid-template-columns: 1fr; gap: 40px; margin-bottom: 64px; }
    .op-rw-what-z2__core-title { font-size: 22px; }
    .op-rw-what-z2__core-body { font-size: 15px; }
    .op-rw-what-z2__nine-grid { grid-template-columns: 1fr; gap: 28px; }
    .op-rw-what-z2__payoff { font-size: 18px; }

    .op-rw-why { padding: 80px 22px; }
    .op-rw-why__eyebrow { font-size: 12px; margin-bottom: 40px; }
    .op-rw-why__title { font-size: 26px; margin-bottom: 32px; }
    .op-rw-why__body { font-size: 16px; }
    .op-rw-why__noticings { padding: 0; max-width: 100%; }
    .op-rw-why__noticings li { font-size: 20px; padding: 8px 0; }
    .op-rw-why__ladder { font-size: 16px; }
    .op-rw-why__close { font-size: 20px; }

    .op-rw-toolkit { padding: 80px 22px; }
    .op-rw-toolkit__eyebrow { font-size: 12px; margin-bottom: 40px; }
    .op-rw-toolkit__title { font-size: 28px; }
    .op-rw-toolkit__sub { font-size: 16px; margin-bottom: 56px; }
    .op-rw-toolkit__item { grid-template-columns: 1fr; gap: 12px; padding: 32px 0; }
    .op-rw-toolkit__num { padding-top: 0; }
    .op-rw-toolkit__item h3 { font-size: 22px; }
    .op-rw-toolkit__item p { font-size: 15px; }
    .op-rw-toolkit__bridge { font-size: 18px; margin-top: 56px; }

    .op-rw-download { padding: 80px 22px; }
    .op-rw-download__eyebrow { font-size: 12px; margin-bottom: 40px; }
    .op-rw-download__title { font-size: 28px; }
    .op-rw-download__lead { font-size: 16px; margin-bottom: 36px; }
    .op-rw-download__micro { font-size: 12px; }

    .op-rw-who { background: #0d0b08; min-height: auto; display: block; }
    .op-rw-who__image { position: relative; top: auto; left: 0; right: 0; transform: none; width: calc(100% - 44px); height: 320px; margin: 0 22px; }
    .op-rw-who__copy { width: 100%; max-width: 100%; margin-left: 0; padding: 60px 22px 80px; }
    .op-rw-who__eyebrow { font-size: 12px; margin-bottom: 32px; }
    .op-rw-who__title { font-size: 22px; margin-bottom: 36px; }
    .op-rw-who__list h4 { font-size: 18px; }
    .op-rw-who__list p { font-size: 14px; }

    .op-rw-story { padding: 80px 22px; }
    .op-rw-story__eyebrow { font-size: 12px; margin-bottom: 40px; }
    .op-rw-story__grid { grid-template-columns: 1fr; gap: 40px; }
    .op-rw-story__image { height: 360px; }
    .op-rw-story__title { font-size: 26px; margin-bottom: 32px; }
    .op-rw-story__body { font-size: 16px; }

    .op-rw-license { background: #0d0b08; min-height: auto; display: block; }
    .op-rw-license__copy { width: 100%; max-width: 100%; padding: 80px 22px 40px; }
    .op-rw-license__eyebrow { font-size: 12px; margin-bottom: 32px; }
    .op-rw-license__title { font-size: 24px; width: 100%; max-width: 100%; }
    .op-rw-license__body { font-size: 15px; }
    .op-rw-license__list li { font-size: 15px; }
    .op-rw-license__program { font-size: 22px; }
    .op-rw-license__program-body { font-size: 14px; }
    .op-rw-license__ctas { flex-direction: column; }
    .op-rw-license__cta-primary, .op-rw-license__cta-secondary { text-align: center; }
    .op-rw-license__image { position: relative; top: auto; left: 0; right: 0; transform: none; width: calc(100% - 44px); height: 320px; margin: 0 22px 60px; }

    .op-rw-uses { padding: 80px 22px; }
    .op-rw-uses__eyebrow { font-size: 12px; margin-bottom: 40px; }
    .op-rw-uses__title { font-size: 26px; }
    .op-rw-uses__sub { font-size: 16px; margin-bottom: 56px; }
    .op-rw-uses__grid { grid-template-columns: 1fr; gap: 48px; }
    .op-rw-uses__item h4 { font-size: 20px; }
    .op-rw-uses__item p { font-size: 15px; }

    .op-rw-diff { padding: 80px 22px; }
    .op-rw-diff__eyebrow { font-size: 12px; margin-bottom: 40px; }
    .op-rw-diff__title { font-size: 26px; margin-bottom: 40px; }
    .op-rw-diff__body { font-size: 16px; }
    .op-rw-diff__list { padding: 0; max-width: 100%; }
    .op-rw-diff__list li { font-size: 20px; padding: 8px 0; }
    .op-rw-diff__close { font-size: 20px; }

    .op-rw-impact { padding: 80px 22px; }
    .op-rw-impact__eyebrow { font-size: 12px; margin-bottom: 40px; }
    .op-rw-impact__title { font-size: 30px; margin-bottom: 56px; }
    .op-rw-impact__grid { grid-template-columns: 1fr 1fr; gap: 36px; }
    .op-rw-impact__stat-num { font-size: 36px; }
    .op-rw-impact__stat-label { font-size: 11px; }

    .op-rw-quote { padding: 80px 22px; }
    .op-rw-quote__text { font-size: 24px; }
    .op-rw-quote__attr { font-size: 12px; }

    .op-rw-faq { padding: 80px 22px; }
    .op-rw-faq__eyebrow { font-size: 12px; margin-bottom: 32px; }
    .op-rw-faq__title { font-size: 26px; margin-bottom: 56px; }
    .op-rw-faq summary { font-size: 16px; gap: 16px; }
    .op-rw-faq summary::after { font-size: 24px; }
    .op-rw-faq__answer { font-size: 15px; padding-right: 0; }

    .op-rw-final { padding: 80px 22px 100px; }
    .op-rw-final__eyebrow { font-size: 12px; margin-bottom: 40px; }
    .op-rw-final__title { font-size: 28px; margin-bottom: 32px; }
    .op-rw-final__body { font-size: 16px; }
    .op-rw-final__cta { font-size: 11px; padding: 14px 24px; }
    .op-rw-final__footer-link { font-size: 14px; }

  }