.projectitem__image{height:100%;object-fit:cover;width:100%}.projectitem{overflow:hidden;position:relative;transition:color .3s ease 0s}html[data-fls-touch] .projectitem.open-project .projectitem__info{opacity:1;translate:0 0}.projectitem__picture{aspect-ratio:400/460;transition:color .3s ease 0s}.projectitem__info{align-items:center;background:linear-gradient(rgba(0,0,0,.6),var(--color-prime-blue));bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:.9375rem;position:absolute;row-gap:.625rem;top:0;transition:translate .5s ease 0s,opacity .5s ease 0s;translate:0 100%;width:100%}.projectitem__title{color:var(--color-white-fa);font-size:var(--fontSize24);font-weight:var(--fontWeightMedium);text-transform:capitalize}.projectitem__label,.projectitem__title{line-height:var(--lineHight129)}.projectitem__text{color:var(--color-white-fa);font-size:var(--fontSize14);text-align:center}.projectitem__button{align-items:center;aspect-ratio:1;background-color:var(--color-white-fa);border-radius:50%;display:flex;justify-content:center;width:3.75rem}.projectitem__button:before{color:var(--color-second-red);font-size:var(--fontSize45);line-height:var(--lineHight100);transition:color .3s ease 0s}@media (any-hover:hover),(pointer:fine){html:not([data-fls-touch]) .projectitem:hover .projectitem__info{opacity:1;translate:0 0}html:not([data-fls-touch]) .projectitem__button:hover:before{color:var(--color-whatsapp)}}