/* =============================================
   FOOTER
   ============================================= */

.site-footer {
  background-color: var(--color-parchment);
  padding: clamp(48px, 6vh, 80px) clamp(48px, 6vw, 96px) 0 clamp(48px, 6vw, 96px);
}

.site-footer__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: var(--space-md);
  margin-bottom: var(--space-md);
}

.site-footer__brand {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.site-footer__logo {
  display: block;
  width: clamp(200px, 12vw, 150px);
  height: auto;
}

.site-footer__nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-xs);
}

.site-footer__nav a {
  font-family: var(--font-sans);
  font-size: var(--fs-label);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-charcoal);
  transition: color 0.2s ease-out;
}

.site-footer__nav a:hover {
  color: var(--color-caramel);
}

.site-footer__contact {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.site-footer__contact a {
  font-family: var(--font-sans);
  font-size: var(--fs-body-sm);
  color: var(--color-charcoal);
  transition: color 0.2s ease-out;
}

.site-footer__contact a:hover {
  color: var(--color-caramel);
}

.site-footer__legal {
  font-family: var(--font-sans);
  font-size: var(--fs-label-sm);
  color: var(--color-charcoal);
  letter-spacing: 0.04em;
  text-align: center;
}

.site-footer__legal-sep {
  margin: 0 0.6em;
  color: var(--color-clay);
}

.site-footer__legal a {
  color: var(--color-terracotta);
  transition: color 0.2s ease-out;
}

.site-footer__legal a:hover {
  color: var(--color-charcoal);
}