.cta-band { position: relative; overflow: hidden; }
/* Soft slate wash so the band is not a flat rectangle. */
.cta-band::before {
  content: '';
  position: absolute;
  inset: -40% -10% auto auto;
  width: 46rem; height: 46rem;
  background: radial-gradient(circle, rgb(105 141 169 / 0.35), transparent 62%);
  pointer-events: none;
}
.cta-band__inner {
  position: relative;
  display: grid;
  gap: var(--s-7);
  align-items: end;
}
@media (min-width: 56em) {
  .cta-band__inner { grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-10); }
}
.cta-band .section-head { margin-bottom: 0; }
.cta-band__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-5); }
.cta-band__secondary {
  color: var(--fg-invert-muted);
  font-size: var(--fs-sm);
  font-weight: 700;
  text-underline-offset: 0.25em;
}
.cta-band__secondary:hover { color: #fff; }