:root{
  --dot: rgba(255,255,255,.65); /* particle color */
  --size: 2px;                  /* particle size */
  --speed-1: 38s;               /* layer speeds */
  --speed-2: 62s;
  --density: 120;               /* how many positions per layer (for notes only) */
  --blur: 0.6px;                /* optional blur for a softer look */
}

@keyframes drift{
  0%   { transform: translate3d(0,0,0); }
  100% { transform: translate3d(-25vw, -25vh, 0); }
}

/* respect reduced-motion */
@media (prefers-reduced-motion: reduce){
  .footer::before,
  .footer::after{ animation: none; }
}