.site-footer {
  padding: 64px 0 25px;
  color: #f6eee9;
  background: #28231f;
}
.site-footer .footer-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) repeat(2, minmax(130px, .7fr));
  gap: 45px;
  padding-bottom: 46px;
}
.footer-brand { max-width: 300px; }
.footer-brand .footer-logo {
  display: inline-block;
  margin-bottom: 18px;
}
.footer-logo img {
  width: 146px;
  height: auto;
  display: block;
}
.footer-brand p { margin: 0; color: rgba(255,255,255,.68); font-size: 15px; line-height: 1.48; }
.footer-title { margin: 5px 0 15px; color: #f2a184; font-size: 11px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.site-footer a { color: rgba(255,255,255,.76); text-decoration: none; }
.site-footer a:hover { color: #fff; }
.footer-links a { display: block; font-size: 14px; font-weight: 750; }
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 23px;
  border-top: 1px solid rgba(255,255,255,.16);
}
.footer-copyright { margin: 0; color: rgba(255,255,255,.52); font-size: 13px; }
.social-links { display: flex; flex-wrap: wrap; gap: 9px; }
.social-links a {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 50%;
  transition: color .18s ease, background .18s ease, transform .18s ease;
}
.social-links a:hover { color: #28231f; background: #fff; transform: translateY(-2px); }
.social-links svg { width: 16px; height: 16px; fill: currentColor; }

@media (max-width: 620px) {
  .site-footer { padding-top: 48px; }
  .site-footer .footer-grid { grid-template-columns: 1fr 1fr; gap: 33px 22px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { display: grid; gap: 18px; }
}