/* Case studies archive. The archive renders through the shared
   resource-rail so all the grid chrome lives in that component.
   The only archive-specific CSS left is the empty state, used when
   no case studies are published yet. */

.case-empty {
  padding-block: clamp(3rem, 6vw, 4.5rem);
}
.case-empty__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  max-width: 44rem;
}
.case-empty__heading {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3vw, 2.125rem);
  font-weight: var(--font-weight-display);
  letter-spacing: -0.025em;
  line-height: 1.15;
  color: var(--color-foreground);
  text-wrap: balance;
}
.case-empty__body {
  margin: 0;
  max-width: 52ch;
  font-size: var(--fs-base);
  color: var(--color-muted-foreground);
  line-height: var(--lh-snug);
}