.ke-site .ke-page-about { --g: #20291f; --g2: #303a2c; --c: #f5f0e6; --p: #fbf8f1; --gold: #b6924b; --ink: #20211e; }

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

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

.ke-site .ke-page-about h1 { font-size: clamp(62px, 9vw, 130px); line-height: 0.8; letter-spacing: -0.045em; margin: 20px 0px 28px; }
.ke-site .ke-page-about h2 { font-size: clamp(44px, 6vw, 80px); line-height: 0.92; margin: 16px 0px 28px; }
.ke-site .ke-page-about p { font-size: 15px; line-height: 1.75; color: rgb(91, 92, 86); }
.ke-site .ke-page-about .nav { height: 88px; display: flex; justify-content: space-between; align-items: center; }
.ke-site .ke-page-about .brand { display: flex; align-items: center; gap: 10px; }
.ke-site .ke-page-about .logo { width: 38px; height: 38px; object-fit: contain; filter: brightness(0) invert(1); }
.ke-site .ke-page-about .brand-name { font: 500 22px / 1 "Cormorant Garamond"; letter-spacing: 0.02em; color: white; white-space: nowrap; }
.ke-site .ke-page-about nav { display: flex; gap: 25px; align-items: center; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; }
.ke-site .ke-page-about nav a { position: relative; transition: 0.3s; }
.ke-site .ke-page-about nav a::after { content: ""; position: absolute; left: 0px; right: 100%; bottom: -8px; height: 1px; background: var(--gold); transition: 0.3s; }
.ke-site .ke-page-about nav a:hover { color: rgb(228, 199, 126); }
.ke-site .ke-page-about nav a:hover::after, .ke-site .ke-page-about nav a.active::after { right: 0px; }
.ke-site .ke-page-about nav a.active { color: rgb(228, 199, 126); }
.ke-site .ke-page-about .cta { border: 1px solid rgba(255, 255, 255, 0.667); padding: 12px 16px; }
.ke-site .ke-page-about .hero { min-height: 92vh; display: flex; align-items: flex-end; color: white; position: relative; background: linear-gradient(90deg, rgba(19, 27, 18, 0.933), rgba(19, 27, 18, 0.5), rgba(19, 27, 18, 0.2)), url("https://kunstelevate.nl/wp-content/uploads/2026/07/pexels-photo-13019933.jpeg") center center / cover; }
.ke-site .ke-page-about .hi { padding: 190px 0px 90px; max-width: 950px; position: relative; z-index: 2; }
.ke-site .ke-page-about .hero::after { content: ""; position: absolute; width: 360px; height: 360px; border: 1px solid rgba(215, 182, 106, 0.333); border-radius: 50%; right: 7vw; bottom: 8vh; animation: 12s linear 0s infinite normal none running orb; }
.ke-site .ke-page-about .hero .spark { position: absolute; width: 9px; height: 9px; background: var(--gold); border-radius: 50%; right: 19vw; top: 28%; box-shadow: rgba(182, 146, 75, 0.133) 0px 0px 0px 8px; animation: 4s ease-in-out 0s infinite normal none running float; }
@keyframes orb { 
  100% { transform: rotate(360deg); }
}
@keyframes float { 
  50% { transform: translateY(-25px) scale(1.35); }
}
.ke-site .ke-page-about .hi p { font: 30px / 1.25 "Cormorant Garamond"; color: rgb(238, 232, 220); max-width: 720px; }
.ke-site .ke-page-about .section { padding: 120px 0px; }
.ke-site .ke-page-about .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: center; }
.ke-site .ke-page-about .lead { font: clamp(32px, 4vw, 54px) / 1.08 "Cormorant Garamond"; margin: 25px 0px; }
.ke-site .ke-page-about .origin { background: var(--c); }
.ke-site .ke-page-about .photos { height: 620px; position: relative; }
.ke-site .ke-page-about .photos img { object-fit: cover; position: absolute; }
.ke-site .ke-page-about .photos .a { width: 78%; height: 82%; left: 0px; top: 0px; }
.ke-site .ke-page-about .photos .b { width: 48%; height: 43%; right: 0px; bottom: 0px; border: 10px solid var(--c); }
.ke-site .ke-page-about blockquote { font: clamp(29px, 3.2vw, 47px) / 1.12 "Cormorant Garamond"; margin: 24px 0px; }
.ke-site .ke-page-about .model { background: var(--g); color: white; }
.ke-site .ke-page-about .model p { color: rgb(191, 194, 186); }
.ke-site .ke-page-about .flow { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 65px; border-block: 1px solid rgba(255, 255, 255, 0.17); }
.ke-site .ke-page-about .step { padding: 30px 17px 38px; border-right: 1px solid rgba(255, 255, 255, 0.133); position: relative; }
.ke-site .ke-page-about .step:last-child { border: 0px; }
.ke-site .ke-page-about .step h3 { font-size: 29px; margin: 30px 0px 8px; }
.ke-site .ke-page-about .step p { font-size: 12px; }
.ke-site .ke-page-about .step::after { content: "→"; position: absolute; right: -8px; top: 48%; color: var(--gold); }
.ke-site .ke-page-about .step:last-child::after { display: none; }
.ke-site .ke-page-about .purp { text-align: center; }
.ke-site .ke-page-about .three { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 60px; }
.ke-site .ke-page-about .card { padding: 20px 42px 40px; border-right: 1px solid rgba(32, 33, 30, 0.145); }
.ke-site .ke-page-about .card:last-child { border: 0px; }
.ke-site .ke-page-about .n { font: 82px / 1 "Cormorant Garamond"; color: rgb(215, 197, 158); }
.ke-site .ke-page-about .card h3 { font-size: 38px; margin: 12px; }
.ke-site .ke-page-about .future { background: rgb(233, 227, 214); }
.ke-site .ke-page-about .statement { font: clamp(42px, 5vw, 70px) / 0.98 "Cormorant Garamond"; margin: 22px 0px; }
.ke-site .ke-page-about .visual { height: 560px; position: relative; }
.ke-site .ke-page-about .visual img { position: absolute; object-fit: cover; }
.ke-site .ke-page-about .visual .a { width: 78%; height: 85%; right: 0px; }
.ke-site .ke-page-about .visual .b { width: 48%; height: 43%; left: 0px; bottom: 0px; border: 9px solid rgb(233, 227, 214); }
.ke-site .ke-page-about .founderimg { height: 610px; width: 100%; object-fit: cover; }
.ke-site .ke-page-about .btn { display: inline-block; margin-top: 18px; border: 1px solid; padding: 15px 21px; text-transform: uppercase; font-size: 10px; letter-spacing: 0.13em; }
.ke-site .ke-page-about .invite { text-align: center; color: white; min-height: 600px; display: flex; align-items: center; background: linear-gradient(rgba(27, 35, 25, 0.733), rgba(27, 35, 25, 0.816)), url("https://kunstelevate.nl/wp-content/uploads/2026/07/pexels-photo-6591520.jpeg") center center / cover; }
.ke-site .ke-page-about .invite p { color: rgb(226, 223, 215); max-width: 650px; margin: auto; }
.ke-site .ke-page-about .fg { display: grid; grid-template-columns: 1.4fr 0.7fr 0.8fr 1fr; gap: 45px; }
.ke-site .ke-page-about .flogo { width: 165px; filter: brightness(0) invert(1); }
.ke-site .ke-page-about .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-about .reveal { opacity: 0; transform: translateY(20px); transition: 0.8s; }
.ke-site .ke-page-about .show { opacity: 1; transform: none; }
.ke-site .ke-page-about .motion { background: rgb(242, 234, 220); padding: 0px 0px 115px; overflow: hidden; }
.ke-site .ke-page-about .ticker { border-block: 1px solid rgba(32, 33, 30, 0.145); overflow: hidden; white-space: nowrap; margin-bottom: 105px; }
.ke-site .ke-page-about .ticker div { display: inline-block; padding: 17px 0px; font-size: 10px; letter-spacing: 0.2em; color: rgb(104, 103, 95); animation: 28s linear 0s infinite normal none running ticker; }
@keyframes ticker { 
  100% { transform: translateX(-50%); }
}
.ke-site .ke-page-about .motion-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 9vw; align-items: start; }
.ke-site .ke-page-about .activity { border-top: 1px solid rgba(32, 33, 30, 0.267); }
.ke-site .ke-page-about .activity-row { display: grid; grid-template-columns: 45px 1fr 25px; align-items: center; gap: 18px; padding: 27px 5px; border-bottom: 1px solid rgba(32, 33, 30, 0.2); transition: 0.35s; }
.ke-site .ke-page-about .activity-row:hover { padding-left: 18px; background: rgba(255, 255, 255, 0.333); }
.ke-site .ke-page-about .activity-row span { font-size: 10px; color: var(--gold); }
.ke-site .ke-page-about .activity-row b { display: block; font: 500 30px / 1.1 "Cormorant Garamond"; }
.ke-site .ke-page-about .activity-row small { display: block; margin-top: 6px; color: rgb(115, 115, 108); font-size: 11px; }
.ke-site .ke-page-about .activity-row i { font-style: normal; font-size: 20px; transition: 0.3s; }
.ke-site .ke-page-about .activity-row:hover i { transform: translate(4px, -4px); }
.ke-site .ke-page-about .hero { background-attachment: scroll; }
.ke-site .ke-page-about .photos .a, .ke-site .ke-page-about .photos .b, .ke-site .ke-page-about .visual .a, .ke-site .ke-page-about .visual .b, .ke-site .ke-page-about .founderimg { transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.5s; }
.ke-site .ke-page-about .photos:hover .a, .ke-site .ke-page-about .visual:hover .a, .ke-site .ke-page-about .founderimg:hover { transform: scale(1.025); }
.ke-site .ke-page-about .card { transition: 0.35s; }
.ke-site .ke-page-about .card:hover { transform: translateY(-10px); background: rgba(255, 255, 255, 0.533); }
.ke-site .ke-page-about .step { transition: 0.35s; }
.ke-site .ke-page-about .step:hover { background: rgba(255, 255, 255, 0.03); }
.ke-site .ke-page-about .step:hover h3 { color: rgb(218, 187, 114); }
.ke-site .ke-page-about .btn { transition: 0.3s; }
.ke-site .ke-page-about .btn:hover { background: var(--gold); border-color: var(--gold); color: white; }
@media (max-width: 900px) {
.ke-site .ke-page-about nav a:not(.cta) { display: none; }
.ke-site .ke-page-about .grid2, .ke-site .ke-page-about .motion-grid { grid-template-columns: 1fr; }
.ke-site .ke-page-about .flow { grid-template-columns: repeat(2, 1fr); }
.ke-site .ke-page-about .three { grid-template-columns: 1fr; }
.ke-site .ke-page-about .card { border-right: 0px; border-bottom: 1px solid rgba(34, 34, 34, 0.133); }
.ke-site .ke-page-about .fg { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
.ke-site .ke-page-about .w { width: calc(100% - 28px); }
.ke-site .ke-page-about .section { padding: 80px 0px; }
.ke-site .ke-page-about .flow, .ke-site .ke-page-about .fg { grid-template-columns: 1fr; }
.ke-site .ke-page-about .step::after { display: none; }
.ke-site .ke-page-about .photos, .ke-site .ke-page-about .visual, .ke-site .ke-page-about .founderimg { height: 430px; }
}