.kndsb-hero {
  background: linear-gradient(120deg, var(--kndsb-color-primary-dark), var(--kndsb-color-primary));
  color: #fff;
  padding: clamp(2.5rem, 8vw, 6rem) max(20px, calc((100vw - var(--kndsb-content-width)) / 2));
}

.kndsb-hero__title {
  color: inherit;
  font-size: clamp(2.4rem, 6vw, 4.8rem);
  line-height: 1.03;
  margin: 0;
  max-width: 14ch;
}

.kndsb-hero__lead {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  max-width: 55ch;
}