.project-page{background:0 0;font-family:Inter,sans-serif}.project-page .nav-link:hover{color:#06f!important}.project-page .nav-link.active{color:#06f!important}.project-page .nav-link:focus,.project-page .nav-link:focus-visible,.project-page .nav-link:hover:focus,.project-page .nav-link:hover:focus-visible{color:#06f!important;outline:0}.project-page .content-header,.project-page .content-meta,.project-page .footer-section,.project-page .footer-section-dark,.project-page .gallery-grid,.project-page .gallery-grid-stage,.project-page .image-fullscreen-section,.project-page .image-section,.project-page .info-section,.project-page .page-nav,.project-page .video-grid-section,.project-page .video-intro,.project-page .video-section,.project-page .video-section-dark,.project-page main{margin-left:auto;margin-right:auto}.parallax-layer{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:1}.hero-section{height:100vh;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:1}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%}.footer-bg{position:absolute;top:0;left:clamp(15px,2.08vw,30px);right:clamp(15px,2.08vw,30px);bottom:clamp(15px,2.08vw,30px)}.footer-video,.hero-image,.hero-video{width:100%;height:100%;min-height:100%;object-fit:cover}.content-header{position:relative;padding:clamp(12px,1.25vw,18px) clamp(15px,2.08vw,30px) clamp(80px,10.69vw,154px) clamp(15px,2.08vw,30px);background:#d4d4d4;z-index:2;margin-top:100vh}.content-title{font-family:FZChaoCuHei-M10S,serif;font-style:normal;padding:0;font-size:clamp(28px, 4.722vw, 68px);line-height:123%;letter-spacing:.06em;color:#000;display:flex;text-align:left;vertical-align:top;flex-direction:column}.title-main,.title-sub{text-align:left}.title-sep{font-weight:400;color:#666;margin:0 20px}.title-dash{letter-spacing:0}.content-meta{padding:0 clamp(15px,2.08vw,30px) 20px;display:flex;justify-content:space-between;align-items:center;background:#d4d4d4;color:#000;position:relative;z-index:2}.meta-label{font-size:clamp(13px, 1.25vw, 18px);font-weight:400;letter-spacing:.06em;color:#000}.meta-date{font-size:clamp(13px, 1.25vw, 18px);font-weight:400;letter-spacing:.06em;color:#000}.meta-tag{font-size:clamp(13px, 1.25vw, 18px);font-weight:800;letter-spacing:.06em;color:#000}.video-intro{padding:clamp(50px,6.74vw,97px) clamp(15px,2.08vw,30px) 23px clamp(15px,2.08vw,30px);display:flex;justify-content:space-between}.video-intro-full{justify-content:space-between;padding-left:0;padding-right:0}.intro-item{font-family:Inter,sans-serif;font-style:normal;font-weight:800;line-height:150%;letter-spacing:.06em;font-size:clamp(13px, 1.25vw, 18px);color:#000}.video-section{position:relative;background:#d4d4d4;padding:0 clamp(15px,2.08vw,30px) clamp(25px,3.47vw,50px) clamp(15px,2.08vw,30px);z-index:2}.video-section-dark{background:#d4d4d4;padding-bottom:5px;position:relative;z-index:2}.image-section{background:#d4d4d4;padding:20px clamp(15px,2.08vw,30px) 10px;position:relative;z-index:2}.image-section+.image-section{padding-top:0}.image-section .image-section-item{width:100%;margin:0 auto}.image-section .image-section-item img{width:100%;height:auto;display:block}.video-label{position:absolute;top:clamp(35px,5.56vw,80px);left:clamp(35px,5.56vw,80px);font-size:14px;font-weight:600;letter-spacing:.286em;color:#666;z-index:10}.video-wrapper{width:100%}.video-wrapper-gap{margin-bottom:23px}.main-video{width:100%;display:block;height:auto}.video-caption{padding:clamp(20px,2.78vw,40px) clamp(35px,5.56vw,80px);text-align:center;background:#000}.video-caption-text{font-size:18px;font-weight:600;letter-spacing:.222em;color:#fff}.info-section{padding:0 clamp(15px,2.08vw,30px) clamp(40px,5.69vw,82px);background:#d4d4d4;position:relative;z-index:2}.info-image{width:100%;display:flex;justify-content:center;align-items:center}.info-image img{max-width:100%;height:auto;object-fit:contain}.info-columns{display:flex;gap:clamp(30px,5.556vw,80px)}.info-left-column{width:clamp(200px,25.694vw,370px);flex-shrink:0;display:flex;flex-direction:column}.left-item{display:flex;flex-direction:column}.left-item-tencent{margin-top:clamp(60px,9.03vw,130px)}.left-item-credits{margin-top:clamp(55px,8.33vw,120px)}.left-item-video-source{margin-top:clamp(15px,2.08vw,30px)}.left-title{font-size:clamp(10px, .833vw, 12px);font-weight:800;letter-spacing:.333em;color:#000;text-transform:uppercase;margin-bottom:clamp(18px,2.08vw,30px)}.info-right-column{flex:1;display:flex;flex-direction:column;gap:clamp(30px,4.17vw,60px);position:relative}.shoutout-text{position:absolute;top:0;right:0;font-size:12px;font-weight:800;letter-spacing:.25em;color:#000;text-transform:uppercase}.right-item{display:flex;flex-direction:column}.section-title{font-size:14px;font-weight:800;letter-spacing:.143em;color:#000;margin-bottom:20px;text-transform:uppercase}.footer-section{height:clamp(200px,50vh,50vh);position:relative;padding-top:10px;padding-left:clamp(15px,2.08vw,30px);padding-right:clamp(15px,2.08vw,30px);background:#d4d4d4;overflow:hidden;z-index:2}.footer-section-dark{height:clamp(250px,33.681vw,485px);position:relative;z-index:10;overflow:hidden;padding-bottom:clamp(15px,2.08vw,30px);background:#d4d4d4}.footer-video-link{position:absolute;top:0;right:0;width:50%;height:100%;z-index:10;outline:0;font-family:Inter,sans-serif;font-weight:700;color:#fff;font-size:clamp(13px, 1.25vw, 18px);letter-spacing:.06em;text-decoration:none;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 clamp(15px,2.08vw,30px) clamp(15px,2.08vw,30px) 0}.footer-video-link:active,.footer-video-link:focus,.footer-video-link:focus-visible,.footer-video-link:hover{color:#06f}.footer-video-link-last{position:absolute;top:0;left:0;width:50%;height:100%;z-index:10;outline:0;font-family:Inter,sans-serif;font-weight:700;color:#fff;font-size:clamp(13px, 1.25vw, 18px);letter-spacing:.06em;text-decoration:none;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 clamp(15px,2.08vw,30px) clamp(15px,2.08vw,30px)}.footer-video-link-last:active,.footer-video-link-last:focus,.footer-video-link-last:focus-visible,.footer-video-link-last:hover{color:#06f}.page-nav{padding:clamp(30px,5.556vw,80px) clamp(15px,2.08vw,30px) clamp(30px,5.556vw,80px) clamp(15px,2.08vw,30px);background:#d4d4d4;display:flex;justify-content:flex-end;align-items:center;gap:clamp(40px,8.333vw,120px);position:relative;z-index:2}.next-project,.prev-project{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#000}.next-label,.prev-label{display:block;font-size:clamp(10px, .833vw, 12px);font-weight:600;letter-spacing:.333em;color:#666;margin-bottom:20px}.next-title,.prev-title{font-size:clamp(20px, 2.917vw, 42px);font-weight:800;letter-spacing:.19em;transition:color .3s ease}.next-project:active .next-title,.next-project:hover .next-title,.prev-project:active .prev-title,.prev-project:hover .prev-title{color:#06f}.image-fullscreen-section{background:#d4d4d4;width:100%;position:relative;z-index:2;padding:0 clamp(15px,2.08vw,30px) clamp(15px,2.08vw,30px)}.image-fullscreen-item{position:relative;width:100%;overflow:hidden;background:#d4d4d4}.image-fullscreen-item img{width:100%;height:auto;display:block}.hover-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.image-fullscreen-with-video{position:relative;overflow:visible}.image-fullscreen-with-video-right-40{position:relative;overflow:visible}.image-fullscreen-with-video-center{position:relative;overflow:visible}.video-grid-section{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px clamp(15px,2.08vw,30px) 23px;background:#000;margin:0 auto;position:relative;z-index:2}.video-grid-item{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.grid-video{width:100%;height:100%;object-fit:cover}.grid-video-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:1;transition:opacity .3s ease}.video-grid-item:hover .grid-video-cover{opacity:0}.grid-video-cover-curtainoftime{background:rgba(0,0,0,.3)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin:0 auto;position:relative;z-index:2}.gallery-item{aspect-ratio:1;overflow:hidden;transform-style:preserve-3d;will-change:transform}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-grid-stage{display:flex;flex-direction:column;box-sizing:border-box;background:#000;width:100%;margin:0 auto;position:relative;z-index:2}.gallery-grid-stage .gallery-item,.gallery-grid-stage .gallery-item-first{width:100%;aspect-ratio:auto}.gallery-grid-stage .gallery-item img,.gallery-grid-stage .gallery-item-first img{width:100%;height:auto;object-fit:contain}