.site-footer{
  border-top:1px solid var(--border)
}

.site-footer .footer-top{
  display:grid;
  grid-template-columns:1.1fr .7fr 1fr 1fr auto;
  gap:42px;
  padding:60px 0 54px
}

.site-footer .footer-brand img{
  width:140px
}

.site-footer .footer-top small{
  color:#73737d;
  display:block;
  margin-bottom:24px;
  font-size:14px;
  font-weight:500;
  line-height:22px;
  letter-spacing:-.1px
}

.site-footer .footer-top>div:not(.footer-brand) a,
.site-footer .to-top{
  font-size:16px;
  font-weight:500;
  line-height:24px;
  letter-spacing:-.1px;
  transition:color .2s ease
}

.site-footer .footer-top>div:not(.footer-brand) a:hover,
.site-footer .footer-top>div:not(.footer-brand) a:focus-visible,
.site-footer .to-top:hover,
.site-footer .to-top:focus-visible{
  color:var(--accent,#ef2638)
}

.site-footer .footer-top>div:not(.footer-brand) a{
  display:block;
  margin:0 0 20px
}

.site-footer .to-top{
  display:flex;
  align-items:flex-start;
  gap:8px
}

.site-footer .footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  border-top:1px solid var(--border);
  padding:38px 0 100px;
  font-size:14px;
  line-height:22px;
  letter-spacing:-.1px
}

.site-footer .footer-bottom a,
.site-footer .footer-bottom p:not(.muted){
  font-weight:500
}

.site-footer .footer-bottom p{
  color:#d5d4d8
}

.site-footer .footer-bottom .muted{
  color:#70707a;
  margin-top:26px;
  font-weight:400;
  line-height:22px
}

.site-footer .footer-bottom img{
  width:112px;
  margin-top:18px
}

@media(max-width:900px){
  .site-footer .footer-top{
    grid-template-columns:1fr 1fr 1fr
  }

  .site-footer .footer-brand{
    grid-row:span 2
  }

  .site-footer .to-top{
    grid-column:3
  }
}

@media(max-width:640px){
  .site-footer .footer-top{
    grid-template-columns:1fr 1fr;
    padding:48px 0
  }

  .site-footer .footer-brand{
    grid-area:auto/1/auto/-1
  }

  .site-footer .footer-top>div:nth-of-type(3){
    grid-column:1/-1
  }

  .site-footer .to-top{
    grid-column:auto
  }

  .site-footer .footer-bottom{
    padding-bottom:72px
  }

  .site-footer .footer-bottom img{
    display:none
  }
}