@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse-line {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

.js .reveal-ready {
  visibility: visible;
}

.is-menu-open {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .mobile-menu {
    transition: none;
  }

  .motion-stage__line {
    transform: scaleX(1);
  }

  .motion-image__mask {
    display: none;
  }
}