@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#25212a;--mute:#716f74;--purple:#71469c;--purple-dark:#57357b;--lavender:#efe8f2;--cream:#fbf9f6;--line:#e9e5e2;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{width:100%;display:block}.wrap{width:min(1170px,calc(100% - 80px));margin:0 auto}.conceptbar{display:flex;gap:22px;align-items:center;justify-content:center;min-height:32px;background:#302b35;color:#faf8f5;font-size:10px;letter-spacing:.08em}.conceptbar span:first-child{font-weight:800;color:#e2c9ee}.conceptbar a{text-decoration:underline;text-underline-offset:3px;color:#e6daee}.site-header{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 rgba(29,27,26,.07)}.header-in{height:88px;display:flex;justify-content:space-between;align-items:center}.logo{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.logo-sign{background:var(--purple);color:#fff;width:45px;height:45px;display:grid;place-items:center;border-radius:6px;font-size:22px;font-weight:800;letter-spacing:-.13em;padding-right:7px;transform:rotate(-3deg)}.logo-sign span{font-weight:400;color:#ead8f3}.logo-text{font-size:19px;font-weight:800;line-height:1.04;letter-spacing:-.065em}.logo-text strong{display:block;color:var(--purple);letter-spacing:.01em;font-size:18px}.logo-text small{display:block;color:#837d84;font-size:8px;letter-spacing:.22em;font-weight:700;margin-top:5px}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>a{font-size:13px;font-weight:700;transition:color .2s}.main-nav>a:hover{color:var(--purple)}.nav-cta{background:var(--purple);padding:14px 20px;color:white!important;border-radius:6px;white-space:nowrap}.nav-cta span{margin-left:9px}.menu-toggle{display:none;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.hero{display:grid;grid-template-columns:50% 50%;align-items:center;min-height:605px;gap:0;padding-top:40px;padding-bottom:52px}.hero-content{padding-right:38px}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--purple)}.dot{display:inline-block;background:#83a68b;border-radius:50%;width:8px;height:8px;margin-right:6px}.hero h1{font-size:clamp(54px,5.2vw,79px);line-height:1.04;letter-spacing:-.067em;margin:25px 0 25px;font-weight:800}.hero h1 em,.section h2 em,.section-top h2 em,.promise h2 em,.contact-section h2 em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:var(--purple)}.hero p{color:#68636b;font-size:16px;line-height:1.82;max-width:480px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:29px 0 39px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-weight:700;font-size:13px;border-radius:7px;border:0;padding:18px 23px}.btn.primary{background:var(--purple);color:#fff}.btn.primary:hover,.nav-cta:hover{background:var(--purple-dark)}.btn span{font-size:17px}.text-link{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid var(--purple);padding:7px 0;font-size:13px;font-weight:800;color:var(--ink)}.text-link span{color:var(--purple);font-size:17px}.mini-trust{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:#77717b}.trust-icon{display:inline-grid;place-items:center;background:#edf1ec;color:#528465;border-radius:50%;width:23px;height:23px;font-size:12px}.mini-sep{width:3px;height:3px;border-radius:50%;background:#b1aab0}.hero-media{height:525px;position:relative;margin-left:18px}.hero-image{height:100%;overflow:hidden;border-radius:180px 9px 9px 9px;background:#d7c8b8}.hero-image img{height:100%;object-fit:cover}.image-label{position:absolute;bottom:30px;left:-49px;display:flex;align-items:center;gap:13px;background:#fff;padding:17px 26px;box-shadow:0 15px 40px #35293420;border-radius:8px}.sparkle{color:var(--purple);font-size:40px}.image-label strong,.image-label small{display:block}.image-label strong{font-size:13px}.image-label small{margin-top:4px;color:#89828a;font-size:11px}.image-note{position:absolute;bottom:9px;right:14px;font-size:9px;letter-spacing:.14em;color:#fff;text-shadow:0 1px 3px #0008}.benefits{background:#f8f5f9;border-block:1px solid #eee9f0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:31px;padding-bottom:31px}.benefit-grid>div{display:flex;gap:16px;align-items:center;padding-left:25px;border-left:1px solid #e0d6e4}.benefit-grid>div:first-child{border-left:0;padding-left:0}.icon-round{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;background:#eadff0;color:var(--purple);border-radius:50%;font-size:11px;font-weight:800}.benefit-grid strong{font-size:14px}.benefit-grid p{color:#807b84;font-size:12px;margin:6px 0 0}.section{padding-top:112px;padding-bottom:116px}.section-top{display:flex;justify-content:space-between;gap:65px;align-items:end;margin-bottom:39px}.section-top>div{max-width:640px}.section-top h2,.promise h2,.contact-section h2{font-size:clamp(40px,4vw,60px);line-height:1.08;letter-spacing:-.065em;margin:13px 0 0}.section-top>p{max-width:355px;line-height:1.76;font-size:14px;color:#77727b}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid #e9e5e2;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:#fff}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2d26300f}.service-image{aspect-ratio:1.35;overflow:hidden;background:#d6d0c7}.service-image img{height:100%;object-fit:cover;transition:transform .4s}.service-card:hover img{transform:scale(1.035)}.service-body{padding:25px 25px 31px;position:relative}.service-body>span:first-child{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--purple)}.service-body h3{font-size:21px;letter-spacing:-.04em;margin:13px 0 7px}.service-body p{font-size:13px;color:#76717a;line-height:1.65;max-width:245px;margin:0}.card-arrow{position:absolute;right:22px;bottom:23px;color:var(--purple);font-size:20px}.project-section{padding:110px 0;background:#f8f7f4}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.project-visual{height:340px;position:relative;overflow:hidden;background:#cbbdad;border-radius:8px}.project-visual img{height:100%;object-fit:cover}.project-visual>span{position:absolute;left:19px;top:19px;background:#fff;color:#5d4b6a;font-size:9px;font-weight:800;letter-spacing:.12em;padding:11px 14px;border-radius:3px}.project-info{display:flex;justify-content:space-between;gap:20px;padding:23px 3px}.project-info h3{margin:0 0 9px;font-size:22px;letter-spacing:-.035em}.project-info p{margin:0;color:#79747b;font-size:13px}.project-info>a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d6ccdc;border-radius:50%;color:var(--purple);flex-shrink:0}.photo-disclaimer{font-size:11px;color:#8b8788;text-align:right;margin-top:5px}.promise{padding-top:118px;padding-bottom:115px;display:grid;grid-template-columns:48% 52%;gap:65px;align-items:center}.promise-visual{height:475px;overflow:hidden;border-radius:8px 160px 8px 8px;background:#d1c0ae}.promise-visual img{height:100%;object-fit:cover}.promise-copy{padding:0 46px 0 0}.promise-copy p{color:#756f79;line-height:1.9;font-size:15px;margin:29px 0}.promise-quote{border-left:3px solid var(--purple);padding:7px 0 7px 18px;font-family:'DM Serif Display',Georgia,serif;font-size:22px;line-height:1.4;margin-bottom:28px}.process-section{background:#3b3146;color:white;padding:100px 0}.process-section .kicker{color:#d5bddf}.process-section .section-top>p{color:#d3cbd8}.process-section .section-top h2 em{color:#e4c3ed}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:64px}.step{border-top:1px solid #776a7f;padding-top:20px}.step b{color:#d8b8e2;font-size:13px}.step h3{font-size:20px;margin:23px 0 9px}.step p{color:#d3ccd7;font-size:13px;line-height:1.8;max-width:200px}.contact-section{padding:100px 0;background:#eee7f0}.contact-panel{display:grid;grid-template-columns:50% 50%;gap:55px}.contact-copy{padding:65px 30px 0 0}.contact-section h2{font-size:clamp(42px,4.4vw,65px)}.contact-copy>p{font-size:15px;line-height:1.8;color:#655d6b;max-width:430px;margin-top:28px}.contact-foot{font-size:10px;letter-spacing:.14em;font-weight:800;color:#846d8d;margin-top:75px}.contact-foot span{margin:0 10px}.demo-form{background:white;padding:37px 42px;border-radius:10px;box-shadow:0 25px 70px #4b335417}.demo-form label{display:block;color:#423b47;font-size:12px;font-weight:700;margin-bottom:18px}.demo-form input,.demo-form textarea,.demo-form select{display:block;width:100%;background:#faf9f7;color:#2d2631;border:1px solid #e3dde4;border-radius:5px;margin-top:8px;padding:13px 14px;outline-offset:3px}.demo-form .btn{width:100%}.form-note{color:#908a94;font-size:11px;text-align:center;margin-bottom:0}.form-result{font-size:12px;color:var(--purple-dark);min-height:0;font-weight:700}footer{padding:35px 0;background:#27212b;color:#f8f5f8}.footer-in{display:flex;justify-content:space-between;align-items:center;gap:35px}.logo.small .logo-sign{width:31px;height:31px;font-size:16px}.logo.small .logo-text,.logo.small .logo-text strong{font-size:13px;color:#fff}.footer-in p{font-size:11px;color:#bfb3c6}.footer-in>a{font-size:12px;border-bottom:1px solid #c8b9d4;padding-bottom:5px}@media(max-width:950px){.wrap{width:min(100% - 48px,1170px)}.main-nav{gap:15px}.main-nav>a{font-size:12px}.hero{min-height:550px}.hero h1{font-size:60px}.hero-media{height:460px}.section-top{gap:30px}.promise{gap:35px}.contact-panel{gap:20px}.contact-copy{padding-top:35px}}@media(max-width:760px){.conceptbar{flex-wrap:wrap;padding:7px 12px;gap:7px 16px;text-align:center}.conceptbar span:nth-child(2){display:none}.header-in{height:73px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 24px 24px;background:#fff;box-shadow:0 12px 25px #0001;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>a{font-size:15px;padding:8px 0}.main-nav .nav-cta{padding:14px 17px;text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;padding-bottom:80px;gap:35px}.hero-content{padding:0}.hero h1{font-size:clamp(48px,11.5vw,69px)}.hero p{font-size:15px}.hero-actions{margin-bottom:24px}.hero-media{margin:0 0 0 18px;height:430px}.hero-image{border-radius:105px 8px 8px 8px}.image-label{left:-23px;bottom:25px;padding:13px}.image-note{display:none}.benefit-grid{grid-template-columns:1fr;gap:20px}.benefit-grid>div,.benefit-grid>div:first-child{padding:0;border:0}.section,.project-section,.process-section,.contact-section{padding-top:74px;padding-bottom:76px}.section-top{display:block;margin-bottom:32px}.section-top h2,.promise h2,.contact-section h2{font-size:clamp(36px,9vw,52px)}.section-top>p{max-width:560px}.service-grid,.project-grid,.promise,.contact-panel{grid-template-columns:1fr}.service-grid{gap:16px}.service-image{aspect-ratio:1.8}.project-visual{height:auto;aspect-ratio:1.35}.promise{padding-top:75px;padding-bottom:75px;gap:45px}.promise-visual{height:auto;aspect-ratio:1.3}.promise-copy{padding:0}.steps{grid-template-columns:1fr 1fr;gap:27px}.contact-copy{padding:0}.contact-foot{margin-top:26px;margin-bottom:30px}.demo-form{padding:26px}.footer-in{flex-direction:column;align-items:start;gap:15px}.hero-actions{gap:18px}}@media(max-width:420px){.wrap{width:calc(100% - 36px)}.hero-media{height:315px}.image-label{bottom:-20px}.steps{grid-template-columns:1fr}.mini-trust{font-size:10px}.logo-text{font-size:15px}.logo-text strong{font-size:14px}.logo-text small{font-size:7px}.conceptbar a{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important}}

