.site-footer {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 44px var(--page-pad) 64px;
  border-top: 1px solid var(--c-line);
  display: flex; justify-content: space-between; align-items: center;
  gap: 24px; flex-wrap: wrap;
}
.site-footer__brand {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--c-text-3); font-size: 13px;
}
.site-footer__brand strong { color: var(--c-text); font-weight: 600; }
.site-footer__brand span { margin-left: 4px; }

.site-footer__nav { display: inline-flex; gap: 24px; flex-wrap: wrap; }
.site-footer__nav a {
  font-size: 13px; color: var(--c-text-2);
  transition: color .2s var(--ease);
}
.site-footer__nav a:hover { color: var(--c-text); }