.cta-banner {
  position: relative;
  background: var(--section-bg, #0A0A0A);
  color: var(--section-text, #fff);
  text-align: center;
  overflow: hidden;
}
.cta-banner__media { position: absolute; inset: 0; }
.cta-banner__image { width: 100%; height: 100%; object-fit: cover; }
.cta-banner__overlay { position: absolute; inset: 0; background: rgba(10,10,10,0.55); }
.cta-banner__content { position: relative; z-index: 2; max-width: 720px; margin-inline: auto; padding-inline: var(--gutter); }
.cta-banner__heading { font-size: clamp(2rem, 4.4vw, 3.5rem); margin-bottom: 18px; }
.cta-banner__text { margin-bottom: 32px; color: rgba(255,255,255,0.8); font-weight: 300; }