.contact-wrap { max-width:720px; margin:0 auto; padding:calc(var(--nav-h, 68px) + 42px) 24px 80px; }
.contact-wrap .about-hero { text-align:start; padding:0 0 28px; }
.contact-wrap h1 { font-size:clamp(32px,6vw,48px); margin:18px 0; }
.contact-card { background:var(--surface,#fff); padding:28px; border:1px solid var(--border,#E5E1D8); border-radius:18px; display:flex; flex-direction:column; gap:10px; }
.contact-card label { font-size:14px; font-weight:600; margin-top:10px; }
.contact-card input,.contact-card textarea { font:inherit; color:var(--text,#24221f); background:var(--bg,#faf9f6); border:1px solid var(--border,#E5E1D8); border-radius:8px; padding:12px; width:100%; box-sizing:border-box; }
.contact-card textarea { resize:vertical; }
.contact-note { color:var(--text-muted,#68645d); font-size:13px; line-height:1.6; }
.contact-card button { align-self:flex-start; }
#contact-status { min-height:1.5em; font-size:14px; white-space:pre-wrap; }
#contact-status[data-error="true"] { color:#b42318; }
@media(max-width:480px) { .contact-card { padding:18px; } .contact-wrap { padding-inline:16px; } }