/* pages/contact.css — Contact + Start a Project form */
.contact-grid{margin-top:64px;display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-8);align-items:start}
.contact-direct{font-family:var(--mono);font-size:14px;line-height:2.2}
.contact-direct a:hover{color:var(--cobalt)}
.contact-direct .k{color:var(--mid-grey);display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:var(--space-4)}
.contact-direct--solo{margin-top:var(--space-7)}
.contact-pitch p{font-size:clamp(20px,2.4vw,30px);font-family:var(--display);font-weight:600;letter-spacing:-.03em;line-height:1.1;max-width:20ch;margin:0 0 var(--space-6)}

/* form — rounded fields, matching the homepage contact panel */
.form-row{margin-bottom:var(--space-5)}
.form-row label{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mid-grey);margin-bottom:var(--space-2)}
.form-row input,.form-row select,.form-row textarea{
  width:100%;font-family:var(--body);font-size:16px;color:var(--near-black);
  background:#fff;border:1px solid var(--soft-grey);
  padding:14px 16px;min-height:52px;border-radius:16px;
  transition:border-color var(--t-state);
}
.form-row textarea{min-height:140px;resize:vertical;border-radius:20px}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--cobalt)}
.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-submit{margin-top:var(--space-6)}
.form-success{border:1px solid var(--soft-grey);border-radius:24px;padding:var(--space-7);background:#fff}
.form-success h2{font-size:clamp(22px,2.6vw,32px);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-3)}
.field-error{display:block;color:var(--error);font-size:13px;margin-top:6px;font-family:var(--mono)}
.form-error{color:var(--error);font-size:14px;margin-bottom:var(--space-5);font-family:var(--mono)}
.form-row input[aria-invalid="true"],.form-row select[aria-invalid="true"],.form-row textarea[aria-invalid="true"]{border-color:var(--error)}
@media (max-width:768px){
  .contact-grid{grid-template-columns:1fr;gap:var(--space-6)}
  .form-row.two{grid-template-columns:1fr}
  .contact-direct{order:-1}
  .form-submit .btn{width:100%;justify-content:center}
  .form-submit .btn .btn-inner{width:100%;height:60px}
}