.footer { background: var(--surface-primary); border-top: 1px solid var(--border-subtle);  color: var(--ink-muted); }
.footer__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6) var(--space-5); padding-block: var(--space-7); }
@media (min-width: 48rem) {
  .footer__grid { grid-template-columns: repeat(4, 1fr); }
}
.footer__head { font-size: var(--fs-caption); line-height: var(--lh-caption); font-weight: var(--fw-bold); text-transform: uppercase; color: var(--ink-body); margin-block: 0 var(--space-2); }
.footer__col ul { list-style: none; margin: 0; padding: 0; }
.footer__col a { display: inline-block; padding-block: var(--space-1); font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--ink-muted); text-decoration: none; }
.footer__col a:hover { color: var(--ink-body); }
.footer__bottom { border-top: 1px solid var(--border-subtle);  }
.footer__bottom-inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); padding-block: var(--space-4); font-size: var(--fs-caption); line-height: var(--lh-caption); }