.project-index{max-width:1170px;margin:0 auto 45px;padding:0 35px;display:flex;flex-wrap:wrap;gap:10px 25px}.project-index a{font-size:11px;color:#756b55;padding:6px 0;border-bottom:1px solid #e5dfd2}.project-photo{max-width:750px;margin:0 auto;background:#f0ede6}.project-photo>img{width:100%;height:auto;display:block}.photo-project{background:white}.photo-project figcaption{display:flex;justify-content:space-between;gap:20px;max-width:750px;margin:0 auto;padding:15px 0;font-size:9px}.photo-project .fase-titel{color:#423e33;font-size:11px}.fase-fotos{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:15px}.fase-foto{padding:0 0 8px;background:white;border:0;border-bottom:2px solid transparent;cursor:pointer;text-align:left;color:#756e5d}.fase-foto>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:saturate(.65);opacity:.8;transition:opacity .2s}.fase-foto>span{display:block;font:10px/1.6 Arial,sans-serif;margin-top:10px;min-height:32px}.fase-foto[aria-pressed=true]{border-color:#9c8661;color:#292b24}.fase-foto[aria-pressed=true]>img,.fase-foto:hover>img{filter:none;opacity:1}.project-story{padding-bottom:90px;border-bottom:1px solid #eee9df}.project-heading{margin-top:30px}.project-intro>p:not(.eyebrow){max-width:720px}
@media(max-width:760px){.project-index{padding:0 7%;gap:10px 20px;margin-bottom:25px}.fase-fotos{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.fase-foto>span{font-size:8px;line-height:1.5;overflow-wrap:anywhere}.photo-project figcaption{display:block}.photo-project figcaption>span{display:block;line-height:1.8}.project-story{padding-bottom:50px}.project-heading{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.fase-foto>img{transition:none}}
.project-photo{height:620px;display:flex;justify-content:center;background:#f6f4ef}.project-photo>img{height:100%;width:100%;object-fit:contain}.fase-foto>img{aspect-ratio:3/4}.project-index{align-items:center}.project-index a:focus-visible{outline:2px solid #8d7955;outline-offset:5px}@media(max-width:760px){.project-photo{height:min(145vw,600px)}.fase-foto>span{min-height:60px}}
@media(max-width:760px){.fase-fotos{display:flex;overflow-x:auto;max-width:100%;padding-bottom:10px;gap:10px;scroll-snap-type:x proximity}.fase-foto{flex:0 0 104px;scroll-snap-align:start}.fase-foto>span{font-size:10px;min-height:46px}.fase-foto>img{aspect-ratio:3/4}}

/* Titel in verhouding tot de overige pagina’s. */
.project-intro h1{font-size:clamp(36px,4.5vw,60px);line-height:1.15;letter-spacing:-.025em}@media(max-width:760px){.project-intro h1{font-size:clamp(34px,8vw,44px)}}