.site-footer{
  width:min(1500px,calc(100% - 28px));
  margin:0 auto 28px;
  border:1px solid #27313a;
  border-radius:12px;
  background:linear-gradient(145deg,#10171d,#0c1217);
}
.site-footer-inner{
  min-height:84px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px 24px;
  align-items:center;
}
.site-footer strong{display:block;font-size:.8rem;letter-spacing:.02em}
.site-footer span{display:block;margin-top:4px;color:#7f8992;font-size:.58rem}
.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.site-footer nav a{color:#aeb7bf;font-size:.6rem}
.site-footer nav a:hover{color:#f0d8a8}
.site-footer small{grid-column:1/-1;color:#59636c;font-size:.52rem;border-top:1px solid #1c252d;padding-top:10px}

@media(max-width:820px){
  .site-footer{
    width:calc(100% - 20px);
    margin:0 auto 24px;
    border-radius:15px;
  }
  .site-footer-inner{grid-template-columns:1fr;padding:17px}
  .site-footer nav{justify-content:flex-start;gap:10px 14px}
  .site-footer nav a{font-size:.66rem}
}
@media(max-width:560px){
  .site-footer{width:calc(100% - 16px)}
}