/* ============================================================
   animations.css — idle micro-motion only. The scroll choreography
   and the reduced-motion end-state are handled in JS (the WebGL
   engine sets overlay opacities/transforms inline). This file just
   covers the ambient scroll hint.
   ============================================================ */

@keyframes sr-bob {
  0%, 100% { transform: translateY(0); opacity: 0.9; }
  50%      { transform: translateY(6px); opacity: 0.5; }
}
.sr-scroll-hint {
  transition: opacity 0.4s ease;
  animation: sr-bob 1.9s ease-in-out infinite;
}
.sr-stage.is-pinned .sr-scroll-hint {
  animation: none;
}

.sr-demo-arrow {
  color: #d4af37;
  font-size: 1.6rem;
  animation: sr-bob 1.8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .sr-scroll-hint,
  .sr-demo-arrow { animation: none; }
}