footer {
  padding-top: clamp(3rem, 7vw, 5rem);
  animation: rise 0.7s var(--ease-spring) 0.62s both;
}

.contact a {
  display: inline-block;
  padding: 1rem 0;
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  letter-spacing: 0.18em;
  text-transform: lowercase;
  color: var(--fg-mid);
  text-decoration: none;
  transition: color 0.18s ease-out;
}

.contact a:hover,
.contact a:active { color: var(--fg); }

.contact a:focus-visible {
  outline: 1px solid var(--magenta);
  outline-offset: 4px;
  border-radius: 1px;
}