.nav-brand-symbol {
  display: block;
  flex: none;
  height: clamp(16px, 1.14vw, 19.4px);
  width: auto;
  aspect-ratio: 487 / 766;
  color: inherit;
  transform: none;
}
html body .site-footer .footer-symbol {
  display: block;
  flex: none;
  height: 30px;
  width: auto;
  aspect-ratio: 487 / 766;
  color: #fff;
  margin: 0 0 32px;
}
@media (min-width: 1100px) {
  html:root body .site-footer nav.footer-navigation {
    position: absolute !important;
    top: var(--pandect-footer-top);
    right: var(--page-gutter);
    margin: 0 !important;
    max-width: none !important;
    width: max-content !important;
  }
  html body .site-footer .content-shell > .footer-outro {
    width: min(980px, calc(100% - 640px)) !important;
    max-width: min(980px, calc(100% - 640px)) !important;
  }
  html body .site-footer .footer-outro h2 span { white-space: normal !important; }
}