.step-row--xl{margin:0 0 58px}.step-row--lg{margin:0 0 48px}.cf-card-grid-2cols--mb{margin-bottom:48px}.project-seo-image-wrap{margin:30px 0 20px;text-align:center}.projecten-hero{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:clip}.projecten-hero-bg{position:absolute;inset:0;background-image:url(/images/clickforest-bos-achtergrond.webp);background-size:cover;background-position:center 30%;z-index:0}.projecten-hero-overlay{position:absolute;inset:0;background:#0a140a9e;z-index:1}.projecten-hero-content{position:relative;z-index:2;max-width:800px;padding:100px 20px 90px;margin:0 auto}.projecten-hero-content h1{color:#fff;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.15;margin-bottom:20px}.projecten-hero-content p{color:#ffffffe0;font-size:18px;line-height:1.65;margin-bottom:0;font-style:italic}.projecten-hero-tagline{color:#fff;font-size:17px;font-weight:700;font-style:normal!important;margin-top:20px;margin-bottom:36px}.projecten-hero-btn{display:inline-block;background:transparent;border:2px solid #fff;color:#fff;padding:16px 36px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;border-radius:var(--radius-md);transition:background .25s,color .25s,transform .25s;text-decoration:none}.projecten-hero-btn:hover{background:#fff;color:var(--dark);transform:translateY(-3px)}.projecten-grid-section{padding:80px 20px;background:#fff}.projecten-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.project-card{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-lg);overflow:clip;background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow .3s,transform .3s}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.project-card-img-wrap{width:100%;padding-bottom:100%;position:relative;overflow:clip}.project-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.project-card:hover .project-card-img{transform:scale(1.04)}.project-card-body{padding:20px 22px 24px}.project-card-title{font-family:Outfit,sans-serif;font-size:17px;font-weight:600;color:var(--dark);line-height:1.4;margin:0;transition:color .2s}.project-card:hover .project-card-title{color:var(--orange)}.projecten-cta-section{padding:70px 20px;background:var(--bg-light);text-align:center}.projecten-cta-section h2{font-size:32px;margin-bottom:12px}.projecten-cta-section p{font-size:17px;color:var(--gray-text);margin-bottom:32px}.project-detail-hero{position:relative;min-height:420px;display:flex;align-items:flex-end;overflow:clip;background:linear-gradient(160deg,#0f1f0f,#162816 55%,#0a1a0a)}.project-detail-hero-bg,.project-detail-hero-overlay{display:none}.project-detail-hero-content{position:relative;z-index:2;width:100%;padding:0 20px 56px}.project-detail-hero-content .section-label{display:inline-block;background:var(--orange);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 14px;border-radius:var(--radius-sm);margin-bottom:16px}.project-detail-hero-content h1{color:#fff;font-size:clamp(28px,4vw,48px);font-weight:600;line-height:1.2;margin-bottom:12px;max-width:860px}.project-detail-hero-content .project-intro{color:#ffffffd9;font-size:17px;font-style:italic;max-width:700px;margin:0}.project-detail-hero .container,.project-content-section .container,.project-gallery-section .container,.projecten-cta-section .container{max-width:950px}.project-content-section{padding:64px 20px 80px;background:#fff}.project-content-intro{font-size:18px;font-weight:600;line-height:1.65;color:var(--dark);margin-bottom:36px;max-width:860px}.project-section-heading{display:flex;align-items:center;gap:12px;margin-top:48px;margin-bottom:16px}.project-section-heading-icon{font-size:20px;color:var(--orange);flex-shrink:0}.project-section-heading h3{margin:0;font-size:22px;font-weight:700;color:var(--dark)}.project-content-section p{font-size:16px;line-height:1.7;color:var(--dark-light);max-width:860px;margin-bottom:0}.project-content-section p+p{margin-top:16px}.project-content-section a{color:var(--orange);font-weight:600;text-decoration:none}.project-content-section a:hover{text-decoration:underline}.project-triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 60px}.project-triple-card{background:var(--bg-light);border-radius:var(--radius-lg);padding:28px 24px;border-left:4px solid var(--orange)}.project-triple-card h4{font-size:17px;font-weight:700;color:var(--dark);margin:0 0 10px}.project-triple-card h4 i{color:var(--orange);margin-right:8px}.project-triple-card p{font-size:15px;color:var(--gray-text);line-height:1.6;margin:0;max-width:none}.project-tools-list{list-style:none;padding:0;margin:20px 0 0;max-width:500px}.project-tools-list li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:15px;color:var(--dark-light)}.project-tools-list li:last-child{border-bottom:none}.project-tools-list li i{color:var(--orange);width:18px;text-align:center;flex-shrink:0}.project-ext-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.project-gallery-section{padding:70px 20px;background:#fff}.project-gallery-section h2{font-size:28px;margin-bottom:32px;text-align:center}.project-gallery-masonry{columns:3;column-gap:12px}.project-gallery-masonry-item{break-inside:avoid;margin-bottom:12px;border-radius:var(--radius-md);overflow:clip}.project-gallery-masonry-item img{width:100%;height:auto;display:block;transition:transform .35s ease,filter .35s ease}.project-gallery-masonry-item:hover img{transform:scale(1.03);filter:brightness(.88)}.project-gallery-masonry-item{cursor:pointer}.cf-lightbox{display:none;position:fixed;inset:0;background:#000000eb;z-index:9999;align-items:center;justify-content:center}.cf-lightbox.is-open{display:flex}.cf-lightbox-img{max-width:90vw;max-height:88vh;object-fit:contain;border-radius:var(--radius-md);display:block}.cf-lightbox-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;line-height:1;padding:4px 10px;opacity:.8;transition:opacity .2s}.cf-lightbox-close:hover{opacity:1}.cf-lightbox-prev,.cf-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1f;border:none;color:#fff;font-size:22px;cursor:pointer;padding:16px 20px;border-radius:var(--radius-md);transition:background .2s}.cf-lightbox-prev:hover,.cf-lightbox-next:hover{background:#ffffff47}.cf-lightbox-prev{left:20px}.cf-lightbox-next{right:20px}.cf-lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffff8c;font-size:13px;letter-spacing:1px}.cf-rating-blok{background:var(--bg-light);border-radius:var(--radius-lg);padding:28px 28px 24px;margin:40px 0;border-left:4px solid var(--orange);max-width:860px}.cf-rating-blok .stars{color:#f5a623;margin-bottom:8px}.cf-rating-blok .stars i{margin-right:2px}.cf-rating-blok .rating-context{font-weight:700;font-size:14px;color:var(--dark);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.cf-rating-blok p{font-size:15px;color:var(--dark-light);line-height:1.7;font-style:italic;margin:0;max-width:none}.seo-keyword-list{list-style:none;padding:0;margin:16px 0 0;max-width:560px}.seo-keyword-list li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #f0f0f0;font-size:15px;color:var(--dark-light)}.seo-keyword-list li:last-child{border-bottom:none}.seo-keyword-list li i{color:var(--orange);width:18px;text-align:center;flex-shrink:0}.project-seo-screenshot{max-width:1200px;width:100%;height:auto;border-radius:var(--radius-md);box-shadow:0 8px 36px #00000012;display:block;margin:28px auto 0}.project-seo-caption{font-size:14px;color:#555;text-align:center;margin-top:9px}.project-seo-caption a{color:var(--orange);font-weight:500;text-decoration:underline}.project-tools-label{display:block;font-weight:700;color:var(--dark);margin-top:36px;margin-bottom:4px}.step-row--award{margin:0 0 48px}@media(max-width:900px){.projecten-grid{grid-template-columns:repeat(2,1fr);gap:24px}.project-triple-grid{grid-template-columns:repeat(2,1fr)}.project-gallery-masonry{columns:2}}@media(max-width:600px){.projecten-hero-content h1{font-size:32px}.projecten-grid{grid-template-columns:1fr;gap:20px}.projecten-grid-section{padding:50px 20px}.project-triple-grid{grid-template-columns:1fr}.project-gallery-masonry{columns:1}.project-content-section{padding:48px 20px 60px}.project-ext-ctas{flex-direction:column}}