.case-hero {
        padding: 96px 0 80px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(320px, 26rem);
        gap: 48px;
        align-items: start;
      }

      .case-hero .reveal,
      .case-hero .reveal.reveal-delay-1 {
        opacity: 1;
        transform: none;
      }

      .case-hero .reveal:first-child {
        text-align: center;
      }

      .case-hero h1 {
        margin-bottom: 16px;
      }
      .case-hero p {
        color: var(--muted);
        font-size: 18px;
        line-height: 1.7;
        margin-bottom: 28px;
      }

      .case-hero-tags {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
      }

      .programme-glance {
        width: 100%;
        max-width: 26rem;
        background: linear-gradient(
          145deg,
          var(--card),
          color-mix(in srgb, var(--card) 55%, var(--blue-light))
        );
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        padding: 26px 28px;
        box-shadow: var(--shadow-lg);
      }

      .programme-glance__title {
        margin: 0 0 20px;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: var(--muted);
        text-align: center;
      }

      .programme-glance__list {
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .programme-glance__row {
        display: grid;
        grid-template-columns: 9.25rem minmax(0, 1fr);
        column-gap: 1.25rem;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid var(--border);
      }

      .programme-glance__row:first-child {
        padding-top: 0;
      }

      .programme-glance__row:last-child {
        padding-bottom: 0;
        border-bottom: none;
      }

      .programme-glance__label {
        margin: 0;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
        color: var(--muted);
        padding-top: 1px;
        text-align: center;
      }

      .programme-glance__value {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.45;
        color: var(--text);
        text-align: center;
      }

      .programme-glance__value span {
        display: block;
      }

      .programme-glance__value .is-sub {
        font-weight: 500;
        margin-top: 2px;
      }

      html[data-theme="light"] .programme-glance__value .is-sub {
        color: var(--blue-mid);
      }

      html[data-theme="light"] .programme-glance__value .is-sub a {
        color: inherit;
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-color: color-mix(
          in srgb,
          var(--blue-mid) 55%,
          transparent
        );
        transition:
          color 0.2s ease,
          text-decoration-color 0.2s ease;
      }

      html[data-theme="light"] .programme-glance__value .is-sub a:hover {
        color: var(--blue);
        text-decoration-color: var(--blue);
      }

      html[data-theme="dark"] .programme-glance__value .is-sub {
        color: var(--blue);
      }

      html[data-theme="dark"] .programme-glance__value .is-sub a {
        color: inherit;
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-color: color-mix(in srgb, var(--blue) 45%, transparent);
        transition:
          opacity 0.2s ease,
          text-decoration-color 0.2s ease;
      }

      html[data-theme="dark"] .programme-glance__value .is-sub a:hover {
        opacity: 0.85;
        text-decoration-color: var(--blue);
      }

      .stat-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
      }

      .stat-card {
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 20px;
        text-align: center;
      }

      .stat-card strong {
        display: block;
        font-family: var(--font-display);
        font-size: 32px;
        font-weight: 800;
        color: var(--blue);
        letter-spacing: -0.04em;
        line-height: 1;
        margin-bottom: 6px;
      }

      .stat-card span {
        font-size: 12px;
        color: var(--muted);
        font-weight: 500;
      }

      .story-layout {
        display: grid;
        grid-template-columns: 200px 1fr;
        gap: 48px;
        padding: 80px 0;
      }

      .story-nav {
        position: sticky;
        top: var(--header-sticky-top);
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 4px;
      }

      .story-nav a {
        font-size: 13px;
        font-weight: 600;
        color: var(--muted);
        padding: 8px 12px;
        border-radius: 8px;
        border-left: 2px solid var(--border);
        transition: all 0.2s;
      }

      .story-nav a:hover,
      .story-nav a.active {
        color: var(--blue);
        border-left-color: var(--blue);
        background: var(--blue-light);
      }

      .story-content {
        display: flex;
        flex-direction: column;
        gap: 64px;
      }

      .story-section {
        scroll-margin-top: var(--header-sticky-top);
      }
      .story-section .eyebrow {
        margin-bottom: 12px;
      }
      .story-section h2 {
        margin-bottom: 20px;
      }
      .story-section p {
        color: var(--muted);
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 16px;
      }
      .story-section p:last-child {
        margin-bottom: 0;
      }

      .blueprint-deck {
        font-size: 17px;
        color: var(--muted);
        line-height: 1.65;
        margin-bottom: 18px;
        max-width: 52rem;
      }

      .blueprint-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 8px;
      }

      .blueprint-pill {
        font-size: 12px;
        font-weight: 600;
        padding: 6px 14px;
        border-radius: 100px;
        background: var(--card2);
        border: 1px solid var(--border);
        color: var(--muted);
      }

      h3.block-label {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: var(--blue);
        margin: 28px 0 14px;
        font-family: var(--font-body);
      }

      [data-theme="dark"] h3.block-label {
        color: var(--yellow);
      }

      .story-section h3.block-label:first-of-type {
        margin-top: 0;
      }

      .expertise-showcase-label {
        font-size: 15px;
        font-weight: 700;
        color: var(--text);
        margin: 20px 0 10px;
      }

      .key-results-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 14px;
      }

      .key-results-list li {
        position: relative;
        padding-left: 26px;
        color: var(--muted);
        font-size: 16px;
        line-height: 1.65;
      }

      .key-results-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.55em;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--blue);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 22%, transparent);
      }

      [data-theme="dark"] .key-results-list li::before {
        background: var(--yellow);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--yellow) 25%, transparent);
      }

      .challenge-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        margin-top: 24px;
      }

      .challenge-item {
        display: flex;
        gap: 14px;
        align-items: flex-start;
        padding: 18px;
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: var(--radius);
      }

      .challenge-icon {
        font-size: 22px;
        flex-shrink: 0;
      }
      .challenge-item strong {
        display: block;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 4px;
        font-family: var(--font-display);
      }
      .challenge-item p {
        color: var(--muted);
        font-size: 13px;
        margin: 0;
        line-height: 1.5;
      }

      .solution-card {
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 28px;
        margin-bottom: 16px;
      }

      .solution-card h4 {
        font-family: var(--font-display);
        font-size: 18px;
        margin-bottom: 10px;
      }
      .solution-card p {
        color: var(--muted);
        font-size: 15px;
        line-height: 1.7;
        margin: 0;
      }

      .results-highlight {
        background: var(--blue);
        border-radius: var(--radius-lg);
        padding: 40px;
        color: #fff;
        margin-bottom: 28px;
      }

      .results-highlight h3 {
        color: #fff;
        margin-bottom: 24px;
      }

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

      .result-item {
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 14px;
        padding: 20px;
      }

      .result-item strong {
        display: block;
        font-family: var(--font-display);
        font-size: 36px;
        font-weight: 800;
        color: var(--yellow);
        letter-spacing: -0.04em;
        line-height: 1;
        margin-bottom: 6px;
      }

      .result-item span {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.75);
      }
      .result-item p {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.6);
        margin: 6px 0 0;
        line-height: 1.5;
      }

      .blockquote {
        border-left: 3px solid var(--blue);
        padding: 20px 28px;
        background: var(--blue-light);
        border-radius: 0 var(--radius) var(--radius) 0;
        margin: 24px 0;
      }

      .blockquote p {
        font-size: 17px;
        font-style: italic;
        color: var(--text) !important;
        line-height: 1.7;
        margin-bottom: 8px !important;
      }

      .blockquote cite {
        font-size: 13px;
        color: var(--muted);
        font-weight: 600;
        font-style: normal;
      }

      .blockquote--featured {
        padding: 24px 28px;
      }

      .blockquote-featured-inner {
        display: flex;
        gap: 20px;
        align-items: flex-start;
      }

      .blockquote-avatar {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid color-mix(in srgb, var(--blue) 25%, var(--border));
        flex-shrink: 0;
      }

      #learnings {
        text-align: center;
      }

      #learnings .learning-item {
        text-align: left;
      }

      #learnings .eyebrow {
        display: inline-flex;
      }

      .learning-item {
        display: flex;
        gap: 16px;
        padding: 22px;
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        margin-bottom: 14px;
      }

      .learning-num {
        width: 36px;
        height: 36px;
        min-width: 36px;
        background: var(--yellow);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-display);
        font-weight: 900;
        font-size: 15px;
        color: #111;
      }

      .learning-item strong {
        display: block;
        font-family: var(--font-display);
        font-size: 16px;
        margin-bottom: 4px;
      }
      .learning-item p {
        color: var(--muted);
        font-size: 14px;
        line-height: 1.6;
        margin: 0;
      }

      @media (max-width: 960px) {
        .case-hero {
          grid-template-columns: 1fr;
          padding: 64px 0 56px;
        }

        .programme-glance {
          max-width: none;
        }

        .programme-glance__row {
          grid-template-columns: 1fr;
          row-gap: 6px;
          align-items: start;
        }
        .story-layout {
          grid-template-columns: 1fr;
          padding: 56px 0;
        }
        .story-nav {
          display: none;
        }
        .stat-row {
          grid-template-columns: repeat(2, 1fr);
        }
        .challenge-grid {
          grid-template-columns: 1fr;
        }
        .results-grid {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 640px) {
        .blockquote-featured-inner {
          flex-direction: column;
          align-items: center;
          text-align: center;
        }

        .case-hero p {
          font-size: 16px;
        }

        .stat-row {
          grid-template-columns: 1fr;
        }

        .results-grid {
          grid-template-columns: 1fr;
        }

        .programme-glance {
          padding: 22px 18px;
        }

        .learning-item {
          flex-direction: column;
          gap: 12px;
        }

        .learning-num {
          width: 36px;
          height: 36px;
          font-size: 14px;
        }
      }

      .reveal {
        opacity: 0;
        transform: translateY(20px);
        transition:
          opacity 0.5s ease,
          transform 0.5s ease;
      }
      .reveal.revealed {
        opacity: 1;
        transform: translateY(0);
      }
      .reveal-delay-1 {
        transition-delay: 0.1s;
      }
      .reveal-delay-2 {
        transition-delay: 0.2s;
      }