.hero img{-o-object-position:50% 50%;object-position:50% 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:rgba(199,178,153,.3) 1px solid;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(199,178,153,.2);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-content{margin-top:80px}.projects-type{display:grid;grid-template-columns:auto 1fr;align-items:center;margin-bottom:40px}.projects-type:after{content:"";display:block;height:1px;background:#c7b299}.projects-type-text{display:block;font-size:.75rem;padding:2px 15px;border-radius:30px;background:#c7b299;color:#fff}.projects-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:80px 40px}.projects-item{display:block}.projects-item:hover img{filter:grayscale(0%);transform:scale(1.05)}.projects-item:hover .projects-award img{transform:scale(1)}.projects-img{position:relative;overflow:hidden}.projects-img img{width:100%;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;transition:transform .6s;filter:grayscale(50%)}.projects-award{position:absolute;bottom:10px;right:10px;display:flex;flex-wrap:wrap;gap:2px}.projects-award img{width:25px;height:25px;filter:grayscale(0%)}.projects-name{font-size:.875rem;color:#000;margin:15px 0;text-align:center}@media screen and (max-width: 1200px){.projects-list{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 900px){.projects-filter{flex-direction:column}.projects-list{margin-top:60px;grid-template-columns:repeat(2, 1fr);gap:60px 30px}}@media screen and (max-width: 600px){.projects-list{grid-template-columns:repeat(1, 1fr);gap:40px;margin-top:40px}}