/* shared site footer */
.footer {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 24px;
  padding: 28px var(--pad) 36px;
  color: #626262;
  font-family: var(--mono);
  font-size: var(--type-utility-size);
  line-height: var(--type-utility-line);
  letter-spacing: .06em;
}

.footer nav {
  display: flex;
  gap: 34px;
  justify-self: end;
}

.footer a {
  transition: color .167s linear;
}

.footer a:hover,
.footer a:focus-visible,
.footer a[aria-current="page"] {
  color: var(--ink);
}

@media (max-width: 920px) {
  .footer {
    grid-template-columns: 1fr;
  }

  .footer nav {
    flex-wrap: wrap;
    justify-self: start;
  }
}