.contact { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,7vw,6rem); padding-block:clamp(2rem,7vw,6rem); }
.contact h1 { font-weight:550; letter-spacing:-.045em; font-size:clamp(2.6rem,5vw,4rem); margin:0 0 1rem; }
.contact form { background:white; border:1px solid #dce5de; border-radius:12px; padding:clamp(1.25rem,4vw,2.5rem); display:grid; gap:.7rem; }
.contact label { font-weight:600; }
.contact input:not([type=checkbox]), .contact textarea, .contact select { width:100%; padding:.75rem; font:inherit; color:inherit; background:white; border:1px solid #92a49a; border-radius:5px; }
.contact textarea { resize:vertical; }
#count { text-align:right; }
.contact small { color:#53655d; }
.contact button { justify-self:start; border:0; cursor:pointer; }
.contact button:disabled { opacity:.65; }
#status { margin:0; }
@media (max-width:760px) { .contact { grid-template-columns:1fr; } }
