/* Contact page — bespoke sections. Reuses .wd-field/.wd-input/.btn from theme.css. */

.contact{padding:36px 0 50px}
.c-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
@media(max-width:900px){.c-grid{grid-template-columns:1fr;gap:26px}}

/* form */
.form-card{position:relative;background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:32px 30px}
.form-card h2{font-size:1.4rem;margin-bottom:6px}
.form-card .fsub{color:var(--muted);font-size:.92rem;margin-bottom:24px}
.wd-contact-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
@media(max-width:520px){.wd-contact-form .row2{grid-template-columns:1fr}}
.wd-contact-form textarea.wd-input{min-height:96px;resize:vertical}
.wd-contact-form select.wd-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.wd-contact-form .submit{width:100%;justify-content:center;margin-top:4px}
.wd-contact-form .hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.formnote{margin-top:14px;text-align:center;font-family:var(--font-mono);font-size:.66rem;color:var(--faint)}

/* side column */
.side-card{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:26px 24px;margin-bottom:18px}
.side-card h3{font-family:var(--font-head);font-size:1.05rem;margin-bottom:14px}
.cinfo{display:flex;flex-direction:column;gap:13px}
.cinfo>a,.cinfo>span{display:flex;align-items:flex-start;gap:11px;color:var(--muted);text-decoration:none;font-size:.92rem;line-height:1.45}
.cinfo>a>span,.cinfo>span>span{display:block}
.cinfo a:hover{color:var(--gold-hi)}
.cinfo .ico{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.95rem}
.reply-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.68rem;color:var(--muted);background:var(--glass);border:1px solid var(--border);border-radius:99px;padding:7px 13px;margin-top:14px}
.reply-dot{width:7px;height:7px;border-radius:50%;background:var(--live);flex-shrink:0}
.areas{display:flex;flex-wrap:wrap;gap:8px}
.area{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:99px;padding:5px 12px}
.contact-map{display:block;width:100%;height:240px;border:0}