.hero-inner {
  padding-top: clamp(72px, 12vh, 140px);
}
.hero-h,
.hero-h1,
.hero h1 {
  text-wrap: pretty;
}
.hero-cta .cta-ghost,
.hero-cta .cta-secondary,
.hero-cta-row .cta-ghost,
.hero-cta-row .cta-secondary {
  display: none !important;
}
@media (min-width: 901px) {
  #hud ~ .hero-content {
    --hero-l:56px;
    --hud-w:430px;
    --hud-r:clamp(40px,5vw,72px);
    --hud-gap:48px;
    max-width: calc(100% - var(--hero-l) - var(--hud-r) - var(--hud-w) - var(--hud-gap));
  }
}
@media (min-width: 901px) and (max-width: 1180px) {
  #hud ~ .hero-content {
    --hud-w:330px;
    --hud-r:24px;
    --hud-gap:32px;
  }
}
@media (min-width: 901px) and (max-width: 1100px) {
  #hud ~ .hero-content {
    --hero-l:24px;
  }
}