.site-footer {
  background: var(--deep);
  color: var(--white);
  padding: 34px var(--gutter) 28px;
}
.site-footer__inner {
  border-top: 1px solid rgba(255,255,255,.17);
  padding-top: 26px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 24px 36px;
  align-items: center;
}
.site-footer__brand { display: flex; align-items: center; gap: 15px; }
.site-footer__monogram { font: 500 28px/1 var(--display); }
.site-footer__name { font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
.site-footer nav a, .site-footer__legal a, .site-footer__developer a { font-size: 10px; color: #d7d0c8; }
.site-footer__legal { display: flex; gap: 16px; }
.site-footer__copyright,
.site-footer__developer { color: #9f978e; font-size: 10px; }
.site-footer__copyright { grid-column: 1 / 2; padding-top: 6px; }
.site-footer__developer { grid-column: 2 / 4; justify-self: end; padding-top: 6px; }