/*
 * Bottom CTA — two-column split.
 * Left: large multi-line heading. Right: subtext + button.
 * Source: brief.json > design_system > layout_patterns > split_section
 */

.bottom-cta {
  background-color: var(--color-navy);
  padding: var(--section-padding);
}

.bottom-cta__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}

/* ── Left: heading ────────────────────────────────────── */

.bottom-cta__heading {
  /* inherits h2 — let it wrap naturally across multiple lines */
  color: var(--color-text);
  font-size: clamp( 2rem, 4vw, 3.5rem );
  line-height: 1.05;
  text-transform: uppercase;
}

/* ── Right: subtext + button ──────────────────────────── */

.bottom-cta__right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}

.bottom-cta__subtext {
  font-family: var(--font-body);
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--color-text-muted);
}

/* ── Responsive ───────────────────────────────────────── */

@media (max-width: 768px) {
  .bottom-cta {
    padding: var(--section-padding-mobile);
  }

  .bottom-cta__inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}