body:has([data-page=klimaat-bewust]){background:0 0}body:has([data-page=klimaat-bewust]) .kb-video-bg{z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}body:has([data-page=klimaat-bewust]) .kb-video-bg video{object-fit:cover;width:100%;height:100%}body:has([data-page=klimaat-bewust]) .kb-overlay{z-index:-1;pointer-events:none;background:linear-gradient(#22501e4d 0%,#22501e8c 30%,#22501ebf 60%,#1a3c16e6 100%);width:100%;height:100%;position:fixed;top:0;left:0}body:has([data-page=klimaat-bewust]) .bg-glow,body:has([data-page=klimaat-bewust]) .bg-grid{display:none}body:has([data-page=klimaat-bewust]) .nav{-webkit-backdrop-filter:none;background:0 0;border-bottom:none;position:absolute}body:has([data-page=klimaat-bewust]) .nav-links a,body:has([data-page=klimaat-bewust]) .nav-btn-ghost{color:#fff!important;opacity:1!important}body:has([data-page=klimaat-bewust]) .kb-hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative}body:has([data-page=klimaat-bewust]) .kb-hero h1{color:#fff;letter-spacing:-.04em;text-shadow:0 2px 40px #0000004d;max-width:800px;margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.05}body:has([data-page=klimaat-bewust]) .kb-hero p{color:#ffffffd9;text-shadow:0 1px 20px #0003;max-width:640px;margin-bottom:40px;font-size:clamp(16px,2vw,20px);line-height:1.6}body:has([data-page=klimaat-bewust]) .kb-hero-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff4d;border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}body:has([data-page=klimaat-bewust]) .kb-hero-btn:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}body:has([data-page=klimaat-bewust]) .kb-section{z-index:1;max-width:1280px;margin:0 auto;padding:0 40px 120px;position:relative}body:has([data-page=klimaat-bewust]) .kb-section-header{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:48px;display:grid}body:has([data-page=klimaat-bewust]) .kb-section-header h2{color:#fff;letter-spacing:-.035em;text-shadow:0 2px 20px #0003;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1}body:has([data-page=klimaat-bewust]) .kb-section-header p{color:#ffffffbf;font-size:16px;line-height:1.7}body:has([data-page=klimaat-bewust]) .kb-grid-img{border-radius:var(--radius-xl);position:relative;overflow:hidden}body:has([data-page=klimaat-bewust]) .kb-grid-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}body:has([data-page=klimaat-bewust]) .kb-grid-img:hover img{transform:scale(1.04)}body:has([data-page=klimaat-bewust]) .kb-grid-text{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:#ffffff12;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;padding:36px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex}body:has([data-page=klimaat-bewust]) .kb-grid-text:hover{border-color:#ffffff2e;transform:translateY(-4px)}body:has([data-page=klimaat-bewust]) .kb-grid-text h3{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:22px;font-weight:700}body:has([data-page=klimaat-bewust]) .kb-grid-text p{color:#ffffffb3;font-size:14px;line-height:1.7}body:has([data-page=klimaat-bewust]) .kb-bento{grid-template-rows:1fr 1fr 1fr;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}body:has([data-page=klimaat-bewust]) .kb-bento-trees{grid-area:1/1/3/3}body:has([data-page=klimaat-bewust]) .kb-bento-cert{grid-area:1/3/auto/5}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-img{grid-area:2/3}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text{grid-area:2/4}body:has([data-page=klimaat-bewust]) .kb-bento-solar-text{grid-area:3/1/auto/3}body:has([data-page=klimaat-bewust]) .kb-bento-solar-img{grid-area:3/3/auto/5}body:has([data-page=klimaat-bewust]) .kb-features{grid-template-columns:1fr 1fr;gap:16px;display:grid}body:has([data-page=klimaat-bewust]) .kb-features .kb-grid-img{min-height:280px}body:has([data-page=klimaat-bewust]) .kb-cta{z-index:1;text-align:center;max-width:800px;margin:0 auto;padding:80px 40px 120px;position:relative}body:has([data-page=klimaat-bewust]) .kb-cta h2{color:#fff;letter-spacing:-.035em;text-shadow:0 2px 20px #0003;margin-bottom:32px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1}body:has([data-page=klimaat-bewust]) .kb-cta .btn-primary{color:#1a3c16;background:#fff}body:has([data-page=klimaat-bewust]) .kb-cta .btn-primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 24px #fff3}body:has([data-page=klimaat-bewust]) .site-footer{z-index:1;background:var(--bg-primary);max-width:none;padding-left:max(40px,50% - 600px);padding-right:max(40px,50% - 600px);position:relative}body:has([data-page=klimaat-bewust]) .footer-newsletter-label{color:#34d399;background:#10b9811a}body:has([data-page=klimaat-bewust]) .footer-newsletter-strip{background:linear-gradient(135deg,#10b9810a 0%,#ffffff05 100%)}body:has([data-page=klimaat-bewust]) .kb-reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}body:has([data-page=klimaat-bewust]) .kb-reveal.visible{opacity:1;transform:translateY(0)}body:has([data-page=klimaat-bewust]) .kb-reveal-delay-1{transition-delay:.1s}body:has([data-page=klimaat-bewust]) .kb-reveal-delay-2{transition-delay:.2s}body:has([data-page=klimaat-bewust]) .kb-reveal-delay-3{transition-delay:.3s}@media (max-width:1024px){body:has([data-page=klimaat-bewust]) .kb-section{padding:0 24px 80px}body:has([data-page=klimaat-bewust]) .kb-section-header{gap:24px}body:has([data-page=klimaat-bewust]) .kb-features .kb-grid-img{min-height:220px}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text{padding:20px}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text h3{font-size:18px}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text p{font-size:12px}}@media (max-width:768px){body:has([data-page=klimaat-bewust]) .kb-hero{min-height:80vh;padding:120px 16px 60px}body:has([data-page=klimaat-bewust]) .kb-section{padding:0 16px 64px}body:has([data-page=klimaat-bewust]) .kb-section-header{grid-template-columns:1fr;gap:16px}body:has([data-page=klimaat-bewust]) .kb-bento{grid-template-rows:auto;grid-template-columns:1fr}body:has([data-page=klimaat-bewust]) .kb-bento-trees,body:has([data-page=klimaat-bewust]) .kb-bento-cert,body:has([data-page=klimaat-bewust]) .kb-bento-eauto-img,body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text,body:has([data-page=klimaat-bewust]) .kb-bento-solar-text,body:has([data-page=klimaat-bewust]) .kb-bento-solar-img{grid-area:auto/1}body:has([data-page=klimaat-bewust]) .kb-bento-trees{min-height:300px}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-img,body:has([data-page=klimaat-bewust]) .kb-bento-solar-img{min-height:220px}body:has([data-page=klimaat-bewust]) .kb-features{grid-template-columns:1fr}body:has([data-page=klimaat-bewust]) .kb-features .kb-grid-img{min-height:220px}body:has([data-page=klimaat-bewust]) .kb-grid-text{padding:24px}body:has([data-page=klimaat-bewust]) .kb-cta{padding:40px 16px 80px}}
