@layer components {
  .footer { padding: 56px 0 40px; }
  .footer-brand { margin-bottom: 12px; }
  .footer-tagline { font-size: 15px; color: var(--muted); margin-bottom: 24px; }
  .footer-sub {
    padding-top: 24px;
    font-family: var(--font-label);
    text-transform: uppercase;
    font-size: 11.5px;
    color: var(--dim);
    letter-spacing: 0.1em;
  }
  .footer-legal { margin-top: 32px; max-width: 72ch; display: flex; flex-direction: column; gap: 8px; }
  .footer-notice { font-size: 13px; color: var(--dim); }
}