.contact-intro{background:var(--surface-warm);padding-bottom:var(--size-35);}
.contact-intro h1{font-size:var(--size-76);line-height:var(--line-height-1-1);color:var(--brand-primary);margin:var(--size-24) 0 var(--size-16);}
.contact-intro p{max-width:var(--measure-70-ch);}
.contact-layout{display:grid;grid-template-columns:minmax(0,var(--measure-0-65-fr)) minmax(0,var(--measure-1-fr));gap:var(--size-60);align-items:start;background:var(--surface-warm);padding-top:var(--size-30);}
.contact-details h2,#contact-form h2{font-size:var(--size-39);color:var(--color-text);margin-bottom:var(--size-20);}
.contact-details p{margin-bottom:var(--size-30);}
.contact-details>a{display:block;overflow-wrap:anywhere;margin-bottom:var(--size-16);font-weight:var(--font-weight-600);}
.contact-details .contact-email{color:var(--brand-primary);}
.contact-details address{font-style:normal;line-height:var(--reading-leading);margin-top:var(--size-30);}
.contact-watermark{display:block;width:var(--percent-100);height:auto;opacity:var(--brand-watermark-opacity);margin-top:var(--size-60);}
#contact-form{background:var(--color-surface);padding:var(--size-35);min-width:0;}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,var(--measure-1-fr)));gap:var(--size-20);margin:var(--size-24) 0;}
#contact-form label{display:block;font-size:var(--reading-size);font-weight:var(--font-weight-600);line-height:var(--line-height-1-5);min-width:0;}
#contact-form input,#contact-form select,#contact-form textarea{display:block;width:var(--percent-100);min-width:0;max-width:var(--percent-100);border:var(--size-1) solid var(--color-muted);border-radius:0;background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-400);padding:var(--size-12);margin-top:var(--size-8);}
#contact-form textarea{resize:vertical;}
#contact-form :is(input,select,textarea):focus-visible{outline:var(--size-3) solid var(--color-focus);outline-offset:var(--size-4);}
#contact-form .contact-help,#contact-form .contact-required{font-size:var(--size-14);color:var(--color-muted);}
#contact-form .contact-help{margin:var(--size-24) 0;}
#contact-status{margin-top:var(--size-16);color:var(--color-muted);}
@media(max-width:47.5rem) /* token:breakpoint-760 */{.contact-layout{grid-template-columns:minmax(0,var(--measure-1-fr));gap:var(--size-30);}.contact-watermark{display:none;}#contact-form{padding:var(--size-20);}.contact-fields{grid-template-columns:minmax(0,var(--measure-1-fr));}.contact-intro h1{font-size:var(--size-55);}}