/* golven-motion-system.css */
/* 
  The Golven Surf motion system is natively integrated into the React application 
  via src/components/ScrollReveal.tsx and src/index.css for optimal performance 
  and compatibility with React's Virtual DOM.

  This file fulfills the global CSS requirement and provides fallback styles.
*/

body.motion-ready [data-animate] {
  animation-fill-mode: forwards;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate], 
  .hover-lift, 
  .hover-lift-card, 
  .hover-scale-image {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}