/* ==========================================================================
   Case study — page-specific composition only.
   ========================================================================== */

.case-hero { padding-block: calc(var(--section-pad-y) * 1.1) 0; }
.case-hero__intro { text-align: center; }
.case-hero__intro > * + * { margin-block-start: var(--intro-gap); }
.case-hero__intro .eyebrow { font-weight: var(--weight-regular); }

.case-hero__media {
  width: min(100%, calc(var(--container-narrow) * 0.6));
  margin-block-start: var(--section-gap);
}

/* Body sections: text blocks and media alternate down the page. */
.case-section { padding-block: var(--section-gap); }
.case-section:last-of-type { padding-block-end: var(--section-pad-y); }

.case-cta { padding-block: var(--section-gap) var(--section-pad-y); }