/* ==========================================================================
   footer.css — dark site footer.
   ========================================================================== */
.site-footer {
  background: var(--color-bg-dark); color: #fff;
  padding-block: clamp(2.5rem, 6vw, 3.5rem);
}
.site-footer__inner {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  gap: 1.25rem;
}
.site-footer__logo { height: 46px; width: auto; }
.site-footer__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 1.5rem; }
.site-footer__nav a { color: #fff; font-family: var(--font-display); font-weight: var(--fw-medium); }
.site-footer__nav a:hover { color: var(--color-brand); }
.site-footer__social { display: flex; gap: 1.5rem; }
.site-footer__social a { color: rgba(255,255,255,0.75); font-size: 0.95rem; }
.site-footer__social a:hover { color: var(--color-brand); }
.site-footer__copy { color: rgba(255,255,255,0.55); font-size: 0.9rem; margin: 0; }