.eq {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 34px;
    justify-content: center;
    margin: 0 auto;
}

.eq span {
    width: 3px;
    background-color: var(--gold);
    border-radius: 1px;
    animation: eqbeat 1.1s ease-in-out infinite;
}

.eq span:nth-child(1) { height: 40%; animation-delay: -1.0s; }
.eq span:nth-child(2) { height: 70%; animation-delay: -0.8s; }
.eq span:nth-child(3) { height: 100%; animation-delay: -0.6s; }
.eq span:nth-child(4) { height: 55%; animation-delay: -0.4s; }
.eq span:nth-child(5) { height: 85%; animation-delay: -0.2s; }
.eq span:nth-child(6) { height: 35%; animation-delay: 0s; }
.eq span:nth-child(7) { height: 65%; animation-delay: -0.9s; }
.eq span:nth-child(8) { height: 95%; animation-delay: -0.5s; }

@keyframes eqbeat {
    0%, 100% { transform: scaleY(0.35); }
    50% { transform: scaleY(1); }
}

.eq-divider {
    display: flex;
    justify-content: center;
    gap: 5px;
    padding: var(--space-8) 0;
}

.eq-divider span {
    width: 4px;
    background: linear-gradient(var(--gold), transparent);
    border-radius: 1px;
    animation: eqbeat 1.4s ease-in-out infinite;
}