/* ── footer.css ── */

footer {
  background: var(--ink); color: rgba(255,255,255,.4); padding: 36px 48px;
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 16px; font-size: 13px;
}

.footer-left { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }

.footer-logo {
  font-family: var(--font-disp); font-weight: 700; font-size: 13px;
  letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.7);
}

footer a { color: rgba(255,255,255,.4); text-decoration: none; transition: color .15s; }
footer a:hover { color: var(--white); }

.footer-links { display: flex; gap: 22px; flex-wrap: wrap; }

@media (max-width: 720px) {
  footer { padding: 28px 20px; flex-direction: column; align-items: flex-start; }
}