.hero img{-o-object-position:65% 50%;object-position:65% 50%}.projects-filter{text-align:center;display:flex;justify-content:center;gap:10px}.projects-filter a{display:block;position:relative;font-size:.8125rem;padding:5px 30px;border:#dfddd5;border-radius:30px;overflow:hidden}.projects-filter a::before{content:"";position:absolute;top:0;left:-10px;width:90%;height:100%;border-radius:30px;background:rgba(223,221,213,.4);opacity:0;transition:width .6s,opacity .6s,left .6s;pointer-events:none}.projects-filter a .tw,.projects-filter a .en{position:relative;display:block;transition:opacity .6s,transform .6s}.projects-filter a .tw{position:absolute;top:50%;left:50%;transform:translate(-60%, -50%);white-space:nowrap;opacity:0}.projects-filter a:hover .en{opacity:0;transform:translate(10%, 0%)}.projects-filter a:hover .tw{opacity:1;transform:translate(-50%, -50%)}.projects-filter a:hover,.projects-filter a.active{color:#000}.projects-filter a:hover:before,.projects-filter a.active:before{left:0;width:100%;opacity:1}.projects-list{display:flex;flex-wrap:wrap;padding:calc(5vw - 50px) 5vw 5vw;margin-top:5vw;position:relative}.projects-list:after{content:"";width:100%;height:100%;background:#000;position:absolute;top:0;left:0;z-index:-2}.projects-item{width:31.3333%;margin:50px 1% 0;box-sizing:border-box;position:relative}.projects-item:nth-child(5n+1) a:after,.projects-item:nth-child(5n+2) a:after,.projects-item:nth-child(5n+3) a:after{display:none}.projects-item:nth-child(5n+4){margin-left:17.66665%}.projects-item:nth-child(5n){margin-right:17.66665%}.projects-item a{display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px dashed #444;transition:box-shadow .4s,border .4s}.projects-item a:hover{box-shadow:0 0 10px #444;border:1px solid #222}.projects-item a:hover .projects-img{filter:saturate(1)}.projects-item a:hover .projects-img img{transform:scale(1.15)}.projects-item a:after{content:"";width:calc(50% - 16px);height:calc(100% - 16px);background:#191919;position:absolute;top:8px;right:8px;z-index:-1}.projects-img{width:50%;overflow:hidden;filter:saturate(0.3);transition:clip-path .8s,filter .8s .2s}.projects-img img{width:100%;transform:scale(1);transition:transform 1s}.projects-name{font-size:.875rem;color:#fff;width:calc(50% - 8px);text-align:center;padding:8px;box-sizing:border-box}@media screen and (max-width: 1300px){.projects-item{width:48%}.projects-item:nth-child(5n+1) a:after,.projects-item:nth-child(5n+2) a:after,.projects-item:nth-child(5n+3) a:after{display:block}.projects-item:nth-child(3n+1) a:after,.projects-item:nth-child(3n+2) a:after{display:none}.projects-item:nth-child(5n+4){margin-left:unset}.projects-item:nth-child(5n){margin-right:unset}.projects-item:nth-child(3n){margin-left:26%}}@media screen and (max-width: 1100px){.projects-list{padding:calc(5vw - 40px) 5vw 5vw}.projects-item{margin:40px 1% 0}}@media screen and (max-width: 900px){.projects-list{padding:calc(5vw - 30px) 5vw 5vw}.projects-item{width:auto;max-width:680px;margin:30px auto 0}.projects-item:nth-child(3n+1) a:after,.projects-item:nth-child(3n+2) a:after{display:block}.projects-item:nth-child(3n),.projects-item:nth-child(5n),.projects-item:nth-child(5n+4){margin-left:auto;margin-right:auto}.projects-item:nth-child(even) a{flex-flow:row-reverse}.projects-item:nth-child(even) a:after{right:unset;left:8px}}@media screen and (max-width: 640px){.projects .inner{max-width:460px}.projects-filter{flex-direction:column}.projects-list{padding:10px 5vw 40px;margin-top:40px}.projects-item{max-width:460px}.projects-item:nth-child(3n) a:after,.projects-item:nth-child(3n+1) a:after,.projects-item:nth-child(3n+2) a:after,.projects-item:nth-child(5n) a:after,.projects-item:nth-child(5n+1) a:after,.projects-item:nth-child(5n+2) a:after,.projects-item:nth-child(5n+3) a:after,.projects-item:nth-child(5n+4) a:after{display:none}.projects-item a{display:block;padding:unset;border:unset}.projects-item a:hover{border:unset;box-shadow:unset}.projects-item a:hover .projects-img img{transform:scale(1);clip-path:polygon(calc(0% + 10px) calc(0% + 10px), calc(100% - 10px) calc(0% + 10px), calc(100% - 10px) calc(100% - 10px), calc(0% + 10px) calc(100% - 10px))}.projects-img{width:auto;padding:10px;border:1px dashed #444;box-sizing:border-box}.projects-img.clipDown.is-inview,.projects-img.clipUp.is-inview,.projects-img.clipLeft.is-inview,.projects-img.clipRight.is-inview{clip-path:inset(-1px -1px -1px -1px)}.projects-img img{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition:clip-path 1s}.projects-name{width:auto;margin-top:10px;padding:0 10px}}