.site-footer {
  background: #000;
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}

.footer-icons {
  display: flex;
  align-items: center;
  gap: 16px;
}

.footer-icons a {
  display: flex;
  align-items: center;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.footer-icons a:hover {
  opacity: 1;
}

.footer-icons img {
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1);
}

.footer-copy {
  font-family: var(--font-body);
  font-size: 11px;
  color: #888;
  letter-spacing: var(--font-body-caption-ls);
}

@media (max-width: 768px) {
  .site-footer {
    flex-direction: column;
    gap: 12px;
    padding: 16px 20px;
    text-align: center;
  }
}