.hero-intro h1 { font-size: clamp(38px, 4.2vw, 56px); }
.contact { max-width: 620px; margin: 110px auto 120px; padding: 0 30px; }
.contact h2 { margin-bottom: 34px; }
.contact form { display: grid; gap: 18px; }
.contact label { display: grid; gap: 7px; font-size: 14px; font-weight: 600; }
.contact input, .contact textarea { font: inherit; font-size: 15px; color: inherit; background: #fff; border: 1px solid #d9e2dc; border-radius: 10px; padding: 12px 14px; }
.contact input:focus-visible, .contact textarea:focus-visible { outline: 3px solid #317b78; outline-offset: 2px; }
.contact textarea { resize: vertical; min-height: 110px; }
.contact .button { justify-self: start; }
.contact .trap { position: absolute; left: -10000px; }
#contact-status { font-size: 14px; color: #58625f; min-height: 1.6em; }
footer > span:last-child { margin-left: auto; }
@media (max-width: 540px) { .contact { margin: 70px auto 80px; padding: 0 24px; } footer > span:last-child { margin-left: 0; } }