/* ================================================
   SCROLL ANIMATION UTILITIES
   ================================================ */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.parallax-wrap {
  overflow: hidden;
}

/* ================================================
   MOBILE SMALL (< 640px)
   ================================================ */
@media (max-width: 639px) {
  .hero--video {
    min-height: 70vh;
  }

  .hero__actions {
    flex-direction: column;
  }

  .hero__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .stats {
    gap: var(--space-6);
  }

  .stat__value {
    font-size: var(--font-size-3xl);
  }

  .footer__grid {
    text-align: center;
  }

  .footer__brand {
    margin-left: auto;
    margin-right: auto;
  }

  .footer__social {
    justify-content: center;
  }
}

/* ================================================
   TABLET (768px+)
   ================================================ */
@media (min-width: 768px) {
  .hero--video {
    min-height: 90vh;
  }
}

/* ================================================
   DESKTOP (1024px+)
   ================================================ */
@media (min-width: 1024px) {
  .hero--video .hero__content {
    max-width: 38rem;
  }
}