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

  html {
    scroll-behavior: auto;
  }

  .preloader {
    display: none !important;
  }

  body.is-loading {
    overflow: auto !important;
  }

  .hero__mesh,
  .hero__shapes span,
  .hero__scroll-line::after {
    animation: none !important;
  }

  .work__card,
  .work__card-icon,
  .work__card-visual::before,
  .text-char,
  .services__item {
    transition: none !important;
  }

  .hero__content,
  .hero__scroll-indicator,
  .hero__bg,
  .video-transition__frame,
  .video-transition__frame-img,
  .vt-word,
  .work__gallery,
  .services__item,
  .about__text,
  .about .btn,
  .about__image-wrap,
  .footer__col {
    will-change: auto;
  }
}