/* ─────────────────────────────────────────────────────────────────
   block-image-blocks-sm — small 3-up image cards
   Card surface, hover, image radius inherit from .section .card
   in design-system.css. Image gets .ds-image-card (4:3) in template.
   ───────────────────────────────────────────────────────────── */

.block-image-blocks-sm .card-body {
  display: flex;
  flex-direction: column;
}

.block-image-blocks-sm .card-body img {
  margin-bottom: var(--ds-space-4);
}

.block-image-blocks-sm .card h1,
.block-image-blocks-sm .card h2,
.block-image-blocks-sm .card h3,
.block-image-blocks-sm .card h4 {
  font-family: var(--ds-font-display);
  font-weight: 400;
  letter-spacing: 0.005em;
  color: var(--scheme-card-fg);
  margin: 0 0 var(--ds-space-3) 0;
  line-height: 1.15;
  font-size: var(--ds-fs-display-sm);
  text-transform: uppercase;
}

.block-image-blocks-sm .card p {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  line-height: 1.6;
  color: var(--scheme-fg-soft);
  margin: 0 0 var(--ds-space-2) 0;
}

.block-image-blocks-sm .card p:last-child { margin-bottom: 0; }