.ArchiveProjectenComponent__content{display:grid;gap:1.6vw;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:576px){.ArchiveProjectenComponent__content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.ArchiveProjectenComponent__content{grid-template-columns:repeat(3,minmax(0,1fr))}}.ArchiveProjectenComponent__item{--tw-text-opacity:1;aspect-ratio:71.2/100;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;overflow:hidden;position:relative}.ArchiveProjectenComponent__item__title{font-size:1.25rem;line-height:1.75rem}@media (min-width:768px){.ArchiveProjectenComponent__item__title{font-size:1.5rem;line-height:2rem}}.ArchiveProjectenComponent__item__image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.ArchiveProjectenComponent__item__wrapper{align-items:flex-end;display:flex;height:100%;position:relative;width:100%;z-index:10}.ArchiveProjectenComponent__item__content{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));display:flex;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);flex-direction:column;gap:.5rem;padding:2rem}.ArchiveProjectenComponent__item__button{align-items:center;display:flex;font-size:20px;font-weight:300;gap:1rem;line-height:24.38px;text-align:left}.ArchiveProjectenComponent__item__button i{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ArchiveProjectenComponent__item:hover .ArchiveProjectenComponent__item__image,.ArchiveProjectenComponent__item__button i{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ArchiveProjectenComponent__item:hover .ArchiveProjectenComponent__item__image{--tw-scale-x:1.05;--tw-scale-y:1.05}.ArchiveProjectenComponent__item:hover .ArchiveProjectenComponent__item__button i{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
