.contact-page{padding-block:clamp(2rem,5vw,4rem)}.contact-page>header{max-width:64ch;margin-bottom:2rem}.contact-page h1{margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.contact-form{max-width:48rem}.contact-fields{border:0;gap:1.25rem;min-width:0;margin:0;padding:0;display:grid}.contact-fields>label:not(.consent-field){gap:.45rem;display:grid}.contact-fields input:not([type=checkbox],[type=radio]),.contact-fields textarea,.contact-fields select{border:1px solid var(--line);box-sizing:border-box;color:var(--ink);font:inherit;background:#fff;border-radius:.5rem;width:100%;min-width:0;max-width:100%;min-height:2.75rem;padding:.75rem}.contact-fields textarea{resize:vertical}.contact-purpose{border:0;flex-wrap:wrap;gap:.75rem;min-width:0;margin:0 0 1.5rem;padding:0;display:flex}.contact-purpose legend{margin-bottom:.75rem;font-weight:600}.contact-purpose label{border:1px solid var(--line);cursor:pointer;border-radius:.5rem;align-items:center;gap:.6rem;min-width:0;padding:.75rem 1rem;display:flex}.contact-purpose label:has(input:checked){border-color:var(--ink);font-weight:600}.contact-purpose label:focus-within{outline:2px solid var(--ink);outline-offset:2px}.contact-purpose input[type=radio]{flex:none;margin:0}@media (max-width:40rem){.contact-purpose{flex-direction:column}}
