.contact-layout { display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 0;align-items:start; }
.contact-introduction h1 { font:400 clamp(38px,4vw,56px)/1.15 Georgia,serif;margin:20px 0 25px; }
.contact-introduction .about-art { margin-top:28px; }
.contact-card { padding:30px;background:var(--about-surface);border:1px solid var(--about-border);border-radius:14px;min-width:0; }
.contact-card h2,.contact-inbox h2 { font:400 25px Georgia,serif;margin:0 0 25px; }
.contact-card label { display:block;margin:18px 0 8px;font-size:12px;font-weight:600; }
.contact-card :is(input:not([type=hidden]),textarea) { box-sizing:border-box;width:100%;padding:13px;border:1px solid var(--about-border);border-radius:6px;background:transparent;color:inherit;font:inherit; }
.contact-card textarea { resize:vertical;min-height:145px; }
.contact-card button { border:0;cursor:pointer;margin-top:22px; }
.contact-card :is(input,textarea):focus-visible { outline:2px solid var(--about-accent);outline-offset:2px; }
.contact-trap { display:none; }
.contact-notice,.contact-error { padding:14px;border:1px solid var(--about-border);font-size:12px;line-height:1.8; }
.contact-error { border-color:#b95454; }
.contact-inbox { border-top:1px solid var(--about-border);padding:30px 0; }
.contact-inbox article { border:1px solid var(--about-border);padding:20px;margin:15px 0;background:var(--about-surface);overflow-wrap:anywhere; }
.contact-message-meta { display:flex;flex-wrap:wrap;gap:12px;font-size:12px; }
.contact-message-meta time { margin-inline-start:auto;opacity:.65; }
.contact-message-body { white-space:pre-wrap;line-height:1.8; }
@media(max-width:800px) { .contact-layout { grid-template-columns:1fr;gap:30px;padding:40px 0; }.contact-card { padding:22px; }.contact-introduction .about-art { display:none; } }