/* Tablet · até 900px */
@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr;
    padding: 7rem 2.5rem 3rem;
    align-items: start;
  }

  .hero__content {
    grid-column: 1;
    max-width: 100%;
  }

  .site-header {
    top: 2.5rem;
    left: 2.5rem;
  }

  .site-header__logo img {
    width: 110px;
  }

  .splash__lottie {
    width: 180px;
    height: 180px;
  }
}

/* Mobile · até 600px */
@media (max-width: 600px) {
  .hero {
    padding: 11rem 2rem 3rem;
    min-height: 100vh;
    min-height: 100dvh;
  }

  .hero__title {
    font-size: clamp(2rem, 9vw, 2.75rem);
    margin-bottom: var(--space-lg);
  }

  .hero__text {
    font-size: 0.9375rem;
    line-height: 1.55;
    margin-bottom: var(--space-md);
  }

  .site-header {
    top: 2.5rem;
    left: 2rem;
  }

  .site-header__logo img {
    width: 92px;
  }

  .splash__lottie {
    width: 140px;
    height: 140px;
  }
}

/* Mobile pequeno · até 380px */
@media (max-width: 380px) {
  .hero {
    padding: 10rem 1.75rem 2.5rem;
  }

  .hero__title {
    font-size: 1.875rem;
  }

  .site-header {
    top: 2rem;
    left: 1.75rem;
  }

  .site-header__logo img {
    width: 84px;
  }
}