/* Same self-hosted Geologica Latin asset used by next/font; isolated to the footer on the static legal page. */
@font-face {
  font-family: 'Overspike Footer';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/footer-geologica-latin.woff2') format('woff2');
}
/* One footer stylesheet for the app and static legal page. */
.foot { padding-block: 30px; border-top: 1px solid var(--line); } /* its height is measured into --foot-h: the call + the footer = one screen */
.foot-in { display: flex; align-items: center; justify-content: space-between; gap: 14px 28px; flex-wrap: wrap; font-size: 14px; color: var(--fg-3); }
.foot-nav { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.foot .soc { width: 44px; height: 44px; border-radius: 8px; display: grid; place-items: center; color: var(--fg-2); box-shadow: inset 0 0 0 1px var(--line); transition: color .2s, background-color .2s; }
.foot .soc:hover { color: var(--fg); background: color-mix(in srgb, var(--fg) 7%, transparent); }
.foot .soc svg { width: 15px; height: 15px; stroke-width: 1.8; }
.foot .wrap { width: 100%; }
.foot .wm { color: var(--fg); font-size: 19px; } /* the header size */
.foot a { text-decoration: none; color: var(--fg-2); }
.foot a:hover { color: var(--fg); }
.foot { font-family: 'Overspike Footer', ui-sans-serif, system-ui, sans-serif; background: var(--bg); color: var(--fg); position: relative; }
.foot-in { margin: 0 auto; padding-inline: var(--gx); width: 100%; }
.foot .wm { font-weight: 650; letter-spacing: -.02em; font-variation-settings: 'SHRP' 100; }
.foot-nav a { min-width: 44px; min-height: 44px; padding-block: 4px; display: inline-flex; align-items: center; }
.foot-id { display: grid; justify-items: start; gap: 2px; }
.foot-mail { display: inline-flex; align-items: center; min-height: 32px; }
.foot-end { display: grid; justify-items: end; gap: 8px; }
.foot-soc { display: flex; gap: 8px; }
@media (min-width: 1000px) { .foot-in { display: grid; grid-template-columns: 1fr auto 1fr; } .foot-nav { justify-self: center; } } /* the links sit on the page centre, under the header nav */
@media (max-width: 999px) {
  .foot { padding-block: 28px; }
  .foot-in { flex-direction: column; align-items: flex-start; }
  .foot-end { justify-items: start; }
}