/* === GSAP Initial States — via JS only === */
/* Hero elements start visible (no-JS fallback). GSAP animates from() inline. */

.hero__logo,
.hero__title,
.hero__subtitle,
.hero__actions {
  will-change: transform, opacity;
}

/* === Reduced Motion === */

@media (prefers-reduced-motion: reduce) {
  .section__header h2 {
    background-size: 100% !important;
    animation: none !important;
  }

  body > canvas {
    display: none !important;
  }

  .nav__logo:hover img {
    filter: none !important;
    transform: none !important;
  }

  .hero__logo {
    animation: none !important;
    transform: none !important;
  }

  .card {
    transform: none !important;
    transition: border-color var(--transition-default) !important;
  }

  .card::before,
  .card::after {
    display: none !important;
  }

  .btn-primary::after,
  .btn-secondary::after {
    animation: none !important;
    display: none !important;
  }
}