.site-footer{
  min-height:132px;
  padding:30px max(5vw,calc((100vw - 1520px)/2));
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) auto auto;
  align-items:center;
  gap:clamp(24px,4vw,58px);
  background:#f7f7f3;
  color:#747b7e;
  border-top:0 solid var(--line);
  font-size:11px;
}
body.home .site-footer{background:#f3f3ef}
.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#202425;font-weight:600;letter-spacing:-.025em}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-logo{display:block;width:31px;height:31px;overflow:hidden;border-radius:7px;flex:none}
.footer-logo img{display:block;width:43px;height:43px;max-width:none;transform:translate(-6px,-5.5px)}
.footer-brand span{display:flex;align-items:baseline;gap:7px}
.footer-maker{font:450 8px/1 Inter,sans-serif;color:#8a9092;letter-spacing:0;text-transform:none;transition:color .2s ease}
.footer-maker:hover{color:#202425}
.footer-copyright{color:#8a9092;font-size:9px;font-weight:450;line-height:1.35}
.footer-note{margin:0;text-align:center;color:#858b8e;font-size:11px}
.footer-links{display:flex;gap:22px}
.footer-links a{transition:color .2s ease}
.footer-links a:hover{color:#202425}
.site-footer button{font:inherit}
.to-top{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#f8f8f5;color:#202425;cursor:pointer}
.to-top:hover{background:var(--lime-soft);border-color:#adc68e;color:#202425}

@media(max-width:780px){
  .site-footer{grid-template-columns:1fr auto;padding-inline:20px}
  .footer-note{grid-column:1/-1;grid-row:2;text-align:left}
  .footer-links{grid-column:1/-1;grid-row:3;flex-wrap:wrap}
  .to-top{grid-column:2;grid-row:1}
}
@media(max-width:520px){
  .site-footer{gap:18px}
  .footer-links{gap:16px}
}