.blcs-areas { color: #47534c; }
.blcs-areas h2, .blcs-areas h3 { color: #202b25; }
.blcs-areas-editor, .blcs-areas-intro { margin-bottom: 2.5rem; }
.blcs-areas-intro { max-width: 760px; }
.blcs-areas-intro h2, .blcs-areas-region h2, .blcs-areas-cta h2 { margin: 0 0 1rem; font-size: clamp(2rem, 3vw, 2.8rem); }
.blcs-areas-intro p { font-size: 1.075rem; line-height: 1.8; }
.blcs-area-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #dde5dc; }
.blcs-area-photo { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: #f3f7f2; }
.blcs-area-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.blcs-area-photo > span { display: grid; place-items: center; height: 100%; font-size: 3rem; color: #087a16; }
.blcs-area-copy { display: flex; flex-direction: column; flex: 1; padding: clamp(1.25rem, 2vw, 1.75rem); }
.blcs-areas .blcs-areas-eyebrow { margin: 0 0 .65rem; color: #087a16; font-size: .75rem; font-weight: 700; letter-spacing: .13em; line-height: 1.5; }
.blcs-area-copy h3 { margin: 0 0 .8rem; font-size: 1.85rem; }
.blcs-area-copy h3 a { color: inherit; text-decoration: none; }
.blcs-area-copy > p:not(.blcs-areas-eyebrow) { line-height: 1.75; margin-bottom: 1.5rem; }
.blcs-area-link { display: inline-flex; align-items: center; gap: .75rem; margin-top: auto; padding-top: .5rem; color: #087a16; font-weight: 700; text-decoration: none; }
.blcs-area-link:hover, .blcs-area-copy h3 a:hover { color: #055a10; }
.blcs-area-link:focus-visible, .blcs-area-copy h3 a:focus-visible { outline: 2px solid #087a16; outline-offset: 4px; }
.blcs-areas-region { margin-top: clamp(3rem, 6vw, 5rem); padding: clamp(1.5rem, 4vw, 3rem); background: #f3f7f2; border-top: 3px solid #087a16; }
.blcs-areas-text { line-height: 1.8; }
.blcs-areas-communities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; list-style: none; padding: 0; margin: 0; }
.blcs-areas-communities li { display: flex; align-items: baseline; gap: .7rem; font-weight: 600; }
.blcs-areas-communities i { color: #087a16; }
.blcs-areas-aquatic { margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid #dde5dc; }
.blcs-areas-aquatic h3 { font-size: 1.5rem; }
.blcs-areas-aquatic p { line-height: 1.75; margin-bottom: 0; }
.blcs-areas-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(1.5rem, 4vw, 3rem); margin-top: clamp(3rem, 6vw, 5rem); background: #082d46; color: #fff; }
.blcs-areas-cta > div { max-width: 670px; }
.blcs-areas .blcs-areas-cta h2 { color: #fff; }
.blcs-areas .blcs-areas-cta .blcs-areas-eyebrow { color: #bbd9b8; }
.blcs-areas-cta p:last-child { margin-bottom: 0; line-height: 1.75; }
.blcs-areas-cta .btn { flex-shrink: 0; white-space: nowrap; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) { .blcs-area-card:hover .blcs-area-photo img { transform: scale(1.035); } }
@media (max-width: 767.98px) { .blcs-areas-cta { flex-direction: column; align-items: flex-start; } }
@media (max-width: 399.98px) { .blcs-areas-communities { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .blcs-area-photo img { transition: none; } }