

.contact-page{flex:1;width:100%;max-width:1040px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,6vw,90px);padding:48px 0 60px}
.contact-heading h1{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.05em;line-height:1.15;margin:0 0 18px;font-weight:750}
.contact-heading>p:not(.contact-eyebrow){font-size:16px;line-height:1.7;color:#444;max-width:420px;margin:0 0 24px}
.contact-eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:700;margin:0 0 16px}
.contact-direct{font-size:14px;font-weight:650;text-decoration:none;border-bottom:1px solid #c7c7c7;padding-bottom:4px;overflow-wrap:anywhere}
.contact-direct:hover{color:var(--accent)}
.contact-panel{border:1px solid #e7e7e7;border-radius:18px;padding:clamp(22px,3vw,36px);background:#fff}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:17px}
.field label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}
.field label span:not(.optional){color:#946400}
.optional{color:#777;font-size:12px;font-weight:400}
.field input,.field textarea{width:100%;font:inherit;font-size:14px;color:#111;border:1px solid #ccc;border-radius:9px;padding:12px 13px;background:#fff;outline-offset:2px}
.field input:focus,.field textarea:focus{border-color:#986c00;outline:2px solid #986c0033}
.field textarea{resize:vertical;min-height:130px}
.privacy-note{font-size:12px;line-height:1.6;color:#666;margin:2px 0 20px}
.form-submit{border:0;cursor:pointer;font-family:inherit;font-size:13px;padding:12px 20px}
.form-notice{padding:12px 14px;border-radius:9px;font-size:13px;line-height:1.5;margin-bottom:20px}
.form-notice.success{background:#edf8ef;color:#23572d}
.form-notice.error{background:#fff2ef;color:#852e1e}
.form-notice ul{padding-left:18px;margin:6px 0 0}
.trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media(max-width:760px){
 .contact-page{grid-template-columns:1fr;gap:28px;padding:40px 0 46px}
 .contact-heading{text-align:left}
 .contact-heading h1{font-size:32px}
 .contact-heading>p:not(.contact-eyebrow){font-size:15px}
 .contact-panel{padding:22px}
 .form-grid{grid-template-columns:1fr;gap:0}
}
