.membership-page{--membership-green:#153d31;--membership-cream:#f3f5ee}
.membership-page main{padding-top:25px}
.membership-hero{position:relative;isolation:isolate;min-height:490px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-radius:15px 15px 48% 10% / 15px 15px 9% 3%;background:#244b36}
.membership-hero>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.membership-hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(7,35,25,.76),rgba(7,35,25,.3),rgba(7,35,25,.6))}
.membership-hero-copy{position:relative;z-index:2;padding:55px 25px 70px;color:white;width:100%}
.membership-hero-copy>span{font-size:.75rem;letter-spacing:.18em;line-height:1.7}
.membership-page .membership-hero h1{font-size:clamp(2.2rem,6.3vw,6.1rem);font-weight:600;letter-spacing:.065em;line-height:1.12;text-transform:uppercase;margin:27px 0 22px;color:#fff}
@supports(-webkit-text-stroke:1px white){.membership-page .membership-hero h1{-webkit-text-stroke:1.5px #fff;color:transparent}}
.membership-hero p{font-size:1.25rem;line-height:1.6;margin:0 0 29px;color:#fff}
.membership-button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid #224b36;border-radius:30px;padding:13px 19px;text-decoration:none;background:var(--membership-green);color:white;font-size:.875rem;line-height:1.4}
.membership-button:hover{background:#2e5942}
.membership-button.light-button{background:white;border-color:white;color:#1f4835}
.membership-button.light-button:hover{background:#e6ede2;border-color:#e6ede2}
.membership-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding:70px 0;border-bottom:1px solid var(--line)}
.membership-intro h2{font-size:clamp(2rem,3vw,3rem);margin-top:24px}
.membership-intro p{font-size:1rem;line-height:1.85;color:#606e61;margin:0 0 19px}
.membership-text-link{display:inline-flex;align-items:center;gap:25px;font-size:.875rem;line-height:1.6;text-underline-offset:5px}
.membership-options{padding:62px 0 65px}
.membership-heading{text-align:center;max-width:600px;margin:0 auto 38px}
.membership-heading h2{font-size:2.8rem;line-height:1.1;margin:22px 0}
.membership-heading p{font-size:1rem;line-height:1.75;color:#61705f;margin:0}
.membership-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.membership-card{border:1px solid #dce4d7;background:#f6f7f2;border-radius:13px;padding:30px 27px;display:flex;align-items:flex-start;flex-direction:column;min-width:0}
.membership-card.volunteer-card{background:#eaf0e4;border-color:#cad8bd}
.membership-card-label{font-size:.75rem;line-height:1.7;letter-spacing:.08em;color:#5f7359}
.membership-card h3{font-size:2.25rem;line-height:1.1;letter-spacing:-.04em;margin:30px 0 22px}
.membership-card p{font-size:1rem;line-height:1.8;color:#5e6b5a;margin:0 0 30px}
.membership-card .membership-button{margin-top:auto;width:100%;gap:10px;padding:12px 15px;font-size:.8125rem}
.membership-mail-note{text-align:center;font-size:.8125rem;line-height:1.6;color:#687461;margin:20px 0 0}
.membership-purpose{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:58px 0 67px;border-top:1px solid var(--line);align-items:center}
.membership-purpose figure{margin:0}
.membership-purpose img{display:block;width:100%;height:375px;object-fit:cover;border-radius:13px}
.membership-purpose figcaption{font-size:.75rem;letter-spacing:.09em;color:#66755f;margin-top:16px}
.membership-purpose h2{margin:24px 0;font-size:2.7rem}
.membership-purpose p,.membership-purpose li{font-size:1rem;line-height:1.75;color:#606e5c}
.membership-purpose p{margin:0 0 15px}.membership-purpose ul{padding-left:20px;margin:18px 0 25px}.membership-purpose li{padding:5px 0}
.membership-enquiry{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:var(--membership-green);color:white;padding:47px;border-radius:15px;margin:0 0 55px;scroll-margin-top:25px}
.membership-enquiry .section-label{color:#becfba}
.membership-enquiry h2{margin:22px 0;font-size:2.7rem}
.membership-enquiry p{font-size:1rem;line-height:1.8;color:#d2dfcf;max-width:400px;margin:0 0 25px}
.membership-contact{min-width:0;border-left:1px solid #53715c;padding-left:36px}
.membership-email{display:block;font-size:1.15rem;line-height:1.7;overflow-wrap:anywhere;margin:20px 0 25px;text-underline-offset:5px}
.membership-contact p{margin:0 0 6px;font-size:.875rem}
.membership-phone{display:inline-block;font-size:1.2rem;line-height:1.6;text-underline-offset:5px}
.membership-contact .membership-enquiry-note{font-size:.8125rem;line-height:1.7;margin:29px 0 0;max-width:290px}
.membership-other{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:0 0 60px}
.membership-other h2{font-size:2rem}.membership-other p{font-size:1rem;line-height:1.7;color:#63725e;margin:15px 0 0}
.membership-other .pill-link{flex-shrink:0;font-size:.8755rem}
@media(max-width:1000px){.membership-hero{min-height:450px}.membership-intro,.membership-purpose,.membership-enquiry{gap:35px}.membership-cards{gap:15px}.membership-card{padding:25px 21px}.membership-card h3{font-size:1.95rem}.membership-card .membership-button{border-radius:13px}.membership-purpose h2,.membership-enquiry h2{font-size:2.3rem}.membership-enquiry{padding:35px}.membership-contact{padding-left:25px}}
@media(max-width:700px){.membership-page main{padding-top:18px}.membership-hero{min-height:410px;border-radius:12px 12px 38% 10% / 12px 12px 5% 2%}.membership-hero-copy{position:relative;z-index:2;padding:43px 15px 55px}.membership-hero-copy>span{font-size:.75rem;letter-spacing:.08em}.membership-page .membership-hero h1{font-size:clamp(1.95rem,8.1vw,3.5rem);letter-spacing:.045em;margin:26px 0 22px;-webkit-text-stroke:1px #fff}.membership-hero p{font-size:1.0625rem}.membership-intro{grid-template-columns:1fr;gap:25px;padding:37px 0}.membership-intro h2{font-size:2.05rem;margin-top:20px}.membership-options{padding:36px 0 40px}.membership-heading{margin-bottom:28px}.membership-heading h2{font-size:2.2rem;margin:20px 0}.membership-cards{grid-template-columns:1fr;gap:17px}.membership-card{padding:27px}.membership-card h3{font-size:2.2rem;margin:25px 0 18px}.membership-card p{margin-bottom:24px}.membership-card .membership-button{border-radius:30px;font-size:.875rem;width:auto;gap:24px}.membership-purpose{grid-template-columns:1fr;gap:30px;padding:38px 0}.membership-purpose img{height:265px}.membership-purpose h2{font-size:2.25rem}.membership-enquiry{grid-template-columns:1fr;padding:27px;gap:32px;margin-bottom:36px}.membership-enquiry h2{font-size:2.25rem}.membership-contact{border-left:0;border-top:1px solid #53715c;padding:26px 0 0}.membership-email{font-size:1rem}.membership-other{display:block;padding-bottom:42px}.membership-other h2{font-size:1.9rem}.membership-other .pill-link{margin-top:23px}}