/* Effect: equalizer — v0.1.0 (nieuw in djturbeau.com v0.3.0, losgemaakt uit datachips)
   Decoratieve balkjes die op en neer veren in vuurkleuren. <span class="eq" aria-hidden="true"> met
   <i></i>-balkjes; .eq--groot voor een bredere versie (bv. in een vlak). Kost: laag (transform). */
.eq { display: inline-flex; align-items: flex-end; gap: 3px; height: 14px; }
.eq i { width: 3px; height: 100%; border-radius: 1px; background: linear-gradient(#ffd08a, var(--vuur, #ff6a00)); transform-origin: bottom; animation: eq-veer 0.9s ease-in-out infinite alternate; }
.eq i:nth-child(3n + 2) { animation-duration: 0.7s; animation-delay: -0.3s; }
.eq i:nth-child(3n) { animation-duration: 1.1s; animation-delay: -0.55s; }
.eq i:nth-child(4n) { animation-duration: 0.8s; animation-delay: -0.15s; }
.eq i:nth-child(5n) { animation-duration: 1.25s; animation-delay: -0.8s; }
.eq--groot { height: 46px; gap: 5px; }
.eq--groot i { width: 6px; border-radius: 2px; }
@keyframes eq-veer { from { transform: scaleY(0.18); } to { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) { .eq i { animation: none; transform: scaleY(0.55); } }