footer.footer,
.footer {
  margin-top: auto;
  padding: var(--pgsx-space-6) var(--pgsx-shell-gutter);
}

.footer__inner {
  max-width: var(--pgsx-shell-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: var(--pgsx-space-8);
}

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

.footer__mark {
  font-family: var(--pgsx-font-display);
  font-variation-settings:
    "opsz" 144,
    "SOFT" 40,
    "wght" 350;
  font-size: var(--pgsx-text-2xl);
  line-height: 1;
  color: var(--pgsx-text-primary);
  margin-bottom: var(--pgsx-space-3);
}

.footer__mark em {
  font-style: italic;
  color: var(--pgsx-accent);
}

.footer__meta {
  font-family: var(--pgsx-font-mono);
  font-size: 11px;
  letter-spacing: var(--pgsx-tracking-loose);
  color: var(--pgsx-text-muted);
  text-transform: uppercase;
}

.footer__links {
  display: flex;
  gap: var(--pgsx-space-6);
  font-family: var(--pgsx-font-mono);
  font-size: 11px;
  letter-spacing: var(--pgsx-tracking-loose);
  text-transform: uppercase;
  color: var(--pgsx-text-muted);
}

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