/* ============================================================
   ASTRON — SEÇÃO 1: ABERTURA
   ============================================================ */

.hero__headline {
  font-size: 62px;
  font-weight: 600;
  line-height: 1.0;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

/* Destaque de palavras dentro da headline. */
.hero__headline span {
  color: var(--accent);
}

.hero__lead {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--fg-mute);
  max-width: 36ch;
  margin-top: 28px;
}

@media (max-height: 800px) {
  .hero__headline {
    font-size: 48px
  }

  .hero__lead {
    font-size: 19px;
    margin-top: 20px
  }
}

@media (max-width: 768px) {
  .hero__headline {
    font-size: 34px
  }

  .hero__lead {
    font-size: 17px;
    margin-top: 18px
  }
}

.hero__lead strong {
  color: var(--accent);
  font-weight: 600;
}

.hero__lead strong {
  color: var(--accent);
  font-weight: 600;
}

.hero__lead strong.is-bright {
  color: var(--fg);
}