/* Contact form — uses the design tokens from home.css */
.contact-form{display:grid;gap:18px;margin-top:26px}
.contact-form[hidden]{display:none}
.contact-form .field{display:grid;gap:7px}
.contact-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{font:500 15px var(--display);color:var(--ink)}
.contact-form .optional{font:400 13px var(--body);color:var(--muted)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--line-2);border-radius:14px;background:var(--paper);color:var(--ink);font:16px var(--body);transition:border-color .2s,box-shadow .2s,background-color .2s}
.contact-form textarea{min-height:160px;resize:vertical;line-height:1.55}
.contact-form select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235B6374' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;cursor:pointer}
.contact-form input:hover,.contact-form select:hover,.contact-form textarea:hover{border-color:var(--muted)}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:3px solid var(--violet-ink);outline-offset:1px;background:var(--card)}
.contact-form [aria-invalid=true],.contact-form [aria-invalid=true]:hover{border-color:var(--coral-ink)}
.contact-form .hint{font-size:13px;color:var(--muted);margin:0}
.contact-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:4px}
.contact-form button[type=submit]{min-width:180px}
.contact-form button[type=submit][aria-busy=true]{opacity:.7;cursor:progress}
.form-status{margin:0;padding:14px 18px;border-radius:14px;font-size:15px;line-height:1.5}
.form-status[hidden]{display:none}
.form-status.is-success{background:var(--tint-ms);color:#0B5E4A;border:1px solid #A8E6D4}
.form-status.is-error{background:#FFECEC;color:#9F2430;border:1px solid #F5B7B9}
.contact-form + p{margin-top:24px;font-size:14px;color:var(--muted)}
.contact-divider{display:flex;align-items:center;gap:14px;margin:34px 0 0;color:var(--muted);font-size:14px}
.contact-divider::before,.contact-divider::after{content:"";flex:1;height:1px;background:var(--line)}
@media (max-width:640px){.contact-form .field-row{grid-template-columns:1fr}.contact-form button[type=submit]{width:100%}}