.site-footer {
  margin-top: 50px;
  padding: 54px clamp(22px, 6vw, 76px);
  background: #171b2d;
  color: white;
  border-radius: 38px 38px 0 0;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.3fr repeat(3, 1fr);
  gap: 28px;
}
.site-footer p, .site-footer a { color: rgba(255,255,255,.72); }
.site-footer h3 { font-size: 1.35rem; margin-bottom: 14px; }
.footer-links { display: grid; gap: 10px; }
.social-icons { display: flex; gap: 12px; }
.social-icons a {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  color: white;
}
.footer-bottom { margin-top: 36px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); }
@media (max-width: 800px) { .footer-grid { grid-template-columns: 1fr; } }