.project-inner{padding:0 50px}.project-list{display:-ms-flexbox;display:flex;flex-wrap:wrap}.project-item{width:33.3333%;box-sizing:border-box;padding:1% .5%}.project-item a:hover .project-image{filter:grayscale(0) brightness(1);clip-path:polygon(8px 8px, calc(100% - 8px) 8px, calc(100% - 8px) calc(100% - 8px), 8px calc(100% - 8px))}.project-item a:hover .project-content:before{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-item:nth-child(5n+4){margin-left:calc(33.3333% / 2)}.project-item:nth-child(5n){margin-right:calc(33.3333% / 2)}.project-image{position:relative;filter:grayscale(1) brightness(.8);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition:filter .4s,clip-path .4s}.project-image.show:before{width:0;transition-delay:.9s}.project-image.show:after{width:0}.project-image:before{content:"";width:100%;height:100%;background:#181818;position:absolute;top:0;right:0;z-index:2;transition:width .8s}.project-image:after{content:"";width:100%;height:100%;background:#000;position:absolute;top:0;right:0;z-index:2;transition:width .8s}.project-img img{width:100%}.project-img-black{filter:grayscale(1) brightness(1)}.project-award{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:flex-end;position:absolute;top:10px;right:10px;left:10px;z-index:1}.project-award img{height:40px;margin:1.5px}.project-content{padding-top:10px;position:relative}.project-content:before{content:"";width:1.5px;height:30px;background:#a7a3a0;position:absolute;top:-25px;left:20px;clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);transition:clip-path .8s}.project-name{color:#FFF;font-size:.875rem}.project-type{color:#999;font-size:.75rem;font-family:"Philosopher",serif;font-style:italic;line-height:1.2}@media screen and (max-width: 1100px){.project-list{margin:-10px 0}.project-item{width:50%;padding:10px 1%}.project-item:nth-child(5n+4){margin-left:unset}.project-item:nth-child(5n){margin-right:unset}}@media screen and (max-width: 640px){.project-inner{padding:0 25px}.project-item{width:100%;padding:10px 0}.project-item a:hover .project-image{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-item a:hover .project-img img{transform:scale(1.05)}.project-image{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);width:calc(100% + 50px);margin-left:-25px;filter:grayscale(0) brightness(1);overflow:hidden}.project-img img{transition:transform .4s}.project-img-black{filter:grayscale(0) brightness(1)}.project-award{top:5px;right:5px;left:5px}.project-award img{height:35px}.project-content:before{height:33px}}