/* ================================================================
   FOOTER
   ================================================================ */
#footer { background: var(--charcoal); padding: 32px 0; text-align: center; }
.footer-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.footer-logo-text { font-family: var(--font-display); font-weight: 600; font-size: 20px; color: white; letter-spacing: 0.05em; }
.footer-links { display: flex; gap: 28px; flex-wrap: wrap; justify-content: center; }
.footer-link { font-weight: 400; font-size: 13px; color: rgba(255,255,255,0.5); text-decoration: none; transition: color 200ms ease; }
.footer-link:hover { color: white; }
.footer-copy { font-weight: 300; font-size: 12px; color: rgba(255,255,255,0.35); }

@media (max-width: 640px) {
  .footer-inner { padding: 0 20px; }
}