.association-hero-button { font-size:.85rem; margin-top:25px; }
.association-hero-button span { margin-left:20px; }
.association-story { display:grid; grid-template-columns:1.7fr 1fr; gap:80px; align-items:center; padding-top:60px; padding-bottom:60px; }
.association-story .eyebrow,.membership-copy .eyebrow { color:#a3552f; }
.association-page .association-story h2 { font-size:2.4rem; margin-bottom:25px; }
.association-story p:not(.eyebrow) { color:#596e5e; font-size:.93rem; line-height:1.8; }
.association-story .association-lead { font-size:1.07rem; color:#214c36; }
.association-story figure { margin:0; text-align:center; padding:25px; background:#eae8da; border-top:3px solid #ce6b36; }
.association-story figure img { max-height:300px; width:auto; border:8px solid #fffdf2; transform:rotate(2deg); box-shadow:0 6px 20px #173d3515; }
.association-story figcaption { margin-top:25px; }
.association-story figcaption strong { font:400 1.4rem Georgia,serif; display:block; }
.association-story figcaption span { display:block; color:#65745e; font-size:.75rem; margin-top:8px; }
.association-missions { background:#eeece1; padding:45px 0 50px; }
.association-missions .eyebrow { color:#a3552f; }
.association-page .association-missions h2 { font-size:2.3rem; }
.mission-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }
.mission-grid article { border-top:1px solid #cccdbb; padding-top:25px; }
.mission-grid i { font-size:1.7rem; color:#b5582c; margin-bottom:20px; }
.mission-grid h3 { font-size:1.65rem; margin-bottom:15px; }
.mission-grid p { font-size:.87rem; color:#5c705e; line-height:1.8; margin:0; }
.association-membership { display:grid; grid-template-columns:1.4fr 1fr; align-items:start; gap:80px; padding-top:60px; padding-bottom:60px; scroll-margin-top:130px; }
.association-page .membership-copy h2 { font-size:2.5rem; margin-bottom:25px; }
.membership-copy>p:not(.eyebrow) { color:#566c5a; font-size:.95rem; line-height:1.8; }
.membership-copy h3 { font-size:1.4rem; margin-top:30px; }
.membership-benefits { list-style:none; padding:0; margin:20px 0 25px; }
.membership-benefits li { position:relative; padding-left:28px; margin-bottom:15px; color:#426449; font-size:.9rem; }
.membership-benefits li::before { content:'✓'; position:absolute; left:0; color:#27764b; font-weight:700; }
.membership-copy .membership-tax { font-size:.78rem!important; padding-top:20px; border-top:1px solid #dddacb; }
.membership-card { padding:32px; background:#fffdf7; border:1px solid #dedacc; border-top:4px solid #c65d30; border-radius:5px; box-shadow:0 5px 20px #173d3508; }
.membership-card>.eyebrow { color:#a05b32; }
.membership-price { font:400 5rem Georgia,serif; line-height:1; color:#0c5237; margin:20px 0 10px; }
.membership-price span { font-size:2.7rem; }
.membership-period { color:#63725e; font-size:.85rem; }
.membership-divider { height:1px; background:#e2decf; margin:25px 0; }
.membership-card h3 { font-size:1.45rem; }
.membership-card ol { padding-left:20px; color:#5b6d59; font-size:.85rem; line-height:1.8; margin:20px 0 25px; }
.membership-card li { margin-bottom:12px; }
.membership-card .btn { display:block; font-size:.85rem; }
.membership-card .btn span { margin-left:10px; }
.membership-contact { display:block; text-align:center; color:#27704a; font-size:.77rem; margin-top:20px; }
.association-connect { padding:45px 0; background:#073e30; }
.association-connect>.container { display:grid; grid-template-columns:1.5fr 1fr; gap:80px; align-items:center; }
.association-connect .eyebrow { color:#e7b17a; }
.association-page .association-connect h2 { color:#fff9e9; font-size:2.2rem; }
.association-connect p:not(.eyebrow) { font-size:.9rem; color:#d4dfcd; line-height:1.8; margin-top:20px; }
.association-links a { display:flex; align-items:center; gap:15px; padding:20px 0; color:#f1e8d4; border-bottom:1px solid #5a8267; font-size:.9rem; }
.association-links a>i { color:#dfb37e; width:20px; }
.association-links a>span { margin-left:auto; }
@media(max-width:991px) { .association-story { gap:35px; } .association-membership { gap:35px; } .association-connect>.container { gap:35px; } .membership-card { padding:25px; } .mission-grid { gap:25px; } }
@media(max-width:767px) { .association-story,.association-membership,.association-connect>.container { grid-template-columns:1fr; gap:30px; } .association-story figure { max-width:350px; width:100%; justify-self:center; } .mission-grid { grid-template-columns:1fr; gap:25px; } .mission-grid h3 br { display:none; } .association-story,.association-membership { padding-top:40px; padding-bottom:40px; } .membership-card { max-width:450px; width:100%; justify-self:center; } }
@media(max-width:575px) { .association-page .association-story h2,.association-page .membership-copy h2 { font-size:1.95rem; } .association-page .association-missions h2 { font-size:2rem; } .mission-grid h3 { font-size:1.45rem; } .association-page .association-connect h2 { font-size:1.85rem; } .association-membership { scroll-margin-top:105px; } }
