.site-footer { background: var(--color-moos-deep); color: var(--color-on-dark-muted); font-size: var(--text-sm); }
.site-footer a { color: var(--color-on-dark); }
.site-footer__inner {
  display: grid;
  gap: var(--space-6);
  padding-block: var(--space-8) var(--space-6);
}
.site-footer .brand__name { color: var(--color-on-dark); }
.site-footer .brand__role { color: var(--color-salbei); }
.site-footer__tagline { margin-top: var(--space-4); max-width: 22rem; }
.site-footer__title { margin-bottom: var(--space-3); color: var(--color-on-dark); font-size: 1.125rem; }
.site-footer__address { margin-bottom: var(--space-3); }
.site-footer__note { margin-top: var(--space-3); }
.site-footer__copyright { padding-block: var(--space-4); border-top: 1px solid rgb(255 255 255 / 15%); }

.legal-nav__list { margin: 0; padding: 0; list-style: none; }
.legal-nav__item + .legal-nav__item { margin-top: var(--space-1); }

@media (min-width: 40em) { .site-footer__inner { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64em) { .site-footer__inner { grid-template-columns: 1.4fr 1.1fr 1.1fr 0.8fr; } }