.contact-page{padding-block:var(--s6) var(--s16)}
.contact-heading{max-width:680px;margin-bottom:var(--s8)}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:var(--s16);align-items:start}
.contact-form-panel{min-width:0}
#contact-form{display:grid;gap:var(--s5)}
#contact-form label{display:block;font-weight:600;font-size:var(--sm)}
#contact-form input:not([type=checkbox]),#contact-form select,#contact-form textarea{margin-top:var(--s2);font:inherit;font-size:var(--base)}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
#contact-form textarea{display:block;resize:vertical;min-height:172px;width:100%;padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--bg);line-height:1.6}
.field-help{display:block;margin-top:var(--s2);font-weight:400;font-size:var(--xs);line-height:1.6;color:var(--muted)}
#contact-form .contact-consent{display:flex;align-items:flex-start;gap:var(--s3);font-weight:400;line-height:1.6;min-height:44px;padding-block:var(--s2)}
.contact-consent input{margin-top:var(--s1)}
.contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-submit{justify-self:start;min-height:48px}
.contact-status:empty{display:none}
.contact-status{font-size:var(--sm);line-height:1.6;padding:var(--s4);background:var(--surface);border-radius:var(--radius)}
.contact-status[data-error=true]{color:var(--text);border:1px solid var(--line)}
.contact-aside{padding:var(--s6);background:var(--surface);border-radius:var(--radius)}
.contact-aside h2{font-size:var(--lg)}
.contact-aside h2:not(:first-child){margin-top:var(--s8)}
.contact-aside p{font-size:var(--sm);color:var(--muted);margin-top:var(--s3)}
.contact-aside .section-link{margin-top:var(--s4);font-size:var(--sm)}
.contact-success{padding:var(--s8);background:var(--surface);border-radius:var(--radius);scroll-margin-top:100px}
.contact-success p{margin-block:var(--s4)}
#contact-reference{overflow-wrap:anywhere}
@media(max-width:900px){.contact-layout{grid-template-columns:minmax(0,1fr) 240px;gap:var(--s8)}.contact-fields{grid-template-columns:1fr}.contact-aside{padding:var(--s5)}}
@media(max-width:600px){.contact-page{padding-block:var(--s4) var(--s10)}.contact-layout{grid-template-columns:1fr;gap:var(--s8)}.contact-heading{margin-bottom:var(--s6)}.contact-heading h1{font-size:1.9rem}.contact-submit{width:100%}.contact-success{padding:var(--s5)}}