.case-feature {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-7);
  padding-block: var(--sp-8);
}
.case-feature__art { --art-ratio: 16/10; }
.case-feature__body .badge { margin-bottom: var(--sp-4); }
.case-feature__body h2 { margin-top: var(--sp-3); }
.case-feature__body p.lead { margin-top: var(--sp-4); }

.case-block { padding-block: var(--sp-7); border-top: 1px solid var(--color-border); }
.case-block h3 { margin-bottom: var(--sp-4); }
.case-block .stat-row { margin-top: var(--sp-5); }
.case-block:nth-of-type(even) {
  background: var(--color-bg-alt);
  border-radius: var(--radius-lg);
  border-top: 0;
  padding: var(--sp-7) var(--sp-6);
}

.pull-quote {
  font-family: var(--font-display);
  font-style: italic;
  font-size: var(--fs-display-sm);
  color: var(--color-ink);
  border-left: 2px solid var(--color-gold);
  padding-left: var(--sp-6);
  margin-block: var(--sp-6);
  max-width: 62ch;
}
.pull-quote cite { display: block; font-style: normal; font-family: var(--font-body); font-size: var(--fs-body-sm); color: var(--color-ink-muted); margin-top: var(--sp-4); }

.case-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-5);
}
.case-card { display: flex; flex-direction: column; text-decoration: none; }
.case-card__art { --art-ratio: 4/5; margin-bottom: var(--sp-4); }
.case-card h4 { color: var(--color-ink); }
.case-card p { font-size: var(--fs-body-sm); margin-top: var(--sp-2); }

@media (min-width: 900px) {
  .case-feature { grid-template-columns: 1.1fr 1fr; align-items: center; }
  .case-grid { grid-template-columns: repeat(3, 1fr); }
}