.contact-page {max-width:900px; margin:0 auto; padding:55px 30px 80px;}
.contact-heading {max-width:700px; margin-bottom:30px;}
.contact-heading h1 {margin:5px 0 12px; font-family:Georgia,"Times New Roman",serif; font-size:42px; line-height:1.1; color:#173c25;}
.contact-heading p {margin:0; color:#5d675f; font-size:17px; line-height:1.6;}
.contact-card {max-width:700px; padding:30px; background:#fff; border:1px solid #dde3da; border-radius:12px; box-shadow:0 4px 18px rgba(32,60,38,.06);}
.contact-field {margin-bottom:20px;}
.contact-field label {display:block; margin-bottom:7px; color:#26382b; font-size:14px; font-weight:700;}
.contact-field input,.contact-field textarea {box-sizing:border-box; width:100%; padding:12px 14px; background:#fff; border:1px solid #ccd5cb; border-radius:7px; color:#333; font:inherit;}
.contact-field input {height:46px;}
.contact-field textarea {min-height:150px; resize:vertical;}
.contact-field input:focus,.contact-field textarea:focus {outline:none; border-color:#4b8d43; box-shadow:0 0 0 2px rgba(75,141,67,.12);}
.contact-button {padding:12px 22px; background:#286b3e; color:#fff; border:0; border-radius:7px; font:inherit; font-weight:700; cursor:pointer;}
.contact-button:hover {background:#205a34;}
.contact-message {display:none; margin-bottom:20px; padding:12px 15px; border-radius:7px;}
.contact-error {display:block; background:#f9e8e6; border:1px solid #e5bbb6; color:#842f28;}
.contact-success {display:block; background:#e9f3e9; border:1px solid #bfd7c1; color:#286b3e;}

@media (max-width:650px) {
.contact-page {padding:35px 18px 60px;}
.contact-heading h1 {font-size:34px;}
.contact-card {padding:20px;}
}

.contact-options {display:grid; grid-template-columns:280px 1fr; gap:35px; align-items:start;}
.contact-phone {padding:28px; background:#173c25; border-radius:12px; color:#fff;}
.contact-phone h2 {margin:5px 0 12px; font-family:Georgia,"Times New Roman",serif; font-size:27px; color:#fff;}
.contact-phone p {margin:0 0 22px; color:rgba(255,255,255,.78); font-size:15px; line-height:1.6;}
.contact-phone .section-eyebrow {color:#b9d3bc;}
.contact-phone-number {display:block; margin-bottom:8px; color:#fff; font-size:21px; font-weight:700; text-decoration:none;}
.contact-phone-number:hover {text-decoration:underline;}
.contact-phone-note {display:block; color:rgba(255,255,255,.65); font-size:13px;}

@media (max-width:700px) {
.contact-options {grid-template-columns:1fr;}
}