.contact-page{background:var(--paper) url('/assets/feature-paper.webp') center top/1100px auto}
.contact-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 6%;font:600 13px Vietnam,sans-serif}
.contact-main{max-width:1120px;margin:65px auto 100px;padding:0 28px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px}
.contact-intro .eyebrow{color:var(--red);margin-bottom:18px}.contact-intro h1{font:400 clamp(64px,7vw,90px)/1 Brush,serif;margin:0 0 26px}.contact-intro p{margin-bottom:24px}.contact-email{color:var(--red);text-decoration:underline;overflow-wrap:anywhere}
#contact-form{padding:30px;background:#f7eedb99;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 36px #3325100c}
#contact-form label{display:block;font:600 13px Vietnam,sans-serif;margin-bottom:8px}
#contact-form input,#contact-form textarea{display:block;width:100%;border:1px solid #958164;border-radius:3px;background:#fffaf080;color:var(--ink);font:18px/1.5 Spectral,serif;padding:10px 12px;margin-bottom:20px}#contact-form textarea{resize:vertical;min-height:150px}
#contact-form input:focus-visible,#contact-form textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.contact-note{font-size:14px;color:var(--muted)}#contact-form .button{border:0;margin-top:22px}#contact-form .button:disabled{opacity:.6;cursor:wait}#contact-status{margin-top:18px;font-size:16px}#contact-status:empty{display:none}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:700px){.contact-header{padding:20px 6%;font-size:11px}.contact-main{grid-template-columns:1fr;gap:32px;margin:35px auto 60px;padding:0 6%}#contact-form{padding:22px}.contact-header .brand{font-size:9px}.contact-page footer a{overflow-wrap:anywhere}}

#contact-form[hidden]{display:none}