.footer { padding: 2.5rem 0; border-top: 1px solid var(--color-border); text-align: center; }
.footer__text { font-family: var(--font-mono); font-size: 0.65rem; color: var(--color-text-label); letter-spacing: 0.1em; }
.footer__links { display: flex; justify-content: center; gap: 1.5rem; margin-top: 0.75rem; }
.footer__link { font-family: var(--font-mono); font-size: 0.65rem; color: var(--color-text-label); transition: color var(--transition-fast); }
.footer__link:hover { color: var(--color-red-bright); }
.footer__logo { margin: 0 auto 0.6rem; opacity: 0.5; transition: opacity var(--transition-base); }
.footer__logo:hover { opacity: 0.8; }

/* Mobile: dock sits at bottom: 0.75rem and is ~3rem tall — pad the
   footer enough that its social links clear the dock comfortably. */
@media (max-width: 768px) {
  .footer { padding-bottom: 5.5rem; }
}