/* Reversible scroll reveals are progressively enhanced in motion.js. */
.reveal,.reveal.is-visible { opacity:1; transform:none; transition-delay:0s; }
.reveal { transition-property:box-shadow,border-color; }
.hero-slider .hero-content { animation:none!important; }
.story-badge { animation:none; }
.btn,.filter-btn,.channel-arrow,.footer-social a { transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .btn:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(137,54,16,.15); }
  .btn:active { transform:translateY(0); }
  .footer-social a:hover { transform:translateY(-1px); }
  .contact-channel:hover .channel-arrow { transform:none; }
  .dish-card { transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
  .dish-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(74,37,15,.12); }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}