/* Authentic client brand (original Illustrator EPS, converted to web PNG) */
.site-header .logo { display:flex; align-items:center; width:242px; max-width:42vw; flex-shrink:0; }
.brand-logo { display:block; width:100%; height:auto; object-fit:contain; }
.footer-in .logo.small { width:222px; flex-shrink:0; }
.brand-logo-footer { display:block; width:100%; height:auto; }
@media (max-width:760px) { .site-header .logo { width:186px; max-width:58vw; } .footer-in .logo.small { width:200px; } }
@media (max-width:380px) { .site-header .logo { width:160px; } }

/* Opfrissing KCZ 2026: de drie officiële diensten */
.site-header .logo { width:277px; max-width:45vw; }
.footer-in .logo.small { width:244px; }
.hero-pillars { color:#62427e; font-size:11px; letter-spacing:.12em; font-weight:800; margin:21px 0 -1px; line-height:1.9; }
.hero-pillars span { color:#aa96bb; padding:0 5px; }
@media (max-width:960px) { .site-header .logo { width:228px; max-width:41vw; } }
@media (max-width:760px) { .site-header .logo { width:225px; max-width:65vw; } .hero-pillars { font-size:10px; letter-spacing:.05em; } }
@media (max-width:390px) { .site-header .logo { width:204px; } }


/* KCZ - extra ruimte rondom het originele logo. Pas deze waarden in VS Code aan. */
.header-in {height:auto;min-height:126px;padding-top:15px;padding-bottom:15px;}
.site-header .logo {padding:8px 5px;}

/* Drie pijlers: eigen geoptimaliseerde sfeerbeelden. */
.service-image img {object-position:center center;}

/* Organische regionale SEO-sectie. */
.area-section {background:#fcfafc;padding:85px 0 92px;border-top:1px solid var(--line);}
.area-content {display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:center;}
.area-content h2 {font-size:clamp(35px,3.8vw,55px);line-height:1.12;letter-spacing:-.055em;margin:18px 0 25px;}
.area-content h2 em {font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:var(--purple);}
.area-content p {color:#716c74;line-height:1.85;font-size:15px;max-width:665px;margin-bottom:24px;}
.area-places {background:white;border:1px solid #eee5f0;border-radius:10px;padding:35px 40px;box-shadow:0 16px 36px #3b31460b;}
.area-places>strong {display:block;font-size:16px;margin-bottom:23px;}
.area-places ul {display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;list-style:none;margin:0 0 23px;padding:0;}
.area-places li {font-size:13px;color:#6b606f;position:relative;padding-left:15px;}
.area-places li:before {content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--purple);}
.area-places small {display:block;font-size:11px;color:#8c858c;}

/* Contactgegevens, WhatsApp en Facebook. */
.contact-links {font-style:normal;display:flex;flex-direction:column;gap:13px;margin:34px 0 0;}
.contact-link {display:flex;align-items:start;gap:14px;color:#3f3347;padding:9px 0;}
.contact-symbol {background:#dfcfe5;border-radius:8px;color:var(--purple-dark);display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;font-size:19px;}
.contact-link small {display:block;color:#846e8a;font-size:11px;margin-bottom:5px;}
.contact-link strong {display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere;}
.social-links {display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.social {display:inline-flex;gap:12px;justify-content:space-between;align-items:center;background:#71469c;color:white;border-radius:7px;font-size:13px;font-weight:800;padding:14px 18px;}
.social:hover {background:#57357b;}
.social.whatsapp {background:#287d55;}.social.whatsapp:hover{background:#196944;}

/* Verfijnde footer met automatisch jaartal. */
footer {padding:0;background:#27212b;}
.footer-main {padding-top:54px;padding-bottom:46px;display:grid;grid-template-columns:1.6fr 1fr .75fr;gap:48px;}
.footer-brand>a {display:block;max-width:255px;}
.footer-brand .brand-logo-footer {width:100%;height:auto;}
.footer-brand p {font-size:12px;max-width:265px;color:#c6bccc;line-height:1.65;margin-top:12px;}
.footer-gegevens {display:flex;flex-direction:column;gap:13px;align-items:flex-start;color:#c6bccc;font-size:12px;line-height:1.6;}
.footer-gegevens strong {color:#fff;font-size:14px;margin-bottom:6px;}
.footer-gegevens a {color:#ded4e3;overflow-wrap:anywhere;}
.footer-gegevens a:hover {color:white;text-decoration:underline;text-underline-offset:4px;}
.footer-bottom {padding-top:19px;padding-bottom:20px;border-top:1px solid #4d4252;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#c6bccc;font-size:11px;}
@media (max-width:950px) { .area-content {gap:32px;} .footer-main {gap:20px;} }
@media (max-width:760px) {
 .header-in {height:auto;min-height:101px;padding-top:12px;padding-bottom:12px;}
 .site-header .logo {padding:7px 4px;}
 .area-section {padding:70px 0;}
 .area-content {grid-template-columns:1fr;gap:23px;}
 .area-places {padding:26px;}
 .footer-main {grid-template-columns:1fr 1fr;gap:32px;padding-top:42px;}
 .footer-brand {grid-column:1/-1;}
 .contact-link strong {font-size:13px;}
}
@media (max-width:420px) { .footer-main {grid-template-columns:1fr;} .footer-brand {grid-column:auto;} .social {flex:1;} }

/* KCZ preview update: photography and minimal contact icons only. */
.contact-symbol img {width:21px;height:21px;filter: invert(31%) sepia(22%) saturate(1843%) hue-rotate(231deg) brightness(89%) contrast(91%);}
.social-name {display:inline-flex;align-items:center;gap:9px;}
.social-name img {width:19px;height:19px;filter:brightness(0) invert(1);}
.footer-icon-link {display:inline-flex;align-items:flex-start;gap:9px;}
.footer-icon-link img {width:17px;height:17px;flex-shrink:0;filter:brightness(0) invert(1);opacity:.78;margin-top:2px;}
.project-visual img,.promise-visual img {width:100%;height:100%;object-fit:cover;}
.project:nth-child(2) .project-visual img {object-position:58% center;}
.promise-visual img {object-position:47% center;}