.site-footer {
  width: min(1200px, calc(100% - 96px));
  margin: 0 auto;
  padding: 48px 0 32px;
  border-top: 1px solid #ffffff26;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px 48px;
  color: #ffffffa3;
  font-size: 14px;
  line-height: 20px;
}
.footer-brand { display: inline-flex; align-items: center; justify-self: start; min-height: 44px; }
.footer-brand img { display: block; width: auto; height: 28px; }
.footer-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; }
.footer-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.footer-nav a:hover, .footer-nav a[aria-current="page"] { color: #ffffff; text-decoration: underline; text-underline-offset: .25em; }
.site-footer a:focus-visible { outline: 2px solid #ffffff; outline-offset: 6px; }
.footer-copyright { grid-column: 1 / -1; margin: 0; font-size: 12px; line-height: 16px; }
@media (max-width: 760px) {
  .site-footer { width: calc(100% - 48px); grid-template-columns: 1fr; gap: 16px; padding: 32px 0; }
}