@keyframes ripple-out {
  from { transform:translate(-50%,-50%) scale(1); opacity:.8; }
  to { transform:translate(-50%,-50%) scale(12); opacity:0; }
}

.cursor-ripple {
  position:fixed; width:5px; height:5px; border-radius:50%;
  background:var(--accent); pointer-events:none; z-index:calc(var(--z-cursor) - 1);
  animation:ripple-out .5s forwards;
}

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