.contact-hero { padding: 184px 0 86px; color: #fff; background: linear-gradient(110deg, rgba(8, 48, 35, .9), rgba(23, 97, 72, .7)), url("../images/member-garden.jpg") center / cover; }
.contact-hero p { margin: 0; color: var(--lime); font-size: 13px; font-weight: 700; letter-spacing: .18em; }
.contact-hero h1 { margin: 8px 0; font-size: clamp(38px, 5vw, 58px); font-weight: 400; letter-spacing: .08em; }
.container--contact { width: min(820px, calc(100% - 40px)); }
.contact-section { padding: 88px 0; }
.contact-message { margin-bottom: 30px; padding: 18px 22px; border-left: 4px solid var(--green); }
.contact-message p, .contact-message ul { margin: 0; }
.contact-message ul { padding-left: 1.25em; }
.contact-message--success { background: #edf2ec; }
.contact-message--error { border-color: #a54b4b; background: #fff4f4; }
.contact-form__field { margin-top: 24px; }
.contact-form__field label { display: block; margin-bottom: 8px; color: var(--green); font-weight: 700; }
.contact-form__field label b { display: inline-block; margin-left: 7px; padding: 1px 7px; color: #fff; background: var(--green); font-size: 12px; }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea { width: 100%; border: 1px solid #bfcac4; border-radius: 0; padding: 12px 14px; color: var(--ink); font: inherit; line-height: 1.6; }
.contact-form textarea { resize: vertical; }
.contact-notice { margin: 24px 0 0; color: #9b5656; font-size: 14px; font-weight: 700; }
.privacy-policy { margin-top: 36px; padding: 24px; background: var(--cream); }
.privacy-policy h2 { margin: 0 0 10px; color: var(--green); font-size: 21px; }
.privacy-policy p { margin: 0; font-size: 14px; }
.contact-form__agreement { margin-top: 18px; font-weight: 700; }
.contact-form__agreement input { width: 18px; height: 18px; margin-right: 8px; vertical-align: -3px; }
.contact-form__honeypot { position: absolute; left: -9999px; }
.contact-setup { margin: 18px 0 0; color: #9b5656; font-size: 14px; }
.contact-submit { display: flex; width: min(360px, 100%); align-items: center; justify-content: space-between; margin: 34px auto 0; padding: 15px 20px; border: 1px solid var(--green); color: #fff; background: var(--green); font: inherit; font-weight: 700; cursor: pointer; }
.contact-submit:hover, .contact-submit:focus-visible { color: var(--green); background: #fff; }
@media (max-width: 760px) { .contact-hero { padding: 130px 0 58px; } .contact-section { padding: 65px 0; } .privacy-policy { padding: 20px; } }