@media (max-width: 1080px) {
  :root { --container: min(100% - 64px, 1280px); }
}

@media (max-width: 800px) {
  :root { --container: min(100% - 40px, 620px); }
  .site-footer__inner { min-height: 64px; }
}

@media (max-width: 520px) {
  :root { --container: calc(100% - 40px); }
  .site-footer { font-size: .7rem; }
}