/* Contact layout based on the reviewed Astroship reference, adapted to the
 * user's information-only, desktop-only page. No form or external service.
 */
.contact-page { padding-top: 64px; padding-bottom: 80px; }
.contact-heading { text-align: center; }
.contact-heading h1 { font-size: 48px; line-height: 1; font-weight: 700; letter-spacing: -.025em; }
.contact-heading > p { margin-top: 16px; color: #475569; font-size: 20px; line-height: 28px; font-weight: 400; }
.contact-information { display: grid; grid-template-columns: max-content max-content; align-items: start; column-gap: 80px; width: max-content; max-width: 100%; margin: 136px auto 0; text-align: left; }
.contact-information h2 { color: #1f2937; font-size: 24px; line-height: 32px; font-weight: 500; letter-spacing: 0; }
.contact-introduction { margin-top: 16px; color: #475569; font-size: 16px; line-height: 26px; }
.contact-methods { display: grid; gap: 24px; margin: 0; }
.contact-method { display: grid; grid-template-columns: 24px 56px max-content; align-items: center; column-gap: 12px; }
.contact-method > svg { color: #64748b; }
.contact-label { color: #64748b; font-size: 14px; line-height: 24px; font-weight: 400; }
.contact-value { margin: 0; color: #1f2937; font-size: 18px; line-height: 28px; font-weight: 400; white-space: nowrap; }
.contact-method a { display: inline-block; color: var(--brand); transition: color 150ms ease; }
.contact-method a:hover { color: #183c5f; }