/**
 * Luxury Transitions — mobile overrides and utility classes
 * reduced animation durations on mobile/touch devices
 * slow transitions feel luxurious on desktop but laggy on mobile
 */

@media (max-width: 768px), (hover: none) {
  :root {
    --t-glacial: 1.7s;
    --t-slow:    1.1s;
    --t-medium:  0.7s;
    --t-gentle:  0.5s;
    --t-subtle:  0.3s;
  }
}

/* prefers reduced motion — respect user preferences */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .reveal,
  .reveal-fade,
  .reveal-scale {
    opacity: 1;
    transform: none;
  }
}