/* MOOD'S Coffee — animation keyframes + reduced-motion safety */

@keyframes scroll-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(6px); }
}

/* Card enter state is applied by JS (menu.js) so no-JS users see everything. */
.card.enter { opacity: 0; transform: translateY(28px); }

.no-anim .reveal-frame::after { display: none; }
.no-anim .card.enter { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .reveal-frame::after { display: none; }
  .card.enter { opacity: 1; transform: none; }
  .hero__bg img { transform: none; }
}