.completed-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.completed-project{border:1px solid #dbe0e5;background:#fff;overflow:hidden;scroll-margin-top:30px}
.project-cover{aspect-ratio:4/3;background:#eef1f4}
.project-photo{display:block;padding:0;border:0;width:100%;height:100%;background:transparent;cursor:zoom-in}
.project-photo img{display:block;width:100%;height:100%;object-fit:cover}
.project-photo:focus-visible{outline:4px solid #365f80;outline-offset:-4px}
.project-copy{padding:28px}.project-copy h3{font-size:30px;line-height:1.12;margin:10px 0 18px}.project-copy p{overflow-wrap:anywhere}.project-description{line-height:1.7}
.project-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px}.project-thumbnails .project-photo{aspect-ratio:1}
.projects-empty{max-width:700px;color:#526477;line-height:1.7}
.project-lightbox{width:calc(100% - 28px);max-width:1200px;max-height:94vh;padding:18px;border:0;background:#11263b;color:#fff;overflow:auto;margin:auto}
.project-lightbox::backdrop{background:#081421e8}.project-lightbox img{display:block;max-width:100%;max-height:73vh;object-fit:contain;margin:auto}.project-lightbox p{color:#fff;white-space:pre-line;overflow-wrap:anywhere}.project-lightbox-controls{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.project-lightbox button{background:#fff;border:0;padding:12px 16px;color:#11263b;cursor:pointer;font:inherit}
@media(max-width:700px){.completed-projects{grid-template-columns:1fr;gap:24px}.project-copy{padding:22px}.project-copy h3{font-size:26px}.project-lightbox-controls button{font-size:13px;padding:10px}}

/* Balanced project gallery; photographs open uncropped in the lightbox. */
.completed-projects{align-items:start;gap:28px}
.completed-project{min-width:0;border-radius:8px;scroll-margin-top:150px}
.project-cover{position:relative;overflow:hidden;aspect-ratio:16/10}
.project-cover>.project-photo{position:absolute;inset:0}
.project-cover::after{content:"Bekijk foto's ↗";position:absolute;right:14px;bottom:14px;padding:8px 12px;background:#11263be6;color:#fff;font-size:12px;letter-spacing:.02em;pointer-events:none;border-radius:3px}
.project-copy{min-width:0;padding:26px}
.project-copy h3{font-size:24px;line-height:1.25;letter-spacing:-.4px;overflow-wrap:anywhere;margin:8px 0 16px}
.project-copy .eyebrow{margin:0;font-size:11px}
.project-description:empty,.project-copy>.eyebrow:empty{display:none}
.project-description{font-size:15px;margin:0 0 18px}
.project-thumbnails{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-top:22px;scroll-snap-type:x proximity}
.project-thumbnails .project-photo{flex:0 0 96px;width:96px;height:80px;aspect-ratio:auto;overflow:hidden;border-radius:4px;scroll-snap-align:start}
[data-cms-projects="all"] .completed-projects{grid-template-columns:1fr}
[data-cms-projects="all"] .completed-project{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
[data-cms-projects="all"] .project-cover{height:360px;aspect-ratio:auto;align-self:start}
[data-cms-projects="all"] .project-copy{padding:32px;align-self:center}
[data-cms-projects="featured"] .project-cover{max-height:300px}
@media(max-width:800px){
 [data-cms-projects="all"] .completed-project{grid-template-columns:1fr}
 [data-cms-projects="all"] .project-cover{height:auto;aspect-ratio:16/10;max-height:340px}
 [data-cms-projects="all"] .project-copy,.project-copy{padding:22px}
 .project-copy h3{font-size:22px}
 .project-thumbnails{margin-top:18px}
 .project-thumbnails .project-photo{flex-basis:84px;width:84px;height:70px}
}


.project-context{align-self:center;min-width:0}.project-context h3,.case-teaser .project-context h3{font-size:25px;line-height:1.25;letter-spacing:-.4px;margin:14px 0 18px}.project-context p,.case-data.project-context p{font-size:15px;line-height:1.75;color:#526477;margin:0 0 18px}.project-context .inline-link{font-size:14px}.case-teaser .project-context{border-left:1px solid #ccd8e4;padding-left:30px}@media(max-width:600px){.case-teaser .project-context{border-left:0;border-top:1px solid #ccd8e4;padding:24px 0 0}.project-context h3,.case-teaser .project-context h3{font-size:23px}}