.contact-section {
  background: var(--color-dark-5);
  padding-block: var(--space-16);
}

.contact-grid {
  display: grid;
  max-width: 44rem;
}

.contact-intro {
  align-content: start;
  display: grid;
  gap: var(--space-5);
}

.contact-intro h2 {
  font-family: var(--font-serif);
  font-size: 3rem;
  line-height: 1.05;
}

.contact-intro p {
  color: var(--color-dark-300);
  font-size: 1.08rem;
  line-height: 1.55;
}

.contact-email {
  color: var(--color-vivid-blue-200);
  font-weight: 700;
}