/* ─────────────────────────────────────────────────────────────────
   block-image-button-text-card — single big hero card
   text on left, image + CTA button on right.
   This is a hero panel, so radius=lg and shadow=md (overrides
   the default .section .card sm shadow). All other surface tokens
   (background, border, color) inherit from .section .card.
   ───────────────────────────────────────────────────────────── */

.block-image-button-text-card .card {
  border-radius: var(--ds-radius-lg);
  box-shadow: var(--ds-shadow-md);
}

.block-image-button-text-card .card-body {
  padding: var(--ds-space-7) var(--ds-space-6);
}

.block-image-button-text-card h1,
.block-image-button-text-card h2,
.block-image-button-text-card h3 {
  font-family: var(--ds-font-display);
  font-weight: 400;
  letter-spacing: 0.005em;
  color: var(--scheme-card-fg);
  margin: 0 0 var(--ds-space-4) 0;
  line-height: 1.1;
  text-transform: uppercase;
}

.block-image-button-text-card h2 { font-size: var(--ds-fs-display-lg); }
.block-image-button-text-card h3 { font-size: var(--ds-fs-display-md); }

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

.block-image-button-text-card p:last-child { margin-bottom: 0; }

.block-image-button-text-card .btn,
.block-image-button-text-card .btn-primary {
  margin-top: var(--ds-space-3);
}

.block-image-button-text-card .small {
  font-family: var(--ds-font-mono);
  font-size: var(--ds-fs-eyebrow);
  color: var(--scheme-fg-mute);
  letter-spacing: 0.04em;
  margin-top: var(--ds-space-2);
}

@media (max-width: 991px) {
  .block-image-button-text-card .card-body { padding: var(--ds-space-6) var(--ds-space-5); }
  .block-image-button-text-card .col-lg-6 + .col-lg-6 { margin-top: var(--ds-space-5); }
}

@media (max-width: 600px) {
  .block-image-button-text-card .card-body { padding: var(--ds-space-5) var(--ds-space-4); }
}