/* Honour the visitor's accessibility preferences on the design pages. All reduced-motion CSS
   lives here; the only JavaScript part is lite-hero.js, which decides whether the WebGL hero
   shader starts at all (hiding its canvas from CSS would also hide the gradient layer it
   replaces). Rules are !important because the pages' own styles come later in the cascade. */

@media (prefers-reduced-motion: reduce) {
  .scroll-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
  #hero-chat-container.is-expanded { animation-duration: 1ms !important; }
  #heroChatBackdrop { transition-duration: 1ms !important; }
  #heroBackgroundImage {
    animation: none !important;
    transform: scale(1.05) !important;
  }
  #heroBackgroundImage::before {
    animation: none !important;
  }
}

/* Frosted-glass surfaces re-blur whatever moves behind them on every frame. */
@media (prefers-reduced-transparency: reduce) {
  * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}