.cta-banner {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: var(--color-primary);
  padding: clamp(4rem, 8vw, 7rem) 0;
  color: #ffffff;
}

.cta-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 820px;
}

.cta-content h2 {
  margin: 0 0 var(--space-md);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-light);
  font-size: clamp(2rem, 4.5vw, var(--fs-h1));
  letter-spacing: var(--letter-spacing-heading);
  color: #ffffff;
  line-height: 1.05;
}

.cta-content p {
  margin: 0;
  max-width: 54ch;
  font-family: var(--font-family-body);
  font-size: var(--fs-p);
  line-height: var(--line-height-body);
  color: rgba(255, 255, 255, 0.8);
}