.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}.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:30px;right:30px;bottom:30px}.footer-video,.hero-image,.hero-video{width:100%;height:100%;min-height:100%;object-fit:cover}.content-header{position:relative;padding:18px 30px 154px 30px;background:#d4d4d4;z-index:2;margin-top:100vh}.content-title{font-family:FZChaoCuHei-M10S,serif;font-style:normal;padding:0;font-size: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 30px 20px;display:flex;justify-content:space-between;align-items:center;background:#d4d4d4;color:#000;position:relative;z-index:2}.meta-left{font-family:FZChaoCuHei-M10S,serif;font-style:normal;font-weight:400;font-size:18px;line-height:150%;letter-spacing:.06em;display:flex;align-items:center;gap:25px}.meta-right{font-family:Inter,sans-serif;font-style:normal;font-weight:800;line-height:150%;letter-spacing:.06em;display:flex;gap:131px}.meta-label{font-size:18px;font-weight:400;letter-spacing:.06em;color:#000}.meta-date{font-size:18px;font-weight:400;letter-spacing:.06em;color:#000}.meta-tag{font-size:18px;font-weight:800;letter-spacing:.06em;color:#000}.video-intro{padding:97px 30px 23px 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:18px;font-weight:800;letter-spacing:.06em;color:#000}.video-section{position:relative;background:#d4d4d4;padding:0 30px 50px 30px;z-index:2}.video-section-dark{background:#d4d4d4;padding-bottom:5px;position:relative;z-index:2}.image-section{background:#d4d4d4;padding:20px 30px 10px;position:relative;z-index:2}.image-section+.image-section{padding-top:0}.image-section .image-section-item{width:100%;max-width:1920px;margin:0 auto}.image-section .image-section-item img{width:100%;height:auto;display:block}.video-label{position:absolute;top:80px;left:80px;font-size:14px;font-weight:600;letter-spacing:4px;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:40px 80px;text-align:center;background:#000}.video-caption-text{font-size:18px;font-weight:600;letter-spacing:4px;color:#fff}.info-section{padding:0 30px 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:80px}.info-left-column{width:370px;flex-shrink:0;display:flex;flex-direction:column}.left-item{display:flex;flex-direction:column}.left-item-tencent{margin-top:130px}.left-item-credits{margin-top:120px}.left-item-video-source{margin-top:30px}.left-title{font-size:12px;font-weight:800;letter-spacing:4px;color:#000;text-transform:uppercase;margin-bottom:30px}.info-right-column{flex:1;display:flex;flex-direction:column;gap:60px;position:relative}.shoutout-text{position:absolute;top:0;right:0;font-size:12px;font-weight:800;letter-spacing:3px;color:#000;text-transform:uppercase}.right-item{display:flex;flex-direction:column}.section-title{font-size:14px;font-weight:800;letter-spacing:2px;color:#000;margin-bottom:20px;text-transform:uppercase}.footer-section{height:50vh;position:relative;padding-top:10px;padding-left:30px;padding-right:30px;background:#d4d4d4;overflow:hidden;z-index:2}.footer-section-dark{height:485px;position:relative;z-index:10;overflow:hidden;padding-bottom:30px;background:#d4d4d4}.footer-video-link{position:absolute;top:0;right:0;width:50%;height:100%;z-index:10;cursor:pointer;outline:0;font-family:Inter,sans-serif;font-weight:700;color:#fff;font-size:18px;letter-spacing:.06em;text-decoration:none;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 30px 30px 0}.footer-video-link:hover{color:#06f}.footer-video-link:active{color:#06f}.footer-video-link:focus{color:#06f}.footer-video-link:focus-visible{color:#06f}.footer-video-link-last{position:absolute;top:0;left:0;width:50%;height:100%;z-index:10;cursor:pointer;outline:0;font-family:Inter,sans-serif;font-weight:700;color:#fff;font-size:18px;letter-spacing:.06em;text-decoration:none;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 30px 30px}.footer-video-link-last:hover{color:#06f}.footer-video-link-last:active{color:#06f}.footer-video-link-last:focus{color:#06f}.footer-video-link-last:focus-visible{color:#06f}.page-nav{padding:80px 30px 80px 80px;background:#d4d4d4;display:flex;justify-content:flex-end;align-items:center;gap: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:12px;font-weight:600;letter-spacing:4px;color:#666;margin-bottom:20px}.next-title,.prev-title{font-size:42px;font-weight:800;letter-spacing:8px;transition:color .3s ease}.next-project:hover .next-title,.prev-project:hover .prev-title{color:#06f}.next-project:active .next-title,.prev-project:active .prev-title{color:#06f}.image-fullscreen-section{background:#d4d4d4;width:100%;position:relative;z-index:2;padding:0 30px 30px}.image-fullscreen-item{position:relative;width:100%;overflow:hidden;background:#d4d4d4}.image-fullscreen-item img{width:100%;height:auto;display:block}.image-fullscreen-item.video-hover-item{cursor:pointer}.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 30px 23px;background:#000;max-width:1920px;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%;max-width:1920px;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%;max-width:1920px;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}@media (min-width:769px) and (max-width:1024px){.content-header{margin-top:75vh;padding:35px 30px}.content-meta{padding:25px 30px}.video-section{padding-bottom:10px}.footer-section{height:35vh}.page-nav{padding:50px 30px;gap:80px}}@media (max-width:768px){.content-header{padding:30px 30px;margin-top:70vh}.content-title{font-size:24px;letter-spacing:4px}.content-meta{padding:20px 30px}.footer-section{height:30vh}.page-nav{padding:40px 30px;gap:60px}.project-subtitle{font-size:12px;letter-spacing:3px}.video-label{top:40px;left:20px;font-size:12px}.video-caption{padding:20px 30px}.video-caption-text{font-size:14px;letter-spacing:2px}.info-section{padding:20px 30px}.info-columns{flex-direction:column;gap:40px}.info-left-column{width:100%;gap:40px}.left-title{font-size:11px;letter-spacing:3px}.info-right-column{gap:40px}.section-title{font-size:12px}.work-text{font-size:12px;line-height:1.6}.credits-content p{font-size:11px}.credits-grid{grid-template-columns:1fr}.project-nav{padding:40px 30px}.next-title,.prev-title{font-size:28px}}