.contact{border-top:1px solid var(--line);padding:5rem 0;display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(2rem,5vw,5rem);scroll-margin-top:8rem}
.contact-intro h3{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:1rem 0 1.5rem}
.contact-intro p:not(.eyebrow){max-width:25rem;color:var(--muted);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}
.contact-email{font-size:1rem;overflow-wrap:anywhere}
.contact-intro,.contact-form,.contact-field{min-width:0}
.contact-form{display:grid;gap:1.25rem;align-content:start}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-field{display:grid;gap:.5rem}
.contact-field label{font-size:1rem;font-weight:700;line-height:1.5}
.contact-field label span{font-weight:400;color:var(--muted)}
.contact-field input,.contact-field select,.contact-field textarea{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #8b877e;border-radius:0;background:var(--surface);color:var(--black);font:inherit;font-size:1rem;line-height:1.5;padding:.75rem}
.contact-field textarea{resize:vertical;min-height:150px}
.contact-field :is(input,select,textarea):focus-visible{outline:2px solid var(--black);outline-offset:3px}
.contact-note{font-size:.875rem;line-height:1.5;color:var(--muted);margin:0}
.contact-form .button{justify-self:start;cursor:pointer;font:inherit;font-size:1rem;min-height:48px;border:0}
.contact-honey{display:none}
.contact-status{padding:1rem;border:1px solid var(--black);font-size:1rem;line-height:1.5;background:var(--surface);margin:0}
.site-footer .footer-contact{display:inline-flex;color:var(--black);min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.contact{grid-template-columns:1fr;padding:3rem 0;scroll-margin-top:6rem}.contact-fields{grid-template-columns:1fr}.contact-form .button{width:100%;justify-content:center}}