/* ======================
   SHARED
   ====================== */
.footer {
    position: fixed;
    bottom: var(--space-lg);
    left: 0;
    right: 0;
    text-align: center;
    font-size: var(--text-small);
    color: var(--text-muted);
    letter-spacing: var(--ls-caption);
    opacity: 0.6;
    z-index: var(--z-footer);
}

.footer a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color var(--duration-normal) ease;
}

.footer a:hover {
    border-bottom-color: var(--accent);
}

.listen-experience.active ~ .footer {
    opacity: 0.4;
}

.listen-experience.performance-live ~ .footer {
    color: var(--warm-white);
    opacity: 0.3;
}