/* A compact conversation, with one clear email handoff. */
.contact-section { padding-block: 80px; border-top: 1px solid var(--line); }
.contact-shell {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,7vw,100px);align-items:start;}
.contact-intro h2 {font-size:clamp(32px,3.4vw,44px);line-height:1.12;letter-spacing:-.025em;max-width:12ch;margin:0 0 22px;}
.contact-intro>p {max-width:33ch;margin-bottom:26px;}
.contact-email {font-size:21px;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere;}
.contact-intro .contact-note {font-size:14px;margin-top:10px;color:var(--muted);}
.contact-fields {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.contact-compose .form-group {margin-bottom:20px;}
.contact-compose label {font-size:15px;margin-bottom:8px;display:block;}
.contact-compose input,.contact-compose textarea {width:100%;border:1px solid #929b94;background:transparent;border-radius:3px;padding:12px;font:inherit;min-height:48px;color:var(--text);}
.contact-compose textarea {min-height:126px;resize:vertical;}
.contact-compose input:focus,.contact-compose textarea:focus {outline:2px solid var(--accent);outline-offset:2px;}
.contact-compose [aria-invalid="true"] {border-color:var(--error);}
.field-optional {font-weight:400;color:var(--muted);}
.contact-submit {display:flex;align-items:center;gap:22px;}
.contact-submit .btn {white-space:nowrap;gap:18px;min-height:48px;}
.contact-submit p {font-size:13px;line-height:1.5;color:var(--muted);margin:0;}
.contact-draft {margin-top:30px;padding-top:25px;border-top:1px solid var(--line);}
.contact-draft[hidden] {display:none;}
.contact-draft h3 {font-size:22px;margin-bottom:8px;}
.contact-draft>p {font-size:14px;}
.contact-message {font:inherit;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--page);padding:20px;margin:20px 0;border:1px solid var(--line);}
.contact-draft-actions {display:flex;align-items:center;flex-wrap:wrap;gap:18px;}
.contact-text-button {font:inherit;font-size:14px;background:none;border:0;padding:10px 0;color:var(--text);text-decoration:underline;text-underline-offset:4px;cursor:pointer;}
.contact-compose .field-error:not(:empty) {display:block;font-size:13px;margin-top:6px;color:var(--error);}
@media(max-width:760px){.contact-section{padding-block:52px}.contact-shell{grid-template-columns:1fr;gap:30px}.contact-intro h2{max-width:18ch}.contact-fields{grid-template-columns:1fr;gap:0}.contact-submit{align-items:flex-start;flex-direction:column;gap:12px}.contact-break{display:none}.contact-intro>p{max-width:46ch}}