.contact-section{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(24px,6vw,88px);margin-block:64px 80px}
.contact-section h2{margin:.35em 0;font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-.055em}
.contact-section p{color:var(--muted);line-height:1.6}
.contact-section a{text-decoration:underline;text-decoration-color:#c89609;text-underline-offset:3px;overflow-wrap:anywhere}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:clamp(18px,3vw,36px);background:#fff;border:1px solid #efe6c7;border-radius:14px}
.contact-form label{display:grid;gap:7px;font-weight:650}
.contact-form :is(input,textarea){display:block;width:100%;padding:11px 13px;border:1px solid #d6d9d3;border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-weight:400}
.contact-form textarea{resize:vertical;min-height:125px}
.contact-form :is(input,textarea):focus-visible{outline:2px solid #ad7e00;outline-offset:2px}
.contact-form .contact-wide{grid-column:1/-1}
.contact-form .contact-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .button{justify-self:start;background:#f7c742;color:#171b24}
.contact-form .button:disabled{opacity:.65;cursor:wait}
.contact-form p{font-size:14px;margin:0}
.contact-form [role=status]:empty{display:none}
@media(max-width:760px){.contact-section{grid-template-columns:1fr;margin-block:42px 56px}}
@media(max-width:440px){.contact-form{grid-template-columns:1fr}}