/* bpd-two/contact-form (Contact Us page only). Flex-split layout between the illustration and the
   form slot lives here as CSS classes rather than hand-authored inline flex-basis/min-width on a
   core block (core/group doesn't support flex-child sizing natively — see PROGRESS.md's Our Work
   archive bug writeup).

   ponytail: the field/select/textarea styling that used to live here was deleted along with the
   static fallback <form> (2026-08-03 — form is a HubSpot embed, placeholder text for now). It was
   only ever a copy of patterns/filter-bar.php's .bpd-filter-select values in archive-insights.css;
   HubSpot's embed ships its own markup, so re-derive from there if it needs restyling. */

.bpd-contact-form-row {
	gap: var(--wp--preset--spacing--1400);
	align-items: flex-start;
}

.bpd-contact-form-media {
	flex: 0 1 386px;
	max-width: 386px;
}

/* Figma's 375 frame (4788:55525 -> 5666:16818) has no illustration node at all -- the mobile
   layout is form-only. Hidden rather than scaled because the design omits it, and because the
   386px basis above cannot shrink past a 375 viewport on its own (it overflowed by 27px). */
@media (max-width: 781px) {
	.bpd-contact-form-media {
		display: none;
	}
}

.bpd-contact-form-media img {
	width: 100%;
	height: auto;
}

.bpd-contact-form-fields {
	flex: 1 1 420px;
	min-width: 0;
}