/* ============================================
   FOOTER
   ============================================ */

footer {
  background: var(--ink); color: #555;
  padding: 3rem 4rem;
  display: flex; justify-content: space-between; align-items: center;
  font-size: 0.78rem; letter-spacing: 0.08em;
}
.footer-logo {
  font-family: 'Playfair Display', serif;
  font-size: 1rem; color: var(--gold); font-style: italic;
}
.footer-links { display: flex; gap: 2rem; }
.footer-links a { color: #555; text-decoration: none; transition: color 0.3s; }
.footer-links a:hover { color: var(--gold); }

@media (max-width: 900px) {
  footer { flex-direction: column; gap: 1.5rem; text-align: center; }
}

.footer-credit { display: block; text-align: center; margin-top: 0.4rem; font-size: 0.7rem; opacity: 0.8; }
.footer-credit a { color: inherit; text-decoration: none; transition: color 0.3s; }
.footer-credit a:hover { color: var(--gold); }