.project-listing{display:grid;gap:40px 45px;grid-template-columns:repeat(2,1fr)}.project-listing .project{display:flex;flex-flow:column nowrap}.project-listing .project .image-wrapper{aspect-ratio:21/13;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.project-listing .project .image-wrapper .image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s var(--scale-transition);width:100%}.project-listing .project:hover .image-wrapper .image{transform:scale(1.1)}.project-listing .project .overlay{background-color:var(--color-base);height:100%;left:0;mix-blend-mode:hard-light;opacity:.7;position:absolute;top:0;transition:opacity .5s var(--scale-transition);width:100%}.project-listing .project:hover .overlay{opacity:0}.project-listing .project .image-wrapper .number{bottom:0;height:100px;position:absolute;width:62px}.project-listing .project .image-wrapper .number.first-digit{right:77px}.project-listing .project .image-wrapper .number.second-digit{right:0}.project-listing .project .subtitle{color:#858a95;font-size:.889rem;margin-bottom:10px}.project-listing .project .title{color:var(--color-base)}.project-listing .project .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;margin-top:auto;overflow:hidden}.project-listing .project:hover .link{color:var(--color-base)}@media screen and (max-width:900px){.project-listing{grid-template-columns:repeat(1,1fr)}}