// ============================================================
//   Footer
//   ============================================================

.footer {
  background: var(--ink);
  color: rgb(255 255 255 / 0.75);
  padding-block: var(--space-8) var(--space-6);
  margin-top: var(--space-10);

  a {
    color: rgb(255 255 255 / 0.8);

    &:hover {
      color: #fff;
    }
  }
}

.footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: var(--space-8);
}

.footer__title {
  font-family: var(--font-serif);
  color: #fff;
  font-size: 1.05rem;
  margin-bottom: var(--space-3);
}

.footer__bottom {
  margin-top: var(--space-8);
  padding-top: var(--space-4);
  border-top: 1px solid rgb(255 255 255 / 0.15);
  font-size: 0.85rem;
}