/* ============================================================
   COMPONENT: Site footer
   ============================================================ */

.site-footer {
  border-top: 1px solid var(--color-line);
  padding-block: var(--space-6) var(--space-4);
}
.site-footer__inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: var(--space-5);
  align-items: start;
}
.site-footer__logo { height: clamp(58px, 5vw, 78px); width: auto; }
.site-footer__brand p { margin-top: var(--space-3); }

.site-footer__nav { display: flex; flex-direction: column; gap: 0.6rem; }
.site-footer__nav a { color: var(--color-text-dim); transition: color var(--dur-fast) var(--ease-out); }
.site-footer__nav a:hover { color: var(--color-text); }

.site-footer__contact { display: flex; flex-direction: column; gap: var(--space-2); align-items: flex-start; }

.site-footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  margin-top: var(--space-6);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-line-soft);
  font-size: var(--fs-sm);
}

@media (max-width: 760px) {
  .site-footer__inner { grid-template-columns: 1fr; gap: var(--space-4); }
  .site-footer__bottom { flex-direction: column; }
}