.cs-projects{background:var(--white);padding:5rem 0}.cs-filter-group{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem}.cs-filter-button{background:var(--primary-20);border:none;border-radius:var(--radius-full);color:var(--body-color);cursor:pointer;font-family:var(--body-font);font-size:.875rem;font-weight:600;padding:.6rem 1.25rem;transition:background-color .2s ease,color .2s ease}.cs-filter-button:hover{background:var(--primary-30)}.cs-filter-button.cs-active{background:var(--secondary);color:var(--white)}.cs-projects-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.cs-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cs-projects-grid{grid-template-columns:repeat(4,1fr)}}.cs-project-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow .3s ease}.cs-project-card:hover{box-shadow:var(--shadow-xl)}.cs-project-media{aspect-ratio:1/1;background:none;border:none;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.cs-project-photo{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.cs-project-photo--placeholder{background:var(--white);-o-object-fit:contain;object-fit:contain;padding:2.5rem}.cs-project-media:hover .cs-project-photo{transform:scale(1.05)}.cs-project-overlay{align-items:center;background:rgba(15,23,42,0);color:var(--white);display:flex;font-size:1.5rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:background-color .3s ease,opacity .3s ease}.cs-project-media:hover .cs-project-overlay{background:rgba(15,23,42,.3);opacity:1}.cs-project-body{padding:1rem}.cs-project-tag{background:var(--primary-30);border-radius:var(--radius-full);color:var(--body-color);display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .65rem}.cs-project-tag--binnen-zonwering{background:var(--white);border:1px solid rgba(17,85,212,.3);color:var(--secondary)}.cs-project-tag--buiten-zonwering{background:var(--secondary-light);color:var(--secondary)}.cs-project-title{color:var(--heading-color);font-family:var(--heading-font);font-weight:600;margin:.5rem 0 0}.cs-project-place{color:var(--muted-color-light);font-size:.875rem;margin:.15rem 0 0}.cs-lightbox{align-items:center;display:none;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.cs-lightbox.cs-active{display:flex}@media (min-width:640px){.cs-lightbox{padding:2rem}}.cs-lightbox-backdrop{background:rgba(15,23,42,.9);inset:0;position:absolute}.cs-lightbox-panel{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:48rem;overflow:hidden;overflow-y:auto;position:relative;width:100%}.cs-lightbox-close{align-items:center;background:var(--white-95);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:1.1rem;height:2.75rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:2.75rem;z-index:1}.cs-lightbox-img{aspect-ratio:3/2;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.cs-lightbox-content{padding:1.5rem 2rem 2rem}.cs-lightbox-title{color:var(--heading-color);font-family:var(--heading-font);font-size:1.5rem;font-weight:700;margin:.75rem 0 .5rem}.cs-lightbox-place{color:var(--muted-color-light);font-size:.875rem;margin:0 0 1rem}.cs-lightbox-desc{color:var(--muted-color);line-height:1.7;margin:0}