@keyframes depth-float {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 -10px;
  }
}

[data-depth-scene] .depth-halo {
  animation: depth-float 8.6s ease-in-out infinite;
}

[data-depth-scene] .depth-plane-mid,
[data-depth-scene] .depth-card-left {
  animation: depth-float 6.8s ease-in-out infinite;
}

[data-depth-scene] .depth-plane-front,
[data-depth-scene] .depth-card-right {
  animation: depth-float 5.4s ease-in-out infinite reverse;
}

[data-depth-scene] .depth-card-front {
  animation: depth-float 4.8s ease-in-out infinite;
}

[data-depth-scene] .depth-core {
  animation: depth-float 5.9s ease-in-out infinite reverse;
}

[data-depth-scene] .depth-card-left {
  animation-delay: 280ms;
}

[data-depth-scene] .depth-card-right {
  animation-delay: 620ms;
}

[data-depth-scene] .depth-card-front {
  animation-delay: 940ms;
}

[data-depth-scene] .depth-core {
  animation-delay: 460ms;
}

@media (prefers-reduced-motion: reduce) {
  [data-depth-scene] .depth-halo,
  [data-depth-scene] .depth-plane,
  [data-depth-scene] .depth-card,
  [data-depth-scene] .depth-core {
    animation: none;
  }
}