.drifting-mark { display: block; }
.drifting-mark circle {
  transform-box: fill-box;
  transform-origin: center;
  animation: vibara-drift 12s ease-in-out infinite alternate;
}
/* Gestaffelte Drift-Verzögerung pro Ring (ersetzt Inline-animation-delay). */
.drifting-mark circle:nth-child(1)  { animation-delay: 0s; }
.drifting-mark circle:nth-child(2)  { animation-delay: -0.3s; }
.drifting-mark circle:nth-child(3)  { animation-delay: -0.6s; }
.drifting-mark circle:nth-child(4)  { animation-delay: -0.9s; }
.drifting-mark circle:nth-child(5)  { animation-delay: -1.2s; }
.drifting-mark circle:nth-child(6)  { animation-delay: -1.5s; }
.drifting-mark circle:nth-child(7)  { animation-delay: -1.8s; }
.drifting-mark circle:nth-child(8)  { animation-delay: -2.1s; }
.drifting-mark circle:nth-child(9)  { animation-delay: -2.4s; }
.drifting-mark circle:nth-child(10) { animation-delay: -2.7s; }
.drifting-mark circle:nth-child(11) { animation-delay: -3s; }
.drifting-mark circle:nth-child(12) { animation-delay: -3.3s; }
.drifting-mark circle:nth-child(13) { animation-delay: -3.6s; }
.drifting-mark circle:nth-child(14) { animation-delay: -3.9s; }
@keyframes vibara-drift {
  0%   { transform: scale(0.96); }
  100% { transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  .drifting-mark circle { animation: none; }
}