.foot {
  margin-top: clamp(3rem, 1.5rem + 5vw, 5rem);
  padding: clamp(2.5rem, 1.5rem + 3vw, 4rem) 0 2rem;
  background: var(--surface-2);
  border-top: 1px solid var(--line);
  font-size: var(--s-1);
}

.foot__grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.foot__note {
  margin: .5rem 0 0;
  max-width: 52ch;
  color: var(--muted);
}

.foot__links {
  margin: .5rem 0 0;
  padding: 0;
  list-style: none;
}

.foot__links li {
  margin-bottom: .35rem;
}

.foot__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  margin: 2.5rem 0 0;
  padding: 1.75rem 0 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.foot__logos img {
  width: auto;
  height: 44px;
  filter: grayscale(1);
  opacity: .75;
  transition: filter var(--dur-base) var(--ease),
    opacity var(--dur-base) var(--ease);
}

.foot__logos a:hover img {
  filter: grayscale(0);
  opacity: 1;
}

.foot__legal {
  margin: 1.75rem 0 0;
  color: var(--muted);
}

.foot__legal b {
  color: var(--ink);
  font-weight: 600;
}

.foot__credit {
  margin: .35rem 0 0;
  color: var(--muted);
}