.ns-hero {
  padding-top: var(--ns-pad-top, 96px);
  padding-bottom: var(--ns-pad-bottom, 56px);
}
.ns-hero .ns-hero__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 22px;
  text-align: center;
}
.ns-hero .ns-hero__title {
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 1.05;
  max-width: 980px;
  text-wrap: balance;
}
.ns-hero .ns-hero__lead {
  color: var(--ns-ink-80);
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 300;
  line-height: 1.45;
  max-width: 780px;
  text-wrap: pretty;
}
.ns-hero .ns-hero__actions {
  justify-content: center;
  margin-top: 6px;
}

@media screen and (max-width: 599px) {
  .ns-hero {
    padding-top: var(--ns-pad-top, 64px);
    padding-bottom: var(--ns-pad-bottom, 40px);
  }
  .ns-hero .ns-hero__actions {
    flex-direction: column;
    gap: 4px;
  }
}