/* Behaviour-layer styles.
 *
 * Everything visual comes from ciora.css (the site's compiled Tailwind sheet).
 * This file only carries the few rules a vanilla JS rebuild needs on top of it.
 */

/* The drawer animates with a transform class flip, so keep it on its own layer. */
[data-nav-drawer] {
  will-change: transform;
}

/* Marquee + ambient loops are decorative: stop them when motion is reduced. */
@media (prefers-reduced-motion: reduce) {
  .animate-marquee-left,
  .animate-marquee-right,
  .animate-pulse,
  .animate-float {
    animation: none !important;
  }
}