/* ── footer ─────────────────────────────────────────────────── */

footer {
  border-top: 1px solid var(--line-2);
  padding-block: var(--s-3) var(--s-4);
  font-size: var(--t-small);
  color: var(--ink-2);
}

footer .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--s-2) var(--s-3);
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2) 20px;
}
.footer-links a { transition: color var(--fast) var(--ease); }
.footer-links a:hover { color: var(--ink); }