.site-footer{
  background:#292a2d;
  color:#fff;
  font-family:var(--sans);
}
.site-footer a{color:inherit}
.site-footer a:hover{color:rgba(255,255,255,.72)}
.site-footer p{color:inherit;font-size:inherit;line-height:inherit}
.site-footer__top{
  width:min(100% - (2 * var(--gutter)),1160px);
  min-height:136px;
  margin:0 auto;
  display:grid;
  grid-template-columns:300px minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
}
.site-footer__brand{
  font-size:24px;
  font-weight:500;
  letter-spacing:-.035em;
}
.site-footer__nav{
  display:flex;
  align-items:center;
  gap:30px;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
}
.site-footer__socials{
  display:flex;
  align-items:center;
  gap:10px;
}
.site-footer__socials a{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  font-size:14px;
  font-weight:700;
}
.site-footer__socials a:hover{
  color:#fff;
  border-color:#fff;
}
.site-footer__socials svg{
  width:20px;
  height:20px;
  fill:currentColor;
}
.site-footer__body{
  width:min(100% - (2 * var(--gutter)),1160px);
  margin:0 auto;
  padding:38px 0 40px;
  display:grid;
  grid-template-columns:1.25fr 1fr 1.4fr .8fr;
  column-gap:68px;
  row-gap:34px;
}
.site-footer__body::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  margin-top:-38px;
  border-top:1px solid rgba(255,255,255,.18);
}
.site-footer__body h2{
  margin:0 0 14px;
  color:#a3a5ae;
  font-size:14px;
  font-weight:400;
  line-height:1.25;
}
.site-footer__location h2:not(:first-child),
.site-footer__contact h2:not(:first-child){
  margin-top:26px;
}
.site-footer__location p,
.site-footer__contact>a{
  display:block;
  font-size:15px;
  font-weight:600;
  line-height:1.18;
}
.site-footer__contact>a+a{margin-top:12px}
.site-footer__phone{
  font-size:27px!important;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.site-footer__callback{
  width:max-content;
  border-bottom:1px dotted currentColor;
}
.site-footer__legal-copy{
  margin:0;
  color:#777981!important;
  font-size:12px!important;
  line-height:1.18!important;
}
.site-footer :where(a,button):focus-visible{
  outline:2px solid #fff;
  outline-offset:4px;
}
@media (max-width:1199px){
  .site-footer__top{
    grid-template-columns:1fr auto;
  }
  .site-footer__nav{display:none}
  .site-footer__body{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:639px){
  .site-footer__top{
    min-height:auto;
    padding:32px 0;
    grid-template-columns:1fr;
    align-items:start;
  }
  .site-footer__socials{flex-wrap:wrap}
  .site-footer__body{
    padding:32px 0;
    grid-template-columns:1fr;
    row-gap:28px;
  }
  .site-footer__body::before{margin-top:-32px}
}