/* ============================================================
   HOUSE OF WOK — Animations
   All decorative motion is disabled under prefers-reduced-motion.
   ============================================================ */

@keyframes heroDrift {
  from { transform: scale(1.04) translateX(0); }
  to   { transform: scale(1.1) translateX(-1.5%); }
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: none; }
}
@keyframes pulseSoft {
  0%, 100% { box-shadow: 0 12px 30px rgba(217, 4, 18, 0.4); }
  50%      { box-shadow: 0 12px 38px rgba(217, 4, 18, 0.62); }
}
@keyframes spinSlow { to { transform: rotate(360deg); } }

.fade-up { animation: fadeUp 0.8s var(--ease) both; }
.fade-up-d1 { animation-delay: 0.1s; }
.fade-up-d2 { animation-delay: 0.2s; }
.fade-up-d3 { animation-delay: 0.3s; }

.float-order { animation: pulseSoft 3.2s ease-in-out infinite; }

/* underline grow for section headings */
.rule-grow { height: 1px; background: var(--line-gold); transform: scaleX(0); transform-origin: left; transition: transform 0.9s var(--ease) 0.2s; }
.rule-grow.in { transform: scaleX(1); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html.js .reveal { opacity: 1; transform: none; }
  .hero-bg { animation: none; }
  .float-order { animation: none; }
}