.site-footer {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 150px;
  padding: 42px max(24px, calc((100vw - 1240px) / 2));
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 32px;
  background: #020204;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: #8f8f9e;
  font-family: "DM Mono", monospace;
  font-size: .67rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.footer-brand {
  color: #f6f6fb;
  font-weight: 500;
  letter-spacing: .15em;
}

.footer-links {
  display: flex;
  gap: 30px;
}

.footer-links a {
  transition: color .2s;
}

.footer-links a:hover { color: #aaaade; }
.site-footer p { margin: 0; text-align: right; }

@media (max-width: 700px) {
  .site-footer {
    padding-block: 42px;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 22px;
    text-align: center;
  }
  .site-footer p { text-align: center; }
}