.site-footer {
  display: block; padding: 0; background: #142039; color: #fff;
  font-size: 14px;
}
.footer-mast, .footer-legal {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; border-top: 1px solid #485974;
}
.footer-mast { padding-block: clamp(30px,4vw,64px); }
.footer-mark img { display: block; width: clamp(100px,9vw,144px); filter: brightness(0) invert(1); }
.footer-links { display: flex; flex-wrap: wrap; column-gap: clamp(15px,2.6vw,42px); }
.footer-legal { color: #c4daff; padding-block: 13px; font-size: 13px; }
.footer-legal small { margin-right: auto; font-size: inherit; }
.footer-top { width:44px; height:44px; justify-content:center; border:1px solid #657797; border-radius:50%; }
.footer-top:hover { background:#263752; }
.site-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.site-footer a:focus-visible { outline-color: #c4daff; }
@media (max-width: 650px) {
  .footer-mast { display: grid; justify-content: start; gap: 10px; padding-block: 24px 12px; }
  .footer-links { column-gap: 22px; }
  .footer-legal { padding-block:10px 16px; }
}