.top-grey-bg{position:fixed;top:0;left:0;right:0;height:clamp(150px,21.806vw,314px);background-color:#d4d4d4;z-index:80}.navbar{background-color:transparent!important}.submenu-container{position:fixed;top:clamp(90px,17.639vw,254px);left:clamp(12px,1.389vw,20px);z-index:90;background-color:transparent}.submenu-container .container-fluid{padding-left:0!important}.submenu{display:flex;list-style:none;justify-content:flex-start;gap:clamp(24px,12.5vw,180px);padding-left:0!important;margin-bottom:0}.submenu-item{font-family:Inter,sans-serif;font-size:clamp(14px, 1.667vw, 24px);line-height:150%;font-weight:800;letter-spacing:.04em;color:#000;transition:color .3s ease;position:relative}.submenu-item.active,.submenu-item:hover{color:#06f}.submenu-item:focus,.submenu-item:focus-visible,.submenu-item:hover:focus,.submenu-item:hover:focus-visible{color:#06f!important;outline:0}.moving-image-main{margin-top:clamp(150px,19.444vw,280px);min-height:calc(100vh - clamp(150px,19.444vw,280px) - 35px)}.content-section{display:none}.content-section.active{display:block}.project-list{padding:0;margin-top:0;perspective:1000px}.project-link{display:block;text-decoration:none;color:inherit}.project-item{margin-bottom:clamp(30px,4.861vw,70px);margin-left:clamp(16px,2.083vw,30px);margin-right:clamp(16px,2.083vw,30px);position:relative;background-color:#d4d4d4;transform-style:preserve-3d;will-change:transform;overflow:hidden}.project-list .project-link:last-child .project-item{margin-bottom:clamp(40px,7.639vw,110px)}.project-video-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.project-video{width:100%;height:100%;object-fit:cover}.project-cover{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity .3s ease;will-change:transform}.project-cover-image{width:100%;height:100%;object-fit:cover}.project-image-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover}.project-video-container.play .project-cover,.project-video-container:hover .project-cover{opacity:0}.moving-image-main .project-info{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;line-height:0}.moving-image-main .project-info .project-year{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:clamp(24px, 4.444vw, 64px);line-height:123%;text-align:right;letter-spacing:-.32em;color:#000;padding-right:clamp(8px,1.181vw,17px)}.moving-image-main .project-info .project-title{font-family:FZChaoCuHei-M10S,serif;font-style:normal;font-weight:400;font-size:clamp(16px, 2.5vw, 36px);line-height:123%;letter-spacing:.027em;color:#000;padding-top:clamp(8px,1.111vw,16px)}.play-btn{width:clamp(30px,3.333vw,48px);height:clamp(30px,3.333vw,48px)}.play-btn::after{border-top:clamp(5px,.556vw,8px) solid transparent;border-bottom:clamp(5px,.556vw,8px) solid transparent;border-left:clamp(8px,.972vw,14px) solid #fff}