.site-footer {
  position: relative;
  padding-block: var(--space-7) var(--space-5);
  background: var(--color-bg) url('../../assets/img/footer-bg.png') right center / auto 100% no-repeat;
  overflow: hidden;
  isolation: isolate;
}

.site-footer__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.site-footer__wordmark {
  display: block;
  width: clamp(280px, 55vw, 770px);
  height: auto;
}

.site-footer__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
}

.site-footer__legal {
  font: 500 11px/1.4 var(--font-sans);
  color: #a9a9a9;
  letter-spacing: 0.02em;
}

.site-footer__links {
  display: flex;
  gap: var(--space-3);
  font: 500 14px/1 var(--font-sans);
  color: var(--color-text-muted);
}

.site-footer__links a:hover {
  color: var(--color-text);
}