/* ===================== Footer ===================== */
.site-footer { background: var(--ramp-1); color: var(--on-dark-muted); padding: 34px 0; }
.footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.brand--footer .brand__slogan { color: var(--on-dark-faint); }
.footer__copy { margin: 0; font-size: .85rem; color: var(--on-dark-faint); }
.footer__links { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.footer__links a:hover { color: var(--accent); }