/*
  FOUND OBJECTS — footer

  One footer, on the page ground, on every page. The design has no dark variant:
  the homepage contact section is light and runs straight into this bar as one
  block, so a charcoal footer would cut the page in half.

  Three things only — wordmark, navigation, tagline — over a hairline. There are
  no legal columns: the site is small enough that inventing a link tree for it
  would be furniture, not navigation.
*/

.fo-footer {
  margin-top: var(--fo-section-gap);
  background-color: var(--fo-color-bg);
  color: var(--fo-color-text);
}

.fo-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--fo-stack-md) var(--fo-stack-lg);
  padding-block: var(--fo-stack-md) var(--fo-stack-lg);
  border-top: var(--fo-hairline) solid var(--fo-color-border);
}

/* The wordmark repeats small and tracked out, not as a heading */
.fo-footer__mark {
  margin: 0;
  font-family: var(--fo-font-display);
  font-size: var(--fo-text-eyebrow);
  font-weight: var(--fo-weight-medium);
  letter-spacing: var(--fo-tracking-wordmark);
  text-transform: uppercase;
}

.fo-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fo-stack-md);
  font-family: var(--fo-font-display);
  font-size: var(--fo-text-eyebrow);
  font-weight: var(--fo-weight-medium);
  letter-spacing: var(--fo-tracking-eyebrow);
  text-transform: uppercase;
}

.fo-footer__nav a { color: var(--fo-color-text-muted); text-decoration: none; }
.fo-footer__nav a:hover { color: var(--fo-rust); }

.fo-footer__tag {
  margin: 0;
  font-family: var(--fo-font-body);
  font-size: var(--fo-text-xs);
  color: var(--fo-color-text-muted);
}