/* Homepage project slider: one calm case study at a time. */
#projecten .portfolio-overview-grid.project-slider{display:block!important;position:relative;overflow:hidden;background:transparent!important}#projecten .project-slider__track{display:flex!important;gap:0!important;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}#projecten .project-slider__track>.portfolio-project-card{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);flex:0 0 100%!important;gap:clamp(1.5rem,5vw,6rem);align-items:end;margin:0!important;padding:0!important;border:0!important;background:transparent!important}#projecten .project-slider__track .portfolio-project-card-media{grid-column:1;display:block;overflow:hidden;background:#3a3832}#projecten .project-slider__track .portfolio-project-cover{width:100%;aspect-ratio:16/10!important;object-fit:cover;filter:saturate(.8)}#projecten .project-slider__track .portfolio-project-card-body{grid-column:2;padding:0 0 1rem;color:#f5f1e9}#projecten .portfolio-project-meta{color:#d7c4ae!important;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}#projecten .portfolio-project-title{margin:1rem 0!important;font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.4rem)!important;font-weight:400;letter-spacing:-.06em;line-height:.9}#projecten .portfolio-project-text{color:#d0c8bb!important;line-height:1.7}#projecten .portfolio-project-tags{display:none}.project-slider__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.35)}.project-slider__buttons{display:flex;gap:.5rem}.project-slider__button{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;font-size:1.1rem;cursor:pointer}.project-slider__button:hover{background:#f5f1e9;color:#292824}.project-slider__count{color:#d0c8bb;font-size:.68rem;font-weight:700;letter-spacing:.12em}.project-slider__button:focus-visible{outline:3px solid #d7c4ae;outline-offset:3px}@media(max-width:899px){#projecten .project-slider__track>.portfolio-project-card{display:block!important}#projecten .project-slider__track .portfolio-project-card-body{padding:1.5rem 0 0}#projecten .project-slider__track .portfolio-project-title{font-size:clamp(2.4rem,12vw,3.6rem)!important}}
