:root { --animation-duration: .8s; }

.animsition-loading { border-color: var(--brown) transparent var(--brown) transparent !important; }

html.reduce-motion .js-reveal-ready,
html.reduce-motion .js-detail-reveal { opacity: 1 !important; visibility: visible !important; transform: none !important; }

html.reduce-motion .hero-photo { transform: none !important; }

@media (prefers-reduced-motion: reduce) {
  .work-card:hover,
  .photo-card:hover,
  .gallery-cta .btn:hover,
  .contact-form button:hover,
  .load-more:hover,
  .pill-link:hover { transform: none; }
}