.ke-site .ke-page-get-involved { --green: #344331; --deep: #1d261d; --gold: #b38a43; --cream: #f2ede3; --paper: #fbf9f4; --ink: #20241f; --muted: #686d65; --line: #d8d0c3; }

.ke-site .ke-page-get-involved { margin: 0px; background: var(--paper); color: var(--ink); font-family: Inter, Arial, sans-serif; }



.ke-site .ke-page-get-involved .w { width: calc(100% - 48px); max-width: 1180px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.ke-site .ke-page-get-involved .eye { font-size: 8px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); }
.ke-site .ke-page-get-involved h1, .ke-site .ke-page-get-involved h2, .ke-site .ke-page-get-involved h3 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 500; margin: 0px; }
.ke-site .ke-page-get-involved p { font-size: 12px; line-height: 1.75; color: var(--muted); }
.ke-site .ke-page-get-involved .btn { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--green); padding: 13px 17px; background: transparent; color: var(--green); font-size: 8px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; cursor: pointer; transition: 0.25s; }
.ke-site .ke-page-get-involved .btn:hover { background: var(--green); color: rgb(255, 255, 255); }
.ke-site .ke-page-get-involved .reveal { opacity: 0; transform: translateY(16px); transition: 0.7s; }
.ke-site .ke-page-get-involved .reveal.show { opacity: 1; transform: none; }
.ke-site .ke-page-get-involved .nav { height: 100%; display: flex; align-items: center; gap: 30px; }
.ke-site .ke-page-get-involved .brand { display: flex; align-items: center; gap: 10px; margin-right: auto; font: 20px "Cormorant Garamond"; }
.ke-site .ke-page-get-involved .brand img { width: 31px; height: 31px; object-fit: contain; }
.ke-site .ke-page-get-involved .links { display: flex; align-items: center; gap: 22px; font-size: 8px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.ke-site .ke-page-get-involved .links a:hover { color: var(--gold); }
.ke-site .ke-page-get-involved .navcta { background: var(--green); padding: 12px 14px; color: rgb(255, 255, 255) !important; }
.ke-site .ke-page-get-involved .hero { min-height: 660px; background: var(--deep); color: rgb(255, 255, 255); position: relative; overflow: hidden; display: flex; align-items: center; }
.ke-site .ke-page-get-involved .heroart { position: absolute; inset: 0px 0px 0px 52%; opacity: 0.38; }
.ke-site .ke-page-get-involved .heroart::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg,var(--deep),transparent 75%); }
.ke-site .ke-page-get-involved .heroart img { filter: saturate(0.65); }
.ke-site .ke-page-get-involved .hero .w { position: relative; z-index: 2; padding: 100px 0px; }
.ke-site .ke-page-get-involved .hero h1 { font-size: clamp(65px, 8vw, 118px); line-height: 0.82; letter-spacing: -0.04em; max-width: 850px; }
.ke-site .ke-page-get-involved .hero h1 em { display: block; color: rgb(216, 186, 120); font-weight: 500; }
.ke-site .ke-page-get-involved .hero p { max-width: 570px; color: rgb(204, 210, 202); font-size: 14px; margin: 28px 0px; }
.ke-site .ke-page-get-involved .hero .btn { border-color: var(--gold); color: rgb(255, 255, 255); }
.ke-site .ke-page-get-involved .hero .btn:hover { background: var(--gold); color: var(--deep); }
.ke-site .ke-page-get-involved .choose { padding: 115px 0px; background: var(--cream); }
.ke-site .ke-page-get-involved .sectionhead { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 70px; align-items: end; margin-bottom: 45px; }
.ke-site .ke-page-get-involved .sectionhead h2 { font-size: 58px; line-height: 0.95; margin-top: 8px; }
.ke-site .ke-page-get-involved .choicegrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; max-width: 100%; box-sizing: border-box; }
.ke-site .ke-page-get-involved .choice { min-width: 0; width: 100%; max-width: 100%; box-sizing: border-box; min-height: 320px; padding: 30px; border: 1px solid rgb(201, 192, 178); background: var(--paper); display: flex; flex-direction: column; cursor: pointer; transition: 0.3s; text-align: left; }
.ke-site .ke-page-get-involved .choice:hover { background: var(--green); color: rgb(255, 255, 255); transform: translateY(-3px); }
.ke-site .ke-page-get-involved .choice:hover p { color: rgb(210, 215, 207); }
.ke-site .ke-page-get-involved .choice:hover .choiceicon { color: rgb(224, 192, 120); }
.ke-site .ke-page-get-involved .choiceicon { font: italic 44px "Cormorant Garamond"; color: var(--gold); }
.ke-site .ke-page-get-involved .choice h3 { font-size: 38px; margin: 20px 0px 10px; }
.ke-site .ke-page-get-involved .choice p { font-size: 10.5px; }
.ke-site .ke-page-get-involved .choice span:last-child { margin-top: auto; font-size: 8px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); }
.ke-site .ke-page-get-involved .openline { padding: 90px 0px; background: var(--green); color: rgb(255, 255, 255); }
.ke-site .ke-page-get-involved .openbox { display: grid; grid-template-columns: 1fr 0.9fr; gap: 80px; align-items: center; }
.ke-site .ke-page-get-involved .openbox h2 { font-size: 53px; line-height: 1; }
.ke-site .ke-page-get-involved .openbox p { color: rgb(203, 209, 200); }
.ke-site .ke-page-get-involved .openbox .btn { border-color: var(--gold); color: rgb(255, 255, 255); }
.ke-site .ke-page-get-involved .openbox .btn:hover { background: var(--gold); color: var(--deep); }
.ke-site .ke-page-get-involved .contact { padding: 120px 0px; }
.ke-site .ke-page-get-involved .contactgrid { display: grid; grid-template-columns: 1.25fr 0.75fr; gap: 70px; }
.ke-site .ke-page-get-involved .formintro h2 { font-size: 60px; line-height: 0.95; margin: 8px 0px 18px; }
.ke-site .ke-page-get-involved .selected { display: none; margin: 22px 0px 0px; padding: 14px 17px; border-left: 3px solid var(--gold); background: var(--cream); font-size: 10px; }
.ke-site .ke-page-get-involved .selected.show { display: block; }
.ke-site .ke-page-get-involved .formgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 30px; }
.ke-site .ke-page-get-involved .field { display: flex; flex-direction: column; gap: 7px; }
.ke-site .ke-page-get-involved .field.full { grid-column: 1 / -1; }
.ke-site .ke-page-get-involved .field label { font-size: 8px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.ke-site .ke-page-get-involved .field input, .ke-site .ke-page-get-involved .field select, .ke-site .ke-page-get-involved .field textarea { border: 1px solid rgb(189, 181, 169); background: rgb(255, 255, 255); padding: 13px; outline: none; }
.ke-site .ke-page-get-involved .field input:focus, .ke-site .ke-page-get-involved .field select:focus, .ke-site .ke-page-get-involved .field textarea:focus { border-color: var(--gold); }
.ke-site .ke-page-get-involved .field textarea { min-height: 135px; resize: vertical; }
.ke-site .ke-page-get-involved .consent { font-size: 9px; color: var(--muted); display: flex; gap: 8px; align-items: flex-start; }
.ke-site .ke-page-get-involved .formstatus { font-size: 9px; color: var(--green); margin-top: 10px; }
.ke-site .ke-page-get-involved .contactside { padding: 38px; background: var(--cream); align-self: start; position: sticky; top: 105px; }
.ke-site .ke-page-get-involved .contactside h3 { font-size: 37px; margin: 8px 0px 18px; }
.ke-site .ke-page-get-involved .contactitem { padding: 20px 0px; border-top: 1px solid rgb(206, 197, 184); }
.ke-site .ke-page-get-involved .contactitem:first-of-type { border-top: 0px; }
.ke-site .ke-page-get-involved .contactitem strong { display: block; font-size: 8px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); margin-bottom: 7px; }
.ke-site .ke-page-get-involved .contactitem a, .ke-site .ke-page-get-involved .contactitem span { font: 22px "Cormorant Garamond"; color: var(--green); }
.ke-site .ke-page-get-involved .contactnote { margin-top: 28px; padding-top: 25px; border-top: 1px solid rgb(206, 197, 184); }
.ke-site .ke-page-get-involved .contactnote p { font-size: 10px; }
.ke-site .ke-page-get-involved .expect { padding: 100px 0px; background: var(--cream); }
.ke-site .ke-page-get-involved .expectgrid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 80px; }
.ke-site .ke-page-get-involved .expect h2 { font-size: 51px; line-height: 1; }
.ke-site .ke-page-get-involved .expectsteps { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgb(201, 192, 178); }
.ke-site .ke-page-get-involved .expectstep { padding: 25px 20px 0px 0px; }
.ke-site .ke-page-get-involved .expectstep .n { font: 35px "Cormorant Garamond"; color: var(--gold); }
.ke-site .ke-page-get-involved .expectstep h3 { font-size: 26px; margin: 9px 0px; }
.ke-site .ke-page-get-involved .expectstep p { font-size: 9.5px; }
.ke-site .ke-page-get-involved .final { padding: 95px 0px; background: var(--deep); color: rgb(255, 255, 255); text-align: center; }
.ke-site .ke-page-get-involved .final h2 { font-size: 62px; max-width: 760px; margin: 10px auto; }
.ke-site .ke-page-get-involved .final p { max-width: 600px; margin: 0px auto; color: rgb(189, 197, 187); }
.ke-site .ke-page-get-involved .footgrid { display: grid; grid-template-columns: 1.4fr 0.8fr 0.8fr 1fr; gap: 45px; }
.ke-site .ke-page-get-involved .footbrand { font: 31px "Cormorant Garamond"; margin-bottom: 10px; }
.ke-site .ke-page-get-involved .footgrid p { color: rgb(159, 167, 157); font-size: 9px; }
.ke-site .ke-page-get-involved .footgrid h4 { font: 600 8px Inter; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(212, 179, 109); }
.ke-site .ke-page-get-involved .footgrid a { display: block; font-size: 9px; color: rgb(194, 200, 192); margin: 10px 0px; }
.ke-site .ke-page-get-involved .copyright { border-top: 1px solid rgba(255, 255, 255, 0.11); margin-top: 35px; padding-top: 20px; color: rgb(127, 136, 126); font-size: 8px; }
@media (max-width: 900px) {
.ke-site .ke-page-get-involved .links { display: none; }
.ke-site .ke-page-get-involved .choicegrid { grid-template-columns: 1fr 1fr; }
.ke-site .ke-page-get-involved .contactgrid, .ke-site .ke-page-get-involved .sectionhead, .ke-site .ke-page-get-involved .openbox, .ke-site .ke-page-get-involved .expectgrid { grid-template-columns: 1fr; }
.ke-site .ke-page-get-involved .contactside { position: static; }
.ke-site .ke-page-get-involved .footgrid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
.ke-site .ke-page-get-involved .w { width: calc(100% - 30px); max-width: 1180px; }
.ke-site .ke-page-get-involved .hero { min-height: 630px; }
.ke-site .ke-page-get-involved .heroart { inset: 0px; opacity: 0.22; }
.ke-site .ke-page-get-involved .hero h1 { font-size: 61px; }
.ke-site .ke-page-get-involved .choose, .ke-site .ke-page-get-involved .contact, .ke-site .ke-page-get-involved .expect { padding: 75px 0px; }
.ke-site .ke-page-get-involved .choicegrid, .ke-site .ke-page-get-involved .formgrid, .ke-site .ke-page-get-involved .expectsteps, .ke-site .ke-page-get-involved .footgrid { grid-template-columns: 1fr; }
.ke-site .ke-page-get-involved .choice { min-height: 245px; }
.ke-site .ke-page-get-involved .field.full { grid-column: auto; }
.ke-site .ke-page-get-involved .sectionhead h2, .ke-site .ke-page-get-involved .formintro h2, .ke-site .ke-page-get-involved .openbox h2 { font-size: 44px; }
.ke-site .ke-page-get-involved .final h2 { font-size: 45px; }
}