.contact-page {
  min-height: calc(100vh - var(--header-h));
  display: flex;
  flex-direction: column;
}

.contact-page .page-hero {
  min-height: clamp(14rem, 32vh, 18rem);
  padding-bottom: clamp(1.75rem, 4vw, 2.5rem);
}

.contact-page .page-hero__lead {
  max-width: 52ch;
}

.contact-page .page-hero__lead--secondary {
  margin-top: var(--space-sm);
}

.contact-core {
  flex: 1;
  padding-block: clamp(2rem, 5vw, 3.25rem);
}

.contact-core .split {
  align-items: stretch;
}