.project{position:relative;overflow:hidden;border-radius:5px}.project .thumbnail{position:relative;border-radius:5px;overflow:hidden}.project .thumbnail .image{display:block}.project .thumbnail .image img{width:100%;-webkit-transition:all 1.5s cubic-bezier(0,0,0.2,1);transition:all 1.5s cubic-bezier(0,0,0.2,1)}.project .thumbnail .image .project-overlay-bg{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;-webkit-transition:all .25s cubic-bezier(0.645,0.045,0.355,1);transition:all .25s cubic-bezier(0.645,0.045,0.355,1)}.project .thumbnail .image .project-overlay-bg::before,.project .thumbnail .image .project-overlay-bg::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(43%,transparent),to(#000));background:linear-gradient(180deg,transparent 43%,#000 100%);-webkit-transition:all .25s cubic-bezier(0.645,0.045,0.355,1);transition:all .25s cubic-bezier(0.645,0.045,0.355,1)}.project .thumbnail .image .project-overlay-bg::after{opacity:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:linear-gradient(180deg,transparent 0%,#000 100%)}.project .info{padding-top:30px}.project .info .sub-title{font-size:var(--body-font-size);font-weight:500;line-height:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0 0 12px;color:var(--primary-color)}.project .info .sub-title span{font-size:var(--body-font-size);-ms-flex-item-align:end;align-self:flex-end}.project .info .title{font-size:var(--heading-three);line-height:1.34;color:#333;margin:0}.project:hover .thumbnail .image img{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}.project:hover .thumbnail .image .project-overlay-bg{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;-webkit-transition:all .25s cubic-bezier(0.645,0.045,0.355,1);transition:all .25s cubic-bezier(0.645,0.045,0.355,1)}.project:hover .thumbnail .image .project-overlay-bg::before{opacity:0}.project:hover .thumbnail .image .project-overlay-bg::after{opacity:1}