@keyframes panel-float {
  0%, 100% { transform: rotateX(8deg) rotateY(-13deg) rotateZ(-2deg) translate3d(0, 0, 0); }
  50% { transform: rotateX(7deg) rotateY(-11deg) rotateZ(-1.4deg) translate3d(0, -10px, 0); }
}

@keyframes chip-pulse {
  0%, 100% { box-shadow: 0 18px 54px rgba(0, 0, 0, .24); }
  50% { box-shadow: 0 18px 54px rgba(45, 180, 255, .22); }
}

.ops-panel {
  animation: panel-float 8s ease-in-out infinite;
}

.floating-chip {
  animation: chip-pulse 5s ease-in-out infinite;
}

[data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}

[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

html.nav-open,
html.nav-open body {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }

  [data-reveal] {
    opacity: 1;
    transform: none;
  }
}