/* ============================================================
   CLOSING CTA
   ============================================================ */

.cta {
  background: var(--ink);
  color: var(--on-dark);
  position: relative;
  overflow: hidden;
  text-align: center;
}
.cta::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -30%;
  width: 900px;
  height: 900px;
  transform: translateX(-50%);
  background: radial-gradient(closest-side, rgba(199,164,114,0.13), rgba(199,164,114,0));
  pointer-events: none;
}

.cta__inner {
  position: relative;
  display: grid;
  justify-items: center;
  gap: clamp(1.25rem, 2.5vw, 1.9rem);
}
.cta__inner .eyebrow::before { display: none; }

.cta__title {
  font-size: var(--fs-h1);
  max-width: 17ch;
}
.cta__lead { text-align: center; max-width: 52ch; }

.cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 0.75rem;
}

.cta__fine {
  margin-top: clamp(1.5rem, 3vw, 2.25rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 22px;
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--on-dark-3);
}
.cta__fine span { display: inline-flex; align-items: center; gap: 8px; }
.cta__fine svg { width: 12px; height: 12px; color: var(--bronze-lite); }

@media (max-width: 560px) {
  .cta__actions .btn { flex: 1 1 100%; }
}