/* footer — single ownership; responsive overrides remain with their component. */
footer {
  padding:140px var(--gutter) 48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  font-size:13px;
}

footer>p {
  text-align:right;
  font-size:12px;
}

footer .eyebrow {
  font-size:11px;
  margin-top:8px;
}

footer small {
  grid-column:1/-1;
  border-top:1px solid #eee;
  padding-top:28px;
  font-size:11px;
}

@media(max-width:760px) {
  footer {
    display:block;
    padding:72px 24px 32px;
  }
}

@media(max-width:760px) {
  footer>p {
    text-align:left;
    margin-top:32px;
  }
}

@media(max-width:760px) {
  footer small {
    display:block;
    margin-top:48px;
  }
}

footer {
  background:#000000;
  color:#f5f5f5;
}

footer .eyebrow {
  color:#a2a2a2;
}

footer small {
  color:#a2a2a2;
}

footer small {
  border-top-color:#333333;
}

footer small { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
footer .footer-template-link { color:#f5f5f5; text-decoration:none; white-space:nowrap; }
footer .footer-template-link:hover { text-decoration:underline; text-underline-offset:4px; }
footer .footer-template-link:focus-visible { outline:2px solid #f5f5f5; outline-offset:4px; }
footer .footer-links { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:20px; margin-top:24px; }
@media(max-width:760px) {
  footer small { align-items:flex-start; flex-direction:column; gap:16px; }
  footer .footer-links { justify-content:flex-start; gap:12px 18px; }
}


/* Match Safari's overscroll canvas to the footer, including the home-indicator inset. */
html { background:#000; }
@media(max-width:760px) { footer { padding-bottom:max(24px,env(safe-area-inset-bottom)); } }