/* Info page contact: details on the left, enquiry form on the right. */
.info-contact { align-items:start; gap:32px 7vw; }
.info-contact-note { font:16px/1.65 Manrope,sans-serif; color:#bec5c9; margin:24px 0 32px; max-width:34ch; }
.info-email { display:inline-flex; align-items:center; gap:14px; flex-wrap:wrap; }
.copy-email { background:0; border:1px solid var(--line); color:#919da5; font:11px 'DM Mono',monospace; letter-spacing:.1em; padding:5px 9px; cursor:pointer; transition:color .2s,border-color .2s; }
.copy-email:hover,.copy-email:focus-visible { color:var(--accent); border-color:var(--accent); }

.contact-form { display:flex; flex-direction:column; gap:26px; }
.contact-row { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.contact-form label { display:flex; flex-direction:column; gap:10px; font:12px 'DM Mono',monospace; letter-spacing:.12em; color:#919da5; }
.contact-form input,.contact-form select,.contact-form textarea {
  font:16px/1.5 Manrope,sans-serif; color:var(--paper); background:transparent;
  border:0; border-bottom:1px solid var(--line); border-radius:0; padding:6px 0 10px; width:100%;
  transition:border-color .2s;
}
.contact-form textarea { resize:vertical; min-height:120px; }
.contact-form select { appearance:none; cursor:pointer; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23919da5'/%3E%3C/svg%3E") right 2px center no-repeat; }
.contact-form select option { background:var(--ink-raised); color:var(--paper); }
.contact-form ::placeholder { color:#5f6a71; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { outline:0; border-bottom-color:var(--accent); }
.contact-form label:focus-within { color:var(--paper); }
.contact-trap { position:absolute; left:-9999px; }
.contact-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.contact-form button[type=submit] { background:var(--paper); color:var(--ink); border:0; padding:15px 24px; font:13px 'DM Mono',monospace; letter-spacing:.1em; cursor:pointer; transition:background .2s; }
.contact-form button[type=submit]:hover,.contact-form button[type=submit]:focus-visible { background:var(--accent); }
.contact-form button[disabled] { opacity:.6; cursor:wait; }
.contact-status { margin:0; font:13px/1.5 'DM Mono',monospace; letter-spacing:.06em; color:#bec5c9; }
.contact-status.is-error { color:#e08a7b; }
.contact-form.is-sent .contact-status { color:var(--accent); }
@media(max-width:720px) { .contact-row { grid-template-columns:1fr; } .info-contact-note { margin:18px 0 24px; } .contact-form button[type=submit] { width:100%; } }