.project-item{flex-direction:column;gap:clamp(12px,.834vw,32px);width:clamp(300px,30.417vw,1168px);transition:opacity 1s ease-in-out;display:flex;overflow:hidden}.project-item.hidden{opacity:0;transition-duration:.5s;position:absolute;top:0;left:0}@media (hover:hover){.project-item:hover img{transform:scale(1.1)}.project-item:hover .project-data{opacity:1}}.project-image{aspect-ratio:584/400;width:100%;display:flex}.project-image img{transition:transform var(--transition-slow)}.project-data{opacity:0;transition:opacity var(--transition)}.project-title{box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-subtitle{color:var(--color-grey-100);box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:clamp(8px,.417vw,16px);display:-webkit-box;overflow:hidden}@media (max-width:1080px){.project-data{opacity:1}}@media (max-width:768px){.project-item{width:100%}}.projects .project-item{position:relative}.projects .project-item:before{content:"";z-index:1;pointer-events:none;opacity:0;background:var(--color-primary-menu-bg);transition:all .2s ease-in-out;position:absolute;inset:0}.projects.loading .project-item:before{opacity:1;pointer-events:all}