.get-involved { position: relative; width: 100vw; max-width: none; overflow: hidden; padding: clamp(88px, 10vw, 145px) 0; background: #fff; }
.get-involved__shape { position: absolute; top: -230px; left: -210px; width: 520px; height: 520px; border-radius: 50%; background: var(--green-100); opacity: .65; }
.get-involved__shape::after { content: ''; position: absolute; inset: 56px; border: 1px solid rgb(13 53 43 / 12%); border-radius: inherit; }
.get-involved__header { position: relative; max-width: 850px; margin: 0 auto 58px; text-align: center; }
.get-involved__header .section-eyebrow { justify-content: center; }
.get-involved__header h2 { margin: 0; color: var(--green-950); font-family: 'Playfair Display', Georgia, serif; font-size: clamp(2.7rem, 5vw, 4.8rem); letter-spacing: -.04em; line-height: 1.04; }
.get-involved__header h2 em { color: #168260; font-weight: inherit; }
.get-involved__header > p:last-child { max-width: 670px; margin: 24px auto 0; color: var(--muted); font-size: 1.04rem; }
.involvement-grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.involvement-card { position: relative; display: flex; min-height: 365px; align-items: flex-start; flex-direction: column; padding: 37px 29px 31px; overflow: hidden; border: 1px solid rgb(13 53 43 / 10%); background: var(--cream); transition: color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease; }
.involvement-card::after { content: ''; position: absolute; right: -78px; bottom: -88px; width: 170px; height: 170px; border: 1px solid rgb(13 53 43 / 10%); border-radius: 50%; transition: transform .3s ease; }
.involvement-card:hover { background: var(--green-900); color: #fff; transform: translateY(-7px); box-shadow: 0 22px 50px rgb(13 53 43 / 15%); }
.involvement-card:hover::after { border-color: rgb(225 182 87 / 35%); transform: scale(1.2); }
.involvement-card--accent { background: var(--green-900); color: #fff; }
.involvement-card__icon { display: grid; width: 64px; height: 64px; margin-bottom: 36px; place-items: center; border-radius: 50%; background: var(--green-100); color: var(--green-800); transition: background .25s ease, color .25s ease; }
.involvement-card__icon svg { width: 33px; height: 33px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.involvement-card:hover .involvement-card__icon, .involvement-card--accent .involvement-card__icon { background: var(--gold); color: var(--green-950); }
.involvement-card__number { position: absolute; top: 31px; right: 27px; color: rgb(13 53 43 / 20%); font-size: .76rem; font-weight: 800; letter-spacing: .08em; }
.involvement-card:hover .involvement-card__number, .involvement-card--accent .involvement-card__number { color: rgb(255 255 255 / 30%); }
.involvement-card h3 { margin: 0 0 13px; color: var(--green-950); font-family: 'Playfair Display', Georgia, serif; font-size: 1.75rem; transition: color .25s ease; }
.involvement-card p { margin: 0; color: var(--muted); font-size: .94rem; transition: color .25s ease; }
.involvement-card:hover h3, .involvement-card--accent h3 { color: #fff; }
.involvement-card:hover p, .involvement-card--accent p { color: rgb(255 255 255 / 75%); }
.involvement-card > a { position: relative; z-index: 1; display: inline-flex; gap: 9px; margin-top: auto; padding-top: 26px; color: #157a5e; font-size: .79rem; font-weight: 800; letter-spacing: .055em; text-decoration: none; text-transform: uppercase; }
.involvement-card:hover > a, .involvement-card--accent > a { color: var(--gold-light); }
.involvement-card > a span { transition: transform .2s ease; }
.involvement-card > a:hover span { transform: translateX(5px); }

@media (max-width: 980px) {
	.involvement-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
	.get-involved { padding: 76px 0; }
	.get-involved__header { margin-bottom: 40px; }
	.involvement-grid { grid-template-columns: 1fr; }
	.involvement-card { min-height: 320px; }
}