@layer components {
  .footer-col__links { display: contents; }
  .site-footer__notice {
    font-family: "Arial Narrow", var(--pw-font-sans);
    font-stretch: semi-condensed;
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  @container (min-width: 68rem) {
    .site-footer__cols { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .footer-col--split { grid-column: span 2; }
    .footer-col--split .footer-col__links {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: .44rem 1.25rem;
    }
  }
}