.banner-v170__subheading {
  font-weight: 500;
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 1.7rem);
  line-height: calc(1 + 0.1 / var(--font-heading-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}

.banner-v170__heading {
  font-family: var(--font-custom-family);
  font-weight: 500;
  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(1.25vw + 2.5rem), 4rem);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}
@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, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  margin: 1.6rem 0;
}

.banner-v170__content {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}