@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Libre+Caslon+Display&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;500;600;700&display=swap");.project-classification ul{gap:20px;display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;font-size:1rem}.project-classification ul .classification-item{position:relative;font-size:.875rem}.project-classification ul .classification-item a{position:relative;font-size:.875rem;color:#535759;text-align:center;display:inline-block;width:auto;overflow:hidden;transform:translateY(13px)}.project-classification ul .classification-item a .en,.project-classification ul .classification-item a .tw{position:relative;display:block;font-size:12px}.project-classification ul .classification-item a .en{text-transform:uppercase;opacity:1}.project-classification ul .classification-item a .tw{opacity:0}.project-classification ul .classification-item a:hover{color:#e3680d}.project-classification ul .classification-item a:hover:after{width:100%}.project-classification ul .classification-item a:hover .en{opacity:0}.project-classification ul .classification-item a:hover .tw{opacity:1;transform:translateY(-18px);transition:opacity .6s}.project-classification ul .classification-item.show a{color:#e3680d}@media screen and (max-width: 991px){.container{max-width:100%}.project-classification ul{gap:5%;-webkit-justify-content:flex-start;justify-content:flex-start}.project-classification ul .classification-item{width:47.5%}.project-classification ul .classification-item a{text-align:left}}@media screen and (max-width: 640px){.project-classification ul{gap:5px}.project-classification ul .classification-item{width:100%}.project-classification ul .classification-item a{transform:translateY(0px);display:flex;gap:10px;margin-bottom:10px}.project-classification ul .classification-item a .en:after{content:"/";position:relative;padding-left:10px}.project-classification ul .classification-item a .tw{opacity:1}.project-classification ul .classification-item a:hover .en{opacity:1}.project-classification ul .classification-item a:hover .tw{transform:translateY(0px)}}@media screen and (max-width: 350px){.project-classification ul .classification-item a .en{display:none}}@media screen and (min-width: 1401px){.project-classification ul{gap:30px}}.project-container{max-width:1400px;width:100%;padding:0 25px;box-sizing:border-box}.project-classification{padding-bottom:15px;border-bottom:1px solid #aeb3b5}.project-list{margin-top:50px;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:5%}.project-item{flex:0 0 21.25%;max-width:21.25%;box-sizing:border-box;margin-bottom:50px}.project-item .project-img{overflow:hidden}.project-item .project-img img{transform:scale(1, 1);filter:saturate(.5);transition:all 1s ease-out}.project-item:hover .classification-name{color:#8e9295}.project-item:hover .project-img img{filter:saturate(1);transform:scale(1.1, 1.1)}.project-info{display:flex;gap:15px;width:100%}.project .classification{position:relative}.project .classification:after{position:absolute;bottom:0;left:8.5px;height:100%;width:1px;content:".";color:transparent;background:#d2d7d9;z-index:-1}.project .classification-name{text-transform:uppercase;writing-mode:vertical-rl;position:relative;background:#fafafa;padding-bottom:15px;z-index:2}.project-name{text-align:right;margin:0;padding-top:5px;font-size:1rem;line-height:1.4;text-transform:uppercase;margin-left:30px}@media screen and (max-width: 991px){.project-item{flex:0 0 30%;max-width:30%}}@media screen and (max-width: 640px){.project{padding-top:20px}.project-container{padding:0 20px}.project-title .title-group{margin-bottom:20px}.project-item{flex:0 0 47.5%;max-width:47.5%}.project-item .project-img img{filter:saturate(1)}.project-item:first-child{opacity:1 !important;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}.project-name{font-size:.875rem}}@media screen and (max-width: 420px){.project-list{display:block}.project-item{max-width:100%}}