#contact{padding:0;background:#fff;color:#171b17}
#contact .contact-hero{padding:150px 5% 64px;background:#062c21 url('assets/testimonial-green-background.png') center/cover;color:white;text-align:center}
#contact .contact-hero h1{font-size:clamp(40px,5vw,72px);line-height:1.06;letter-spacing:-.04em;margin:18px 0 24px;text-transform:none}
#contact .contact-hero p{color:white;max-width:620px;margin:0 auto;font-size:17px;line-height:1.7}
#contact .contact-shell{width:90%;max-width:860px;margin:auto;padding:80px 0;display:grid;grid-template-columns:1fr;gap:64px;align-items:start}
#contact .contact-kicker{font-size:12px;letter-spacing:.12em;color:var(--logo-green);font-weight:700}
#contact h2{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.025em;margin:0 0 24px;text-transform:none}
#contact .contact-intro>p{line-height:1.8;color:#535a53}
#contact .contact-note{margin-top:36px;padding:28px;border-radius:20px;color:white;background:linear-gradient(135deg,#244d39,#0d3026)}
#contact .contact-note h3{font-size:21px;margin:0 0 14px;color:white}
#contact .contact-note p{color:white;line-height:1.7;margin:0}
#contact .contact-form{display:block;padding:36px;border:1px solid #dfe4d9;border-radius:26px;background:#f7f8f5;box-shadow:0 15px 45px #17321d0a}
#contact .contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}
#contact .contact-wide{grid-column:1/-1}
#contact label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600;color:#252d25}
#contact label span{font-weight:400;color:#616861}
#contact :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;padding:13px 14px;border:1px solid #cdd4c8;border-radius:10px;background:white;color:#171b17;font:400 16px/1.5 Inter,sans-serif}
#contact textarea{resize:vertical}
#contact :is(input,select,textarea,button):focus-visible{outline:3px solid var(--logo-green);outline-offset:3px}
#contact .contact-required{font-size:13px;color:#616861;margin-bottom:26px}
#contact .contact-submit{margin-top:28px;padding:15px 28px;border:0;border-radius:999px;background:var(--logo-green);color:#fff;font:700 16px Inter,sans-serif;cursor:pointer}
#contact .contact-submit:hover{filter:brightness(.9)}
#contact .contact-status{font-size:14px;line-height:1.6;margin:18px 0 0}
@media(max-width:850px){#contact .contact-shell{grid-template-columns:1fr;gap:32px;padding:48px 0}#contact .contact-note{margin-top:24px}}
@media(max-width:500px){#contact .contact-fields{grid-template-columns:1fr}#contact .contact-form{padding:24px}#contact .contact-hero{padding-top:130px}}

@media(min-width:801px){#contact .contact-hero h1{white-space:nowrap;font-size:clamp(36px,5vw,72px)}}

#contact .contact-direct{text-align:center}
#contact .contact-direct p{margin:0 0 12px;color:#535a53;font-size:17px;line-height:1.6}
#contact .contact-direct-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}
#contact .contact-direct a{color:#366419;font-weight:600;text-decoration:underline;text-underline-offset:4px;line-height:1.6}
#contact .contact-direct a:focus-visible{outline:2px solid var(--logo-green);outline-offset:5px}