/* Content is always visible. Motion never gates reading or interaction. */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
  .hero__content {
    animation: appear 0.4s ease-out;
  }
  @keyframes appear {
    from {
      opacity: 0.6;
    }
    to {
      opacity: 1;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}