/* Case study template (T49). Tokens only, phones first.
   The header reuses the Compact hero (css/blocks/hero.css); the cards are the shared page card (css/shared/pageCard.css). */

/* Main photo: straight under the header; the first story section brings the space below it. */
.case-study__lead { padding-bottom: 0; }
.case-study__lead-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-card);
}

/* Products used row (B10 grid rules from T02's .grid--2 / .grid--3). */
.case-study__products-heading { margin: 0 0 var(--space-8); }
.case-study__products-list { margin: 0; padding: 0; list-style: none; }
.case-study__product { margin: 0; min-width: 0; }
@media (min-width: 1024px) {
  .case-study__products-list--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Standard: a third card that spans the row on tablets (2 + 1) keeps its photo as tall as the
   photos above it (B11 round 2): the spanning card is two cards plus a gap wide, so 3:1 matches
   their 3:2 photos to within a few pixels. */
@media (min-width: 600px) and (max-width: 1023.98px) {
  .grid--3 > .case-study__product:last-child:nth-child(odd) > .page-card--standard .page-card__media { aspect-ratio: 3 / 1; }
}