.contact-page {
  padding: 16rem 2.4rem 12rem;
}

.contact-page-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 4rem;
}

.contact-page-left {
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  letter-spacing: 0.6em;
  font-size: 0.8rem;
  color: var(--text-sub);
}

.contact-page-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contact-page-links a {
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  letter-spacing: 0.8em;
  font-size: clamp(1rem, 3vw, 2.4rem);
  transition: opacity 0.3s ease;
}

.contact-page-links a:hover {
  opacity: 0.6;
}

@media (max-width: 768px) {
  .contact-page {
    padding: 10rem 1.2rem 8rem;
  }
  .contact-page-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .contact-page-links a {
    letter-spacing: 0.4em;
  }
}