/* HORIZON V21 — compact landing hero typography.
   Final landing-only override. Keeps the hero readable without oversized display text. */

body.horizon-landing .hz-landing-hero-copy {
  max-width: 590px !important;
}

body.horizon-landing .hz-landing-title {
  width: 100% !important;
  max-width: 560px !important;
  margin: 18px 0 0 !important;
  color: var(--hz-text) !important;
  font-size: clamp(36px, 3.55vw, 48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.032em !important;
  font-weight: 650 !important;
  text-wrap: balance !important;
}

body.horizon-landing .hz-landing-title > span {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
}

body.horizon-landing .hz-landing-title-main {
  color: var(--hz-text) !important;
}

body.horizon-landing .hz-landing-title-accent {
  margin-top: 4px !important;
  color: var(--hz-primary, #3e63dd) !important;
}

body.horizon-landing .hz-landing-lead {
  max-width: 570px !important;
  margin-top: 19px !important;
}

@media (max-width: 1050px) {
  body.horizon-landing .hz-landing-title {
    max-width: 530px !important;
    font-size: clamp(34px, 4.6vw, 44px) !important;
    line-height: 1.09 !important;
  }
}

@media (max-width: 900px) {
  body.horizon-landing .hz-landing-hero-copy {
    max-width: 560px !important;
  }

  body.horizon-landing .hz-landing-title {
    max-width: 540px !important;
    font-size: clamp(32px, 5.7vw, 42px) !important;
    line-height: 1.1 !important;
  }
}

@media (max-width: 640px) {
  body.horizon-landing .hz-landing-title {
    max-width: 100% !important;
    margin-top: 14px !important;
    font-size: clamp(28px, 8vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.025em !important;
    font-weight: 640 !important;
  }

  body.horizon-landing .hz-landing-title-accent {
    margin-top: 3px !important;
  }
}

@media (max-width: 380px) {
  body.horizon-landing .hz-landing-title {
    font-size: 27px !important;
    line-height: 1.13 !important;
  }
}