/* Só esconde se o JS estiver ativo (classe "js" posta pelo boot.js) */
.js [data-animate="fade-up"] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s var(--ease-industrial), transform .7s var(--ease-industrial);
}
.js [data-animate="fade-up"].is-visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes spinSlow        { from { transform: rotate(0deg); }   to { transform: rotate(360deg); } }
@keyframes spinReverseSlow { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
@keyframes pulseGlow       { 0%,100% { opacity: .55; transform: scale(1); } 50% { opacity: 1; transform: scale(1.04); } }

.animate-gear-cw  { transform-origin: center; animation: spinSlow 45s linear infinite; }
.animate-gear-ccw { transform-origin: center; animation: spinReverseSlow 32s linear infinite; }
.animate-telemetry-pulse { animation: pulseGlow 3s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
  .animate-gear-cw, .animate-gear-ccw, .animate-telemetry-pulse { animation: none; }
  .js [data-animate="fade-up"] { opacity: 1; transform: none; transition: none; }
}