@keyframes scroll-dot {
  0% { opacity: 0; transform: translate(-50%, 0); }
  25% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, 15px); }
}

@keyframes orb-spin {
  to { transform: rotate(1turn); }
}

@keyframes airflow {
  0%, 100% { opacity: .18; transform: translateX(0) rotate(-13deg) scaleX(.88); }
  50% { opacity: .62; transform: translateX(-7%) rotate(-13deg) scaleX(1.08); }
}

@keyframes neural-drift {
  to { transform: translate(48px, 48px); }
}

.reveal {
  opacity: 0;
  transform: translate3d(0, 42px, 0);
  transition:
    opacity .9s cubic-bezier(.22, 1, .36, 1),
    transform 1s cubic-bezier(.22, 1, .36, 1),
    filter 1s cubic-bezier(.22, 1, .36, 1),
    clip-path 1.15s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform;
}

.reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.reveal--blur {
  filter: blur(16px);
  transform: translate3d(0, 28px, 0) scale(.985);
}

.reveal--blur.is-visible {
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.reveal--scale {
  transform: scale(.92);
}

.reveal--scale.is-visible {
  transform: scale(1);
}

.reveal--mask {
  opacity: 1;
  clip-path: inset(0 0 100% 0 round 18px);
  transform: none;
}

.reveal--mask.is-visible {
  clip-path: inset(0 0 0 0 round 18px);
}

.values__grid .reveal:nth-child(2),
.technology__grid .reveal:nth-child(2) { transition-delay: .08s; }

.values__grid .reveal:nth-child(3),
.technology__grid .reveal:nth-child(3) { transition-delay: .16s; }

.values__grid .reveal:nth-child(4) { transition-delay: .06s; }
.values__grid .reveal:nth-child(5) { transition-delay: .14s; }
.values__grid .reveal:nth-child(6) { transition-delay: .22s; }

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

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

  .reveal,
  .reveal--blur,
  .reveal--scale,
  .reveal--mask {
    opacity: 1;
    clip-path: none;
    filter: none;
    transform: none;
  }

  .cursor-glow { display: none; }
}