.footer {
  background: var(--c-ink); color: var(--c-bg);
  padding: 3.5rem 4%;
  margin-top: auto;
}
.footer-inner {
  max-width: var(--max-w); margin: 0 auto;
  display: flex; justify-content: space-between; align-items: center;
  gap: 2rem; flex-wrap: wrap;
}
.footer-logo { font-family: var(--f-serif); font-size: 1.4rem; display: block; margin-bottom: .4rem; }
.footer-brand p { font-size: .8rem; color: rgba(248,246,241,.4); }
.footer-nav { display: flex; gap: 2.2rem; flex-wrap: wrap; }
.footer-nav a { font-size: .78rem; color: rgba(248,246,241,.5); transition: color var(--transition); letter-spacing: .04em; }
.footer-nav a:hover { color: var(--c-accent); }
.footer-copy { font-size: .72rem; color: rgba(248,246,241,.28); }
@media (max-width: 600px) { .footer-inner { flex-direction: column; align-items: flex-start; } }