.banner-v170__subheading {
  font-weight: 400;
  font-size: calc(var(--font-heading-scale) * 1.3rem);
  line-height: calc(1 + 0.1 / var(--font-heading-scale));
  color: color-mix(in srgb, rgb(var(--color-foreground)) calc(1 * 100%), #ffffff);
  opacity: 0.7;
}

.banner-v170__heading {
  font-weight: 400;
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
  margin-top: 0.8rem;
  margin-bottom: 3rem;
  text-transform: none;
  font-size: clamp(3rem, calc(0.75vw + 2.7rem), 3.6rem);
  color: color-mix(in srgb, rgb(var(--color-foreground)) calc(1 * 100%), #ffffff);
}
@media (min-width: 992px) {
  .banner-v170__heading {
    margin-bottom: 4.8rem;
  }
}

.banner-v170__desc {
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-weight: 400;
  color: color-mix(in srgb, rgb(var(--color-foreground)) calc(1 * 100%), #ffffff);
  margin: 1.6rem 0;
}