/* Forms must remain comfortable to read and type into on iPhone and iPad. */
@media (max-width: 1199px) {
  body.site-page #brief-form .form-field :is(input, select, textarea) { font-size: 16px; min-height: 48px; }
  body.site-page #brief-form .form-field textarea { min-height: 132px; }
  body.site-page .form-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 36px; }
  body.site-page .contact-info { padding-left: 24px; }
  body.site-page #brief-form .brief-optional-details summary { min-height: 48px; gap: 12px; }
  body.site-page #brief-form .brief-optional-details summary small { flex: 0 0 auto; }
  body.site-page #brief-form .form-submit { min-height: 48px; max-width: 100%; white-space: normal; }
}
@media (max-width: 900px) {
  body.site-page .form-grid { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  body.site-page .contact-info { border-left: 0; border-top: 1px solid #ddd9d3; padding: 28px 0 0; }
  body.site-page .contact-form-section > .container, body.site-page .brief-quick-intro { max-width: 760px; }
}
@media (max-width: 760px) {
  body.site-page #brief-form .form-submit { width: 100%; }
  body.site-page #brief-form .brief-optional-details summary span { max-width: 24ch; }
}