._project-wrapper_1i7az_1{flex-wrap:wrap;gap:.3rem;width:100%;display:flex}._project_1i7az_1{cursor:pointer;width:33%;height:17rem;position:relative;overflow:hidden}@media screen and (width<=1700px){._project_1i7az_1{height:15rem}}@media screen and (width<=1400px){._project_1i7az_1{width:calc(50% - .3rem);height:17rem}}@media screen and (width<=900px){._project_1i7az_1{width:100%;height:24rem}}@media screen and (width<=650px){._project_1i7az_1{height:19rem}}@media screen and (width<=500px){._project_1i7az_1{height:16rem}}@media screen and (width<=450px){._project_1i7az_1{height:14rem}}@media screen and (width<=390px){._project_1i7az_1{height:12rem}}._project_1i7az_1:hover ._project-info_1i7az_60,._project_1i7az_1:hover ._project-overlay_1i7az_64{opacity:1}._project_1i7az_1:hover ._project-thumbnail_1i7az_68{transform:scale(1.02)}._project_1i7az_1:hover ._project-shape_1i7az_72{opacity:1;transform:translate(0)}._project-info_1i7az_60{box-sizing:border-box;opacity:0;color:#fff;z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;padding:1rem;transition:opacity .2s ease-in-out;display:flex;position:absolute}._project-shape_1i7az_72{clip-path:polygon(0 0,100% 100%,0 100%);background-color:var(--blue);z-index:3;width:70%;height:80%;transition:opacity .2s ease-in-out,transform .4s ease-in-out;position:absolute;bottom:0;left:0;transform:translate(-100%,80%)}._project-overlay_1i7az_64{opacity:0;z-index:2;background-color:#0009;width:100%;height:100%;transition:opacity .4s ease-in-out;position:absolute}._project-thumbnail_1i7az_68{object-fit:cover;width:100%;height:100%;transition:transform .4s ease-in-out}._project-info_1i7az_60>div:first-child{z-index:1;text-align:center;font-size:2.3rem;font-weight:700}@media screen and (width<=450px){._project-info_1i7az_60>div:first-child{font-size:1.7rem}}._project-info-stats_1i7az_139{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}._project-info-stats_1i7az_139>div{align-items:center;gap:.3rem;font-size:1.1rem;font-weight:300;display:flex}@media screen and (width<=450px){._project-info-stats_1i7az_139>div{gap:.25rem;font-size:1rem}}._project-info-stats_1i7az_139>div>._stat-icon_1i7az_161{filter:invert();width:1.7rem;height:1.7rem}@media screen and (width<=450px){._project-info-stats_1i7az_139>div>._stat-icon_1i7az_161{width:1.3rem;height:1.3rem}}