.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 32px; }
.form-field { min-width: 0; }
.form-field-wide, .form-verification, .form-actions, .form-status { grid-column: 1 / -1; }
.contact-form label { display: block; font-size: 13px; margin-bottom: 8px; color: var(--ivory); }
.contact-form input, .contact-form textarea { display: block; width: 100%; border: 1px solid #68717e; border-radius: 0; background: var(--ivory); color: var(--ink); font: 400 16px/1.5 var(--sans); padding: 12px; }
.contact-form textarea { min-height: 130px; resize: vertical; }
.form-help { font-size: 12px; line-height: 1.7; margin-top: 9px; color: #b5bdc8; }
.form-actions .button { border: 0; cursor: pointer; min-width: 160px; }
.form-actions .button:disabled { opacity: .65; cursor: wait; }
.form-status { min-height: 1.75em; font-size: 14px; color: var(--ivory); }
.form-status.is-error { color: #ffddb8; }
.form-status:empty { display: none; }
@media (max-width: 640px) {
  .contact-form { grid-template-columns: 1fr; }
}