/**
 * Site footer — the last near-black band, closing the alternation.
 *
 * No top border: the cream contact section above ends against it, and that
 * edge is already the strongest line on the page.
 */

.site-footer {
  padding-block: var(--vc-space-8);
}

/**
 * One row, three items, spaced apart — note, colophon, copyright.
 *
 * It used to be a wrapping row with `margin-left: auto` on the last item,
 * which is the same layout said twice and came apart the moment the middle
 * item grew: the colophon wrapped, the copyright kept its auto margin, and the
 * three lines stopped being a row at all. `space-between` states the intent
 * once and holds it at every width.
 *
 * Wrapping is still allowed, because three mono strings do not fit across a
 * 320px phone and a row that overflows is worse than a row that stacks. When
 * it does wrap the items align left, which is why the gap is declared for both
 * axes.
 */
.site-footer__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--vc-space-3) var(--vc-space-7);
  color: var(--vc-ink-muted);
  font-family: var(--vc-font-mono);
  font-size: var(--vc-text-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}