.contact-box { grid-template-columns: .78fr 1.22fr; align-items: start; }
.contact-copy { max-width: 470px; }
.contact-form { position: relative; z-index: 2; display: grid; gap: 16px; padding: 30px; color: var(--ink); background: var(--white); border-radius: 8px; }
.contact-form label { display: grid; gap: 7px; font-size: 13px; font-weight: 700; }
.contact-form label small { display: inline; font-weight: 400; color: #687b78; }
.contact-form input, .contact-form textarea { width: 100%; padding: 12px 13px; border: 1px solid #c9d4d1; border-radius: 4px; background: #fff; color: var(--ink); font: inherit; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus { outline: 3px solid #9dc8b566; border-color: var(--green); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.form-status { margin: 0; color: var(--green); font-size: 13px; font-weight: 600; }
.contact-form .button { border: 0; background: var(--green); color: #fff; cursor: pointer; white-space: nowrap; }
@media (max-width: 800px) { .contact-box { grid-template-columns: 1fr; } .contact-form { padding: 22px; } }
@media (max-width: 520px) { .form-row { grid-template-columns: 1fr; } .form-actions { align-items: stretch; flex-direction: column; } }