.footer {
  display: grid; gap: var(--s4); padding: var(--s8) max(var(--gutter), calc((100% - 1296px) / 2)) var(--s7);
  background: var(--sea-900); color: #fff; font-size: 0.9375rem; line-height: 1.55;
}
.footer > * { max-width: 64ch; }
.footer a { color: var(--sea-300); }
.footer :focus-visible { outline-color: var(--sun-500); }
.footer__ai { font-size: 1.25rem; font-weight: 800; line-height: 1.25; }
.footer__hand { color: var(--sun-500); font-size: 1.75rem; }
.footer__nav { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s5); }
.footer__nav a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 800; }
.footer__label { font-size: var(--fs-label); font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: var(--sea-300); }