/* Mobile-only paint reduction. Decorative motion is preserved on desktop,
   while small screens avoid running nonessential animation work during scroll. */
@media (max-width: 640px) {
  .animate-rotate-slow,
  .animate-slide-up,
  .animate-pulse-soft {
    animation: none !important;
  }

  footer[role="contentinfo"],
  #footer {
    content-visibility: auto;
    contain-intrinsic-size: 680px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}