/* Shared customer-page navigation. Scoped to avoid the older global nav rules. */
.site-footer {
  box-sizing: border-box;
  width: 100%;
  margin: 50px 0 0;
  padding: 36px 22px;
  border-top: 1px solid #554265;
  background: #0a0518;
  color: #c5b3e6;
  font: 600 15px/1.65 "Quicksand", system-ui, sans-serif;
  text-align: left;
}
.site-footer__grid { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.site-footer__grid > * { min-width: 0; }
.site-footer .site-footer__brand > a { color: #fbedff; font: 700 19px/1.5 "Unbounded", system-ui, sans-serif; }
.site-footer__brand p { margin: 8px 0 0; max-width: 30ch; }
.site-footer .site-footer__col { display: block; margin: 0; padding: 0; max-width: none; }
.site-footer .site-footer__col h2 { color: #fbedff; font: 700 15px/1.5 "Quicksand", system-ui, sans-serif; margin: 0 0 10px; }
.site-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.site-footer a { color: #c5b3e6; font-size: 15px; text-decoration: none; overflow-wrap: anywhere; }
.site-footer a:hover { color: #66ecff; text-decoration: underline; }
.site-footer a:focus-visible, .sc-about a:focus-visible { outline: 2px solid #66ecff; outline-offset: 4px; border-radius: 2px; }
.site-footer .privacy, .site-footer .sign { max-width: 760px; margin: 28px auto 0; color: #c5b3e6; }
.sc-about { max-width: 804px; }
.sc-about h1 { overflow-wrap: anywhere; font-size: clamp(28px, 6vw, 48px); color: #fbedff; background: none; }
.sc-about h2 { overflow-wrap: anywhere; font-size: clamp(21px, 4vw, 26px); }
.sc-about article { padding-bottom: 12px; }
.sc-about .cta { font-size: 15px; max-width: 100%; overflow-wrap: anywhere; }
.sc-other-work { border-top: 1px solid #554265; margin: 24px 0 0; padding: 24px 0 0; }
.sc-other-work h2 { color: #fbedff; font-family: "Unbounded", system-ui, sans-serif; margin: 0 0 16px; }
.sc-other-work ul { padding-left: 22px; color: #c5b3e6; }
.sc-other-work li { margin: 12px 0; overflow-wrap: anywhere; }
.sc-other-work a { color: #66ecff; }
@media (min-width: 640px) {
  .site-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site-footer__brand { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
  .site-footer__grid { grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr)); gap: 36px; }
  .site-footer__brand { grid-column: auto; }
}