/* ==========================================================================
   Block 13 — Footer
   ========================================================================== */

.site-footer {
  background: var(--color-ink);
  color: var(--color-text-inverse-muted);
  padding-top: var(--space-2xl);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: var(--space-lg);
  padding-bottom: var(--space-xl);
  border-bottom: 1px solid var(--color-border-dark);
}

.site-footer__brand img { height: 64px; width: auto; margin-bottom: var(--space-sm); }
.site-footer__brand p { font-size: var(--fs-small); line-height: var(--lh-body); max-width: 26ch; }

.site-footer__social {
  display: flex;
  gap: var(--space-sm);
  margin-top: var(--space-md);
}
.site-footer__social a {
  width: 34px; height: 34px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--color-border-dark);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  transition: border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.site-footer__social a:hover { border-color: var(--color-accent); color: var(--color-accent); }

.site-footer__col h3 {
  font-family: var(--font-body);
  font-size: var(--fs-micro);
  letter-spacing: 0.06em;
  color: var(--color-text-inverse);
  margin-bottom: var(--space-sm);
}
.site-footer__col ul { display: flex; flex-direction: column; gap: var(--space-xs); }
.site-footer__col a, .site-footer__col li { font-size: var(--fs-small); }
.site-footer__col a:hover { color: var(--color-accent); }
.site-footer__col p { font-size: var(--fs-small); margin-bottom: var(--space-2xs); }

.site-footer .btn--text { color: var(--color-accent); border-color: var(--color-accent); }

.site-footer__bottom {
  padding-block: var(--space-md);
  font-size: var(--fs-micro);
}

@media (max-width: 900px) {
  .site-footer__grid { grid-template-columns: 1fr 1fr; row-gap: var(--space-lg); }
}
@media (max-width: 560px) {
  .site-footer__grid { grid-template-columns: 1fr; }
}