.contact-page { min-height: calc(100vh - 172px); background: #202625; }
.contact-page .contact { display: flex; min-height: min(790px, calc(100vh - 172px)); align-items: center; padding-block: clamp(64px, 7vw, 100px); }
.contact-page .contact-layout { grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr); gap: clamp(48px, 6vw, 96px); align-items: center; }
.contact-page .contact-intro { min-width: 0; }
.contact-page .contact-intro h1 { max-width: 640px; margin: 0 0 15px; font-size: clamp(48px, 5.2vw, 72px); line-height: .99; letter-spacing: -.005em; }
.contact-page .contact-intro > p:not(.eyebrow) { max-width: 400px; }
.contact-page .contact-form { width: 100%; }
.contact-page .contact-form h2 { margin: 0 0 8px; font-size: clamp(24px, 2.2vw, 29px); letter-spacing: -.005em; }
.contact-page .procurement { display: grid; grid-template-columns: 91px max-content max-content; align-items: start; gap: 12px 24px; }
.contact-page .procurement .detail-label { width: auto; line-height: 20px; }
.contact-page .procurement a { min-height: 0; align-items: flex-start; line-height: 20px; }
@media (max-width: 900px) {
  .contact-page .contact-layout { grid-template-columns: 1fr; gap: 34px; }
  .contact-page .contact-intro h1 { font-size: clamp(48px, 7vw, 66px); }
  .contact-page .contact-form { max-width: 640px; justify-self: end; }
}
@media (max-width: 700px) {
  .contact-page { min-height: 0; }
  .contact-page .contact { min-height: 0; padding-block: 49px 120px; }
  .contact-page .contact-layout { gap: 30px; }
  .contact-page .contact-form { max-width: none; }
  .contact-page .contact-intro h1 { max-width: 480px; font-size: clamp(45px, 12vw, 60px); }
  .contact-page .procurement { grid-template-columns: 96px 1fr; gap: 8px 12px; }
  .contact-page .procurement .detail-label { grid-row: 1 / 3; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-form.is-entering { animation: none; }
}