.case-study-page {
        --case-headline-leading: 0.86;
        --case-card-leading: 0.9;
        --case-section-space: clamp(4rem, 6vw, 6.25rem);
        --case-content-gap: clamp(2.25rem, 4vw, 4rem);
        --case-card-space: clamp(1.35rem, 2.2vw, 2rem);
        background: #0a0708;
      }

      .case-study-page .page-shell {
        background: var(--black);
      }

      .case-study-page .site-header {
        background: rgba(243, 175, 194, 0.78);
        -webkit-backdrop-filter: blur(22px) saturate(1.08);
        backdrop-filter: blur(22px) saturate(1.08);
      }

      .case-study-page main {
        background: var(--black);
        color: var(--paper);
      }

      .case-dark.grid-surface {
        background-color: var(--black);
        background-image:
          linear-gradient(var(--line) 1px, transparent 1px),
          linear-gradient(90deg, var(--line) 1px, transparent 1px);
      }

      .case-dark.grid-surface::before {
        background: rgba(18, 12, 13, 0.76);
      }

      .case-dark > *,
      .case-paper > *,
      .case-pink > * {
        position: relative;
        z-index: 2;
      }

      .case-dark .eyebrow {
        color: var(--pink-light);
        opacity: 1;
      }

      .case-section {
        padding: var(--case-section-space) var(--gutter);
      }

      .case-title {
        margin: 0;
        font-family: var(--display);
        font-size: clamp(4.4rem, 8vw, 8rem);
        font-weight: 700;
        letter-spacing: -0.06em;
        line-height: var(--case-headline-leading);
        text-transform: uppercase;
      }

      .case-title > span,
      .case-title > em,
      .case-why-statement > span,
      .case-why-statement > em,
      .case-cta h2 > span,
      .case-cta h2 > em,
      .case-proof h2 > span {
        display: block;
        line-height: inherit;
      }

      .case-title em {
        color: var(--pink);
        font-style: normal;
      }

      .case-lede {
        max-width: 690px;
        margin: clamp(1.2rem, 2vw, 1.8rem) 0 0;
        color: rgba(246, 239, 233, 0.68);
        font-size: clamp(1.05rem, 1.7vw, 1.35rem);
        line-height: 1.55;
      }

      .case-hero {
        min-height: min(820px, 100svh);
        padding: clamp(7rem, 10vw, 9rem) var(--gutter) clamp(3.5rem, 5vw, 5rem);
        display: grid;
        grid-template-columns: minmax(0, 1.22fr) minmax(330px, 0.58fr);
        align-items: center;
        column-gap: clamp(2.5rem, 5vw, 5rem);
        row-gap: var(--case-content-gap);
        overflow: hidden;
      }

      .case-hero-copy,
      .case-proof,
      .case-meta {
        position: relative;
        z-index: 2;
      }

      .case-hero h1 {
        margin: 0;
        font-family: var(--display);
        font-size: clamp(5.8rem, 11vw, 11rem);
        font-weight: 700;
        letter-spacing: -0.07em;
        line-height: var(--case-headline-leading);
        text-transform: uppercase;
      }

      .case-hero h1 span,
      .case-hero h1 em {
        display: block;
      }

      .case-hero h1 em {
        color: var(--pink);
        font-style: normal;
      }

      .case-hero-sub {
        max-width: 660px;
        margin: clamp(1.25rem, 2vw, 1.8rem) 0 0;
        color: rgba(246, 239, 233, 0.67);
        font-family: var(--display);
        font-size: clamp(1rem, 1.7vw, 1.45rem);
        letter-spacing: 0.08em;
        line-height: 1.35;
        text-transform: uppercase;
      }

      .case-proof {
        min-height: 400px;
        padding: clamp(1.7rem, 3vw, 2.6rem);
        display: grid;
        grid-template-rows: auto 1fr auto;
        border: 1px solid var(--paper);
        background: var(--pink-light);
        color: var(--black);
        box-shadow: clamp(10px, 1.2vw, 18px) clamp(10px, 1.2vw, 18px) 0 var(--pink);
      }

      .case-proof::before {
        content: "";
        position: absolute;
        inset: 0.8rem;
        border: 1px solid rgba(18, 12, 13, 0.18);
        pointer-events: none;
      }

      .case-proof-top {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        font-family: var(--display);
        font-size: 0.58rem;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }

      .case-proof-main {
        align-self: center;
      }

      .case-proof-main > span {
        display: block;
        margin-bottom: 0.7rem;
        color: var(--pink);
        font-family: var(--display);
        font-size: clamp(3.5rem, 7vw, 6rem);
        font-weight: 700;
        line-height: 0.9;
      }

      .case-proof h2 {
        margin: 0;
        font-family: var(--display);
        font-size: clamp(2.8rem, 5vw, 4.7rem);
        letter-spacing: -0.055em;
        line-height: var(--case-card-leading);
        text-transform: uppercase;
      }

      .case-proof p {
        margin: 1.35rem 0 0;
        color: rgba(18, 12, 13, 0.72);
        font-size: 0.91rem;
        line-height: 1.55;
      }

      .case-proof-bottom {
        padding-top: 1rem;
        display: grid;
        grid-template-columns: minmax(120px, 0.8fr) auto;
        align-items: center;
        gap: 1rem;
        border-top: 1px solid rgba(18, 12, 13, 0.3);
      }

      .case-proof-bottom img {
        width: min(165px, 100%);
        height: auto;
        display: block;
      }

      .case-proof-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 0.55rem 1rem;
        font-family: var(--display);
        font-size: 0.58rem;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .case-proof-links a {
        padding-bottom: 0.18rem;
        border-bottom: 1px solid var(--pink);
        transition: color 180ms ease, border-color 180ms ease;
      }

      .case-proof-links a:hover,
      .case-proof-links a:focus-visible {
        border-color: var(--black);
        color: var(--pink);
      }

      .case-meta {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 0.7fr 1.45fr 0.85fr;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }

      .case-meta div {
        min-width: 0;
        padding: 1rem clamp(0.9rem, 1.6vw, 1.4rem);
      }

      .case-meta div + div {
        border-left: 1px solid var(--line);
      }

      .case-meta dt {
        margin-bottom: 0.45rem;
        color: var(--pink-light);
        font-family: var(--display);
        font-size: 0.58rem;
        letter-spacing: 0.17em;
        text-transform: uppercase;
      }

      .case-meta dd {
        margin: 0;
        color: rgba(246, 239, 233, 0.65);
        font-size: 0.82rem;
        line-height: 1.55;
      }

      .case-diagnosis-head,
      .case-build-head,
      .case-results-head,
      .case-why-inner {
        display: grid;
        grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
        align-items: end;
        gap: var(--case-content-gap);
      }

      .case-diagnosis-head .case-lede,
      .case-results-head .case-lede {
        justify-self: end;
      }

      .case-leaks {
        margin-top: var(--case-content-gap);
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
      }

      .case-leak {
        min-height: 185px;
        padding: var(--case-card-space);
        display: flex;
        flex-direction: column;
        gap: clamp(1.6rem, 2.5vw, 2.5rem);
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }

      .case-leak span {
        color: var(--pink);
        font-family: var(--display);
        font-size: 0.7rem;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .case-leak p {
        max-width: 42ch;
        margin: auto 0 0;
        color: rgba(246, 239, 233, 0.72);
        font-size: clamp(0.9rem, 1.15vw, 1.02rem);
        line-height: 1.5;
      }

      .case-conclusion {
        margin: var(--case-content-gap) 0 0;
        padding: clamp(1.4rem, 2.2vw, 2rem);
        border: 1px solid var(--pink);
        color: var(--paper);
        font-family: var(--display);
        font-size: clamp(1.75rem, 3.5vw, 3.5rem);
        line-height: 1;
        text-transform: uppercase;
      }

      .case-conclusion em {
        color: var(--pink);
        font-style: normal;
      }

      .case-pink {
        background: var(--pink-light);
        color: var(--black);
      }

      .case-pink .eyebrow {
        color: var(--pink);
        opacity: 1;
      }

      .case-build-copy {
        max-width: 610px;
        margin: 0;
        color: rgba(18, 12, 13, 0.7);
        font-size: clamp(1rem, 1.5vw, 1.18rem);
      }

      .case-build-list {
        margin-top: var(--case-content-gap);
        border-top: 1px solid var(--black);
      }

      .case-build-step {
        padding: clamp(1.4rem, 2.2vw, 2rem) 0;
        display: grid;
        grid-template-columns: 90px minmax(220px, 0.62fr) minmax(0, 1fr);
        align-items: start;
        gap: clamp(1.25rem, 2.8vw, 2.8rem);
        border-bottom: 1px solid rgba(18, 12, 13, 0.32);
      }

      .case-build-step > span {
        color: var(--pink);
        font-family: var(--display);
        font-size: clamp(2.3rem, 4vw, 4rem);
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 1;
      }

      .case-build-step h3 {
        margin: 0;
        font-family: var(--display);
        font-size: clamp(1.8rem, 3vw, 3rem);
        letter-spacing: -0.035em;
        line-height: var(--case-card-leading);
        text-transform: uppercase;
      }

      .case-build-step p {
        max-width: 760px;
        margin: 0;
        color: rgba(18, 12, 13, 0.7);
        font-size: 0.94rem;
        line-height: 1.62;
      }

      .case-stats {
        margin-top: var(--case-content-gap);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line);
      }

      .case-stat {
        min-height: 250px;
        padding: clamp(1.5rem, 2.8vw, 2.6rem);
        display: flex;
        flex-direction: column;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }

      .case-stat:first-child {
        background: var(--pink);
        color: var(--paper);
      }

      .case-stat small {
        color: var(--pink-light);
        font-family: var(--display);
        font-size: 0.58rem;
        letter-spacing: 0.17em;
        text-transform: uppercase;
      }

      .case-stat:first-child small {
        color: var(--paper);
      }

      .case-stat strong {
        display: block;
        margin: auto 0 1rem;
        font-family: var(--display);
        font-size: clamp(3.2rem, 6vw, 6rem);
        font-weight: 700;
        letter-spacing: -0.06em;
        line-height: 0.84;
        text-transform: uppercase;
      }

      .case-stat p {
        max-width: 46ch;
        margin: 0;
        color: rgba(246, 239, 233, 0.63);
        font-size: 0.86rem;
        line-height: 1.55;
      }

      .case-stat:first-child p {
        color: rgba(246, 239, 233, 0.86);
      }

      .case-result-notes {
        margin: var(--case-content-gap) 0 0;
        padding: 0;
        list-style: none;
        border-top: 1px solid var(--line);
      }

      .case-result-notes li {
        padding: 1.2rem 0;
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 1.2rem;
        border-bottom: 1px solid var(--line);
        color: rgba(246, 239, 233, 0.7);
      }

      .case-result-notes li::before {
        content: "MEASURED";
        color: var(--pink);
        font-family: var(--display);
        font-size: 0.55rem;
        letter-spacing: 0.13em;
      }

      .case-paper {
        background: var(--paper);
        color: var(--black);
      }

      .case-paper.grid-surface::before {
        background: rgba(246, 239, 233, 0.72);
      }

      .case-why-inner {
        align-items: start;
      }

      .case-why-statement {
        margin: 0;
        font-family: var(--display);
        font-size: clamp(3.5rem, 7vw, 7rem);
        font-weight: 700;
        letter-spacing: -0.06em;
        line-height: var(--case-headline-leading);
        text-transform: uppercase;
      }

      .case-why-statement em {
        color: var(--pink);
        font-style: normal;
      }

      .case-why-copy {
        padding-left: clamp(1.5rem, 4vw, 3.5rem);
        border-left: 1px solid var(--black);
      }

      .case-why-copy p {
        margin: 0;
        color: rgba(18, 12, 13, 0.72);
        font-size: clamp(1.05rem, 1.8vw, 1.35rem);
        line-height: 1.65;
      }

      .case-cta {
        padding: var(--case-section-space) var(--gutter);
        background: var(--pink-light);
        color: var(--black);
      }

      .case-cta-inner {
        padding: clamp(2rem, 3.5vw, 3.5rem);
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.55fr);
        align-items: end;
        gap: var(--case-content-gap);
        border: 1px solid var(--black);
        background: var(--black);
        color: var(--paper);
      }

      .case-cta h2 {
        margin: 0;
        font-family: var(--display);
        font-size: clamp(3.8rem, 7vw, 7.4rem);
        letter-spacing: -0.06em;
        line-height: var(--case-headline-leading);
        text-transform: uppercase;
      }

      .case-cta h2 em {
        color: var(--pink);
        font-style: normal;
      }

      .case-cta-copy p {
        margin: 0 0 1.5rem;
        color: rgba(246, 239, 233, 0.68);
      }

      .case-cta-actions {
        display: grid;
        gap: 0.8rem;
      }

      .case-cta-actions .button {
        width: 100%;
      }

      .case-cta .button-ghost {
        border-color: rgba(246, 239, 233, 0.55);
        color: var(--paper);
      }

      .case-cta .button-ghost:hover,
      .case-cta .button-ghost:focus-visible {
        border-color: var(--paper);
        background: var(--paper);
        color: var(--black);
      }

      .case-disclaimer {
        max-width: 1000px;
        margin: clamp(1.5rem, 2.5vw, 2.2rem) auto 0;
        color: rgba(18, 12, 13, 0.58);
        font-size: 0.72rem;
        line-height: 1.55;
        text-align: center;
      }

      .case-study-page .site-footer {
        padding-top: clamp(4rem, 6vw, 6rem);
        padding-bottom: 1.5rem;
      }

      .case-study-page .footer-mark strong {
        font-size: clamp(7rem, 18vw, 16rem);
      }

      .case-study-page .footer-closing {
        margin-top: clamp(2.2rem, 4vw, 3.6rem);
        padding: clamp(1.7rem, 3vw, 2.6rem) 0;
      }

      .case-study-page .footer-directory nav,
      .case-study-page .footer-contact {
        min-height: 145px;
        padding: 1.25rem;
      }

      @media (max-width: 1040px) {
        .case-hero {
          min-height: auto;
          grid-template-columns: 1fr;
        }

        .case-proof {
          width: min(620px, 100%);
        }

        .case-diagnosis-head,
        .case-build-head,
        .case-results-head,
        .case-why-inner,
        .case-cta-inner {
          grid-template-columns: 1fr;
        }

        .case-diagnosis-head .case-lede,
        .case-results-head .case-lede {
          justify-self: start;
        }

        .case-leaks {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .case-build-step {
          grid-template-columns: 70px minmax(0, 1fr);
        }

        .case-build-step p {
          grid-column: 2;
        }

        .case-why-copy {
          max-width: 760px;
        }
      }

      @media (max-width: 720px) {
        .case-section,
        .case-cta {
          padding-top: 3.5rem;
          padding-bottom: 3.5rem;
        }

        .case-hero {
          padding-top: 6.5rem;
        }

        .case-hero h1 {
          font-size: clamp(5rem, 22vw, 7.6rem);
        }

        .case-proof {
          min-height: 360px;
        }

        .case-proof-bottom {
          grid-template-columns: 1fr;
        }

        .case-proof-links {
          justify-content: flex-start;
        }

        .case-meta,
        .case-leaks,
        .case-stats {
          grid-template-columns: 1fr;
        }

        .case-meta div + div {
          border-top: 1px solid var(--line);
          border-left: 0;
        }

        .case-leak,
        .case-stat {
          min-height: 205px;
        }

        .case-build-step {
          grid-template-columns: 52px minmax(0, 1fr);
          gap: 1rem;
        }

        .case-build-step > span {
          font-size: 2rem;
        }

        .case-result-notes li {
          grid-template-columns: 1fr;
          gap: 0.45rem;
        }

        .case-why-copy {
          padding-top: 1.5rem;
          padding-left: 0;
          border-top: 1px solid var(--black);
          border-left: 0;
        }

        .case-cta-inner {
          padding: 2rem 1.4rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }
      }