.contact-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,6vw,86px);padding-block:clamp(36px,7vw,100px)}
.contact-page h1{font-size:clamp(50px,8vw,96px);line-height:1;margin:0 0 20px}
.contact-page p{line-height:1.6}
.contact-page form{background:#fffdf7;border:1px solid #d8d4c8;padding:clamp(15px,4vw,32px);border-radius:12px;display:grid;gap:14px;min-width:0}
.contact-page form label{display:grid;gap:5px;font-weight:700}
.contact-page :is(input,select,textarea){width:100%;padding:.65em .75em;border:1px solid #79796e;border-radius:6px;background:white;color:inherit;font:inherit;font-weight:400}
.contact-page textarea{resize:vertical}
.contact-page form p{margin:0;font-size:.9rem}
.contact-page form a{text-decoration:underline}
.contact-page button{justify-self:start;border:0;background:#24362e;color:#fff;border-radius:6px;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer}
.contact-page button:disabled{opacity:.65;cursor:wait}
.contact-page :focus-visible{outline:2px solid #396943;outline-offset:3px}
.contact-footer{display:flex;flex-wrap:wrap;gap:10px 24px;padding-block:22px}
#esito-contatti:empty{display:none}
@media(max-width:700px){.contact-page{grid-template-columns:1fr}}