.top-grey-bg{position:fixed;top:0;left:0;right:0;height:314px;background-color:#d4d4d4;z-index:80}.navbar{background-color:transparent!important}.submenu-container{position:fixed;top:254px;left: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:180px;padding-left:0!important;margin-bottom:0}.submenu-item{font-family:Inter,sans-serif;font-size:24px;line-height:150%;font-weight:800;letter-spacing:.06rem;color:#000;cursor:pointer;transition:color .3s ease;position:relative}.submenu-item.active{color:#06f}.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:280px;min-height:calc(100vh - 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:70px;margin-left:30px;margin-right: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:110px}.project-video-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;cursor:pointer}.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:64px;line-height:123%;text-align:right;letter-spacing:-.32em;color:#000;padding-right:17px}.moving-image-main .project-info .project-title{font-family:FZChaoCuHei-M10S,serif;font-style:normal;font-weight:400;font-size:36px;line-height:123%;letter-spacing:.06rem;color:#000;padding-top:16px}@media (max-width:768px){.top-grey-bg{height:150px}.submenu-container{top:60px}.submenu{gap:1.5rem;padding:1rem 1rem;justify-content:flex-start}.submenu-item{font-size:.65rem;letter-spacing:1px}.moving-image-main{margin-top:150px;padding-top:0;min-height:calc(100vh - 150px)}.project-image-container,.project-video-container{aspect-ratio:9/16}.play-btn{width:40px;height:40px}.play-btn::after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff}.project-list{padding:1.5rem 1rem}.project-item{margin-bottom:3rem}.project-list .project-item:last-child{margin-bottom:3rem!important}.moving-image-main .project-info{padding:0}.moving-image-main .project-year{font-size:32px;letter-spacing:-.25em}.moving-image-main .project-title{font-size:1rem;letter-spacing:1px}}@media (min-width:769px) and (max-width:1024px){.submenu{gap:3rem;padding:1.5rem 2rem;justify-content:flex-start}.project-list{padding:2rem 2rem}.project-image-container,.project-video-container{aspect-ratio:16/10}.moving-image-main .project-year{font-size:48px;letter-spacing:-.3em}.moving-image-main .project-title{font-size:2.5rem}}