/* KYA Group — contact page (loaded after tokens.css and site.css)
 *
 * Page layout only: text left, form right on desktops; one column below 1024px. The form's own styles are
 * "Forms" in site.css, so any page can use it.
 */

/* The page starts like the homepage hero: header → headline is --hero-space-top, not a section's full spacing */
.contact-page { padding-top: 0; }
.contact-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--block-gap); padding-top: var(--hero-space-top); }
.contact-copy h1 { margin-bottom: var(--gap-heading); }
.contact-copy .text-lead { max-width: var(--container-lead); color: var(--color-muted); }
.contact-form-wrap { max-width: var(--container-lead); }

@media (width >= 64rem) {
  .contact-layout { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: var(--column-gap); align-items: start; }
  .contact-form-wrap { max-width: none; }
}