/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer {
  padding-block: 4.5rem 3rem;
  background: var(--blue-ink);
  color: var(--ivory);
}

.site-footer__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2.5rem 2rem;
  align-items: end;
}

.site-footer__title {
  font-family: var(--font-display);
  font-weight: var(--display-weight);
  font-variation-settings: var(--display-fvs);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.site-footer__sub {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: rgb(245 240 232 / 0.65);
}

.site-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.75rem;
  font-size: 0.875rem;
}
.site-footer__nav a { transition: opacity var(--dur-fast) var(--ease-out); }
.site-footer__nav a:hover { opacity: 0.6; }

.site-footer__copy {
  grid-column: 1 / -1;
  padding-top: 2rem;
  border-top: 1px solid rgb(245 240 232 / 0.14);
  font-size: 0.8125rem;
  color: rgb(245 240 232 / 0.55);
}

@media (max-width: 760px) {
  .site-footer__inner { grid-template-columns: 1fr; }
}