/* ===== FOOTER ===== */
.footer {
      padding: 32px 24px;
      background: var(--dark); color: rgba(255,255,255,.6);
      text-align: center; font-size: .85rem;
    }
    .footer a { color: var(--yellow); }
    .footer a:hover { color: #fff; }
    @media (max-width: 600px) {
      .footer { padding: 24px 16px; font-size: .8rem; }
      .footer br { display: none; }
    }