.js .hero-reveal,
.js .site-header,
.js .hero-visual,
.js .hero-note {
  visibility: hidden;
}

.js .hero-reveal.is-revealed,
.js .site-header.is-revealed,
.js .hero-visual.is-revealed,
.js .hero-note.is-revealed {
  visibility: visible;
}

.hero-image,
.process-track,
.hero-reveal,
.reveal-block,
.site-header,
.hero-visual,
.hero-note,
.mobile-whatsapp {
  backface-visibility: hidden;
}

.hero-image,
.process-track {
  will-change: transform;
}

.reveal-block,
.hero-reveal,
.hero-visual,
.hero-note {
  will-change: transform, opacity;
}

.aligner-line-one {
  animation: aligner-float 7s ease-in-out infinite;
}

.aligner-line-two {
  animation: aligner-float-two 7s ease-in-out infinite;
}

@keyframes aligner-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(-14deg);
  }
  50% {
    transform: translate3d(-8px, 10px, 0) rotate(-11deg);
  }
}

@keyframes aligner-float-two {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(-8deg) scale(0.86);
  }
  50% {
    transform: translate3d(7px, -8px, 0) rotate(-12deg) scale(0.86);
  }
}

@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;
  }

  .hero-image,
  .process-track {
    transform: none !important;
  }
}