/**
 * New Media Animation (NMA) — Motion & Animation Subsystem
 * Strictly obeys prefers-reduced-motion as per PRD Section 13
 */

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulseYellow {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 201, 40, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 201, 40, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 201, 40, 0);
  }
}

.animate-fade-in {
  animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-delay-1 { animation-delay: 0.1s; }
.animate-delay-2 { animation-delay: 0.2s; }
.animate-delay-3 { animation-delay: 0.3s; }
.animate-delay-4 { animation-delay: 0.4s; }

/* Subtle glow pulse on admission tags */
.pulse-tag {
  animation: pulseYellow 3s infinite;
}

@media (prefers-reduced-motion: reduce) {
  .animate-fade-in,
  .pulse-tag {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}