.ke-site .ke-page-impact-projects { --green: #20291f; --deep: #121812; --cream: #f5f0e6; --paper: #fbf8f1; --gold: #b6924b; --ink: #20211e; --muted: #686a63; --line: rgba(32,33,30,.16); }

.ke-site .ke-page-impact-projects { margin: 0px; background: var(--paper); color: var(--ink); font-family: Inter, sans-serif; overflow-x: hidden; }


.ke-site .ke-page-impact-projects .w { width: min(1180px, 100% - 48px); margin: auto; }
.ke-site .ke-page-impact-projects .eye { font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); font-weight: 600; }

.ke-site .ke-page-impact-projects h1 { font-size: clamp(65px, 10vw, 142px); line-height: 0.76; letter-spacing: -0.055em; margin: 24px 0px 34px; }
.ke-site .ke-page-impact-projects h2 { font-size: clamp(45px, 6vw, 82px); line-height: 0.92; letter-spacing: -0.035em; margin: 16px 0px 28px; }

.ke-site .ke-page-impact-projects .btn { display: inline-flex; align-items: center; gap: 20px; border: 1px solid; padding: 15px 21px; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; transition: 0.3s; }
.ke-site .ke-page-impact-projects .btn:hover { background: var(--gold); border-color: var(--gold); color: rgb(255, 255, 255); gap: 28px; }
.ke-site .ke-page-impact-projects .nav { height: 88px; display: flex; align-items: center; justify-content: space-between; }
.ke-site .ke-page-impact-projects .brand { display: flex; align-items: center; gap: 10px; }
.ke-site .ke-page-impact-projects .brand img { width: 38px; height: 38px; object-fit: contain; }
.ke-site .ke-page-impact-projects .brand span { font-family: "Cormorant Garamond"; font-size: 24px; }
.ke-site .ke-page-impact-projects .links { display: flex; align-items: center; gap: 24px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; }
.ke-site .ke-page-impact-projects .links a { position: relative; opacity: 0.82; }
.ke-site .ke-page-impact-projects .links a:hover, .ke-site .ke-page-impact-projects .links .active { opacity: 1; color: rgb(228, 197, 125); }
.ke-site .ke-page-impact-projects .links .active::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -12px; height: 1px; background: rgb(228, 197, 125); }
.ke-site .ke-page-impact-projects .navcta { border: 1px solid rgba(255, 255, 255, 0.667); padding: 12px 15px; }
.ke-site .ke-page-impact-projects .hero { min-height: 96vh; position: relative; color: white; display: flex; align-items: flex-end; background: linear-gradient(90deg, rgba(15, 21, 14, 0.92), rgba(15, 21, 14, 0.58), rgba(15, 21, 14, 0.24)), url("https://kunstelevate.nl/wp-content/uploads/2026/07/pexels-photo-6566005.jpeg") center center / cover; }
.ke-site .ke-page-impact-projects .hero::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(16, 23, 15, 0.816) 0%, transparent 45%); }
.ke-site .ke-page-impact-projects .heroin { position: relative; z-index: 2; padding: 185px 0px 82px; }
.ke-site .ke-page-impact-projects .hero p { font: clamp(22px, 2.4vw, 33px) / 1.28 "Cormorant Garamond"; color: rgb(238, 233, 223); max-width: 720px; }
.ke-site .ke-page-impact-projects .proofbar { display: flex; gap: 40px; margin-top: 55px; padding-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.227); }
.ke-site .ke-page-impact-projects .proofbar div { font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(213, 215, 208); }
.ke-site .ke-page-impact-projects .proofbar strong { font: 30px "Cormorant Garamond"; display: block; color: white; margin-bottom: 4px; }
.ke-site .ke-page-impact-projects .intro { padding: 115px 0px; }
.ke-site .ke-page-impact-projects .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: center; }
.ke-site .ke-page-impact-projects .intro .lead { font: clamp(34px, 4vw, 55px) / 1.06 "Cormorant Garamond"; margin: 20px 0px; }
.ke-site .ke-page-impact-projects .mini-flow { display: flex; gap: 0px; margin-top: 30px; flex-wrap: wrap; }
.ke-site .ke-page-impact-projects .mini-flow span { font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; border: 1px solid var(--line); padding: 10px 12px; margin: -1px 0px 0px -1px; }
.ke-site .ke-page-impact-projects .feature { background: var(--green); color: white; padding: 120px 0px; }
.ke-site .ke-page-impact-projects .feature p { color: rgb(197, 200, 192); }
.ke-site .ke-page-impact-projects .featuretop { display: grid; grid-template-columns: 0.72fr 1.28fr; gap: 6vw; align-items: end; margin-bottom: 55px; }
.ke-site .ke-page-impact-projects .project-title { font-size: clamp(80px, 13vw, 180px); line-height: 0.68; letter-spacing: -0.06em; margin: 30px 0px 40px; }
.ke-site .ke-page-impact-projects .project-sub { font: 30px "Cormorant Garamond"; color: rgb(229, 223, 211); }
.ke-site .ke-page-impact-projects .featurevisual { height: 650px; position: relative; overflow: hidden; }
.ke-site .ke-page-impact-projects .featurevisual img { transition: transform 1.4s; }
.ke-site .ke-page-impact-projects .featurevisual:hover img { transform: scale(1.035); }
.ke-site .ke-page-impact-projects .featurevisual::after { content: "HUMAN TRAFFICKING • FREEDOM • DIGNITY"; position: absolute; bottom: 24px; left: 25px; background: rgba(23, 29, 22, 0.867); padding: 12px 16px; font-size: 9px; letter-spacing: 0.16em; }
.ke-site .ke-page-impact-projects .trio { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid rgba(255, 255, 255, 0.145); margin-top: 55px; }
.ke-site .ke-page-impact-projects .trio div { padding: 30px; border-right: 1px solid rgba(255, 255, 255, 0.145); }
.ke-site .ke-page-impact-projects .trio div:last-child { border: 0px; }
.ke-site .ke-page-impact-projects .trio h3 { font-size: 34px; margin: 10px 0px; }
.ke-site .ke-page-impact-projects .trio p { font-size: 12px; margin: 0px; }
.ke-site .ke-page-impact-projects .journey { padding: 115px 0px; }
.ke-site .ke-page-impact-projects .journeyhead { max-width: 700px; margin-bottom: 55px; }
.ke-site .ke-page-impact-projects .journeyrow { display: grid; grid-template-columns: 150px 1fr 1.2fr; gap: 35px; padding: 28px 0px; border-top: 1px solid var(--line); align-items: center; transition: 0.3s; }
.ke-site .ke-page-impact-projects .journeyrow:last-child { border-bottom: 1px solid var(--line); }
.ke-site .ke-page-impact-projects .journeyrow:hover { padding-left: 12px; background: rgb(245, 240, 230); }
.ke-site .ke-page-impact-projects .journeyrow .num { font: 42px "Cormorant Garamond"; color: rgb(198, 173, 124); }
.ke-site .ke-page-impact-projects .journeyrow h3 { font-size: 31px; margin: 0px; }
.ke-site .ke-page-impact-projects .journeyrow p { margin: 0px; font-size: 13px; }
.ke-site .ke-page-impact-projects .pulse { background: var(--cream); padding: 110px 0px; }
.ke-site .ke-page-impact-projects .pulsegrid { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: 8vw; }
.ke-site .ke-page-impact-projects .timeline { border-left: 1px solid rgb(185, 167, 125); padding-left: 35px; }
.ke-site .ke-page-impact-projects .event { position: relative; padding: 0px 0px 42px; }
.ke-site .ke-page-impact-projects .event::before { content: ""; position: absolute; left: -40px; top: 5px; width: 9px; height: 9px; border-radius: 50%; background: var(--gold); }
.ke-site .ke-page-impact-projects .event:last-child { padding-bottom: 0px; }
.ke-site .ke-page-impact-projects .event time { font-size: 9px; letter-spacing: 0.15em; text-transform: uppercase; color: rgb(146, 123, 77); }
.ke-site .ke-page-impact-projects .event h3 { font-size: 28px; margin: 7px 0px; }
.ke-site .ke-page-impact-projects .event p { font-size: 13px; margin: 0px; }
.ke-site .ke-page-impact-projects .live { display: inline-flex; gap: 8px; align-items: center; font-size: 9px; letter-spacing: 0.15em; text-transform: uppercase; }
.ke-site .ke-page-impact-projects .live i { width: 7px; height: 7px; background: rgb(182, 146, 75); border-radius: 50%; animation: 1.6s ease 0s infinite normal none running pulse; }
@keyframes pulse { 
  50% { box-shadow: rgba(182, 146, 75, 0.125) 0px 0px 0px 8px; }
}
.ke-site .ke-page-impact-projects .evidence { padding: 115px 0px; }
.ke-site .ke-page-impact-projects .evidencehead { display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.ke-site .ke-page-impact-projects .evidencehead p { max-width: 500px; }
.ke-site .ke-page-impact-projects .egrid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 24px; margin-top: 55px; }
.ke-site .ke-page-impact-projects .ebox { min-height: 420px; position: relative; overflow: hidden; }
.ke-site .ke-page-impact-projects .ebox img { transition: 0.8s; }
.ke-site .ke-page-impact-projects .ebox:hover img { transform: scale(1.04); }
.ke-site .ke-page-impact-projects .ecap { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 80px 28px 25px; background: linear-gradient(transparent, rgba(18, 24, 18, 0.91)); color: white; }
.ke-site .ke-page-impact-projects .ecap h3 { font-size: 34px; margin: 5px 0px; }
.ke-site .ke-page-impact-projects .ecap p { color: rgb(212, 214, 208); font-size: 12px; margin: 0px; }
.ke-site .ke-page-impact-projects .note { margin-top: 28px; border-left: 2px solid var(--gold); padding: 8px 0px 8px 20px; font-size: 12px; color: rgb(116, 118, 111); }
.ke-site .ke-page-impact-projects .impact { padding: 110px 0px; background: rgb(236, 230, 217); }
.ke-site .ke-page-impact-projects .impactgrid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 8vw; }
.ke-site .ke-page-impact-projects .metricbox { border-top: 1px solid rgb(158, 152, 127); padding-top: 20px; }
.ke-site .ke-page-impact-projects .metricbox h3 { font-size: 40px; margin: 10px 0px; }
.ke-site .ke-page-impact-projects .metricbox p { font-size: 13px; }
.ke-site .ke-page-impact-projects .pending { display: inline-block; background: rgb(220, 211, 192); padding: 8px 10px; font-size: 9px; letter-spacing: 0.13em; text-transform: uppercase; }
.ke-site .ke-page-impact-projects .transparency { padding: 25px 0px; border-top: 1px solid rgb(170, 164, 143); margin-top: 35px; }
.ke-site .ke-page-impact-projects .transparency strong { font-family: "Cormorant Garamond"; font-size: 25px; }
.ke-site .ke-page-impact-projects .transparency p { font-size: 12px; }
.ke-site .ke-page-impact-projects .wayin { background: var(--deep); color: white; padding: 115px 0px; }
.ke-site .ke-page-impact-projects .wayin p { color: rgb(189, 192, 185); }
.ke-site .ke-page-impact-projects .wayhead { text-align: center; max-width: 750px; margin: auto; }
.ke-site .ke-page-impact-projects .actions { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 65px; border: 1px solid rgba(255, 255, 255, 0.125); }
.ke-site .ke-page-impact-projects .action { padding: 35px; min-height: 210px; border-right: 1px solid rgba(255, 255, 255, 0.125); border-bottom: 1px solid rgba(255, 255, 255, 0.125); transition: 0.35s; position: relative; }
.ke-site .ke-page-impact-projects .action:nth-child(3n) { border-right: 0px; }
.ke-site .ke-page-impact-projects .action:nth-child(n+4) { border-bottom: 0px; }
.ke-site .ke-page-impact-projects .action:hover { background: rgb(40, 49, 38); transform: translateY(-4px); }
.ke-site .ke-page-impact-projects .action h3 { font-size: 35px; margin: 25px 0px 5px; }
.ke-site .ke-page-impact-projects .action p { font-size: 12px; }
.ke-site .ke-page-impact-projects .action b { position: absolute; right: 25px; top: 25px; color: var(--gold); }
.ke-site .ke-page-impact-projects .org { padding: 120px 0px; }
.ke-site .ke-page-impact-projects .orgvisual { height: 520px; position: relative; }
.ke-site .ke-page-impact-projects .orgvisual img { object-position: center center; }
.ke-site .ke-page-impact-projects .orgvisual::after { content: ""; position: absolute; inset: 0px; border: 1px solid rgba(255, 255, 255, 0.267); transform: translate(15px, 15px); z-index: -1; }
.ke-site .ke-page-impact-projects .org .quote { font: clamp(38px, 4.8vw, 66px) / 1 "Cormorant Garamond"; margin: 22px 0px; }
.ke-site .ke-page-impact-projects .marquee { overflow: hidden; background: var(--gold); color: rgb(23, 26, 21); padding: 14px 0px; white-space: nowrap; }
.ke-site .ke-page-impact-projects .track { display: inline-block; font: 24px "Cormorant Garamond"; animation: 28s linear 0s infinite normal none running move; }
.ke-site .ke-page-impact-projects .track span { padding-right: 55px; }
@keyframes move { 
  100% { transform: translateX(-50%); }
}
.ke-site .ke-page-impact-projects .fg { display: grid; grid-template-columns: 1.4fr 0.7fr 0.8fr 1fr; gap: 45px; }
.ke-site .ke-page-impact-projects .flogo { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.ke-site .ke-page-impact-projects .flogo img { width: 38px; height: 38px; object-fit: contain; }
.ke-site .ke-page-impact-projects .flogo span { font: 24px "Cormorant Garamond"; }
.ke-site .ke-page-impact-projects .fg h4 { font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); }
.ke-site .ke-page-impact-projects .bottom { border-top: 1px solid rgba(255, 255, 255, 0.125); margin-top: 50px; padding-top: 20px; font-size: 10px; color: rgb(133, 137, 129); }
.ke-site .ke-page-impact-projects .reveal { opacity: 0; transform: translateY(24px); transition: 0.8s; }
.ke-site .ke-page-impact-projects .reveal.show { opacity: 1; transform: none; }
@media (max-width: 900px) {
.ke-site .ke-page-impact-projects .links a:not(.navcta) { display: none; }
.ke-site .ke-page-impact-projects .grid2, .ke-site .ke-page-impact-projects .featuretop, .ke-site .ke-page-impact-projects .pulsegrid, .ke-site .ke-page-impact-projects .impactgrid { grid-template-columns: 1fr; }
.ke-site .ke-page-impact-projects .trio, .ke-site .ke-page-impact-projects .actions { grid-template-columns: 1fr; }
.ke-site .ke-page-impact-projects .trio div, .ke-site .ke-page-impact-projects .action { border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.125); }
.ke-site .ke-page-impact-projects .action:last-child { border-bottom: 0px; }
.ke-site .ke-page-impact-projects .journeyrow { grid-template-columns: 65px 1fr; }
.ke-site .ke-page-impact-projects .journeyrow p { grid-column: 2; }
.ke-site .ke-page-impact-projects .egrid { grid-template-columns: 1fr; }
.ke-site .ke-page-impact-projects .fg { grid-template-columns: 1fr 1fr; }
.ke-site .ke-page-impact-projects .featurevisual { height: 520px; }
}
@media (max-width: 560px) {
.ke-site .ke-page-impact-projects .w { width: calc(100% - 28px); }
.ke-site .ke-page-impact-projects .nav { height: 72px; }
.ke-site .ke-page-impact-projects .brand span { font-size: 21px; }
.ke-site .ke-page-impact-projects .heroin { padding-top: 150px; }
.ke-site .ke-page-impact-projects .proofbar { gap: 18px; flex-wrap: wrap; }
.ke-site .ke-page-impact-projects .intro, .ke-site .ke-page-impact-projects .feature, .ke-site .ke-page-impact-projects .journey, .ke-site .ke-page-impact-projects .pulse, .ke-site .ke-page-impact-projects .evidence, .ke-site .ke-page-impact-projects .impact, .ke-site .ke-page-impact-projects .wayin, .ke-site .ke-page-impact-projects .org { padding: 80px 0px; }
.ke-site .ke-page-impact-projects .project-title { font-size: 92px; }
.ke-site .ke-page-impact-projects .featurevisual, .ke-site .ke-page-impact-projects .ebox, .ke-site .ke-page-impact-projects .orgvisual { height: 420px; }
.ke-site .ke-page-impact-projects .journeyrow { grid-template-columns: 50px 1fr; }
.ke-site .ke-page-impact-projects .fg { grid-template-columns: 1fr; }
.ke-site .ke-page-impact-projects .evidencehead { display: block; }
}