.projecten-element{position:relative}.projecten-element.projecten-element--big-bg{margin:var(--sp-large) 0}.projecten-element.projecten-element--big-bg:before{background:var(--backgrounds-creme);content:"";height:calc(100% + var(--sp-large) + var(--sp-large));left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:calc(100% - 1rem)}.projecten-element__element{margin:var(--sp-xl) 0;padding:.1px}.projecten-element__content{position:relative}.projecten-element__title{text-wrap:balance;text-wrap:pretty;color:var(--brand-purple-default);font-family:var(--f-special);font-size:1.5rem;font-weight:700;letter-spacing:-.65px;line-height:1;margin:0 0 .25em;word-break:keep-all}@media (min-width:768px){.projecten-element__title{font-size:2rem}}.projecten-element__title a,.projecten-element__title h1,.projecten-element__title h2,.projecten-element__title h3,.projecten-element__title h4,.projecten-element__title h5,.projecten-element__title h6,.projecten-element__title p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.projecten-element__title h1,.projecten-element__title h2,.projecten-element__title h3,.projecten-element__title h4,.projecten-element__title h5,.projecten-element__title h6,.projecten-element__title p{margin:0;padding:0}.projecten-element__button .button{--border-color:var(--brand-purple-default);--bg-color:transparent;color:var(--brand-purple-default)}.projecten-element__button .button:hover{--border-color:var(--brand-purple-default);--bg-color:var(--brand-purple-default);color:var(--backgrounds-creme)}.projects-list{--items-per-row:3;--item-gap:1rem;display:flex;flex-wrap:wrap;gap:var(--item-gap);width:100%}@media (max-width:1499.98px){.projects-list{--items-per-row:3}}@media (max-width:1199.98px){.projects-list{--items-per-row:2}}@media (max-width:991.98px){.projects-list{--items-per-row:2}}@media (max-width:767.98px){.projects-list{--items-per-row:1}}.project-item{aspect-ratio:1;border-radius:.5rem;isolation:isolate;overflow:clip;position:relative;width:calc(100%/var(--items-per-row) - var(--item-gap)*(var(--items-per-row) - 1)/var(--items-per-row))}.project-item__content{background:var(--c-black-40);color:var(--c-white);display:flex;flex-direction:column;inset:0;justify-content:flex-end;position:absolute}.project-item__title{text-wrap:balance;text-wrap:pretty;font-family:var(--f-special);font-size:1.5rem;font-weight:700;letter-spacing:-.65px;line-height:1;margin:0 0 .5rem;word-break:keep-all}@media (min-width:768px){.project-item__title{font-size:2rem}}.project-item__intro{margin-bottom:1.5rem}.project-item__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:scale var(--animation-slow-zoom-out,10s) ease;width:100%}.project-item:hover .project-item__image{scale:1.1;transition:scale var(--animation-slow-zoom-in,5s) ease}.project-item__content{padding:2rem}.project-item__button{z-index:10}.project-item__button .button{--border-color:var(--c-white);color:var(--c-white)}.project-item__button .button:hover{--border-color:var(--c-white);--bg-color:var(--c-white);color:var(--c-black)}.project-item__link span{inset:0;position:absolute}