@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Serif+SC:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";.circular-gallery{cursor:grab;width:100%;height:100%;position:relative;overflow:hidden}.circular-gallery:active{cursor:grabbing}.cg-title{white-space:nowrap;pointer-events:none;letter-spacing:-.04em;position:absolute;transform:translate(-50%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#171717;background:#f1f0eb;margin:0;font-family:Arial,sans-serif}a{color:inherit}.reference-nav{background:#f1f0eb;justify-content:space-between;align-items:center;height:76px;padding:0 38px;display:flex}.reference-nav span{align-items:baseline;gap:16px;display:flex}.reference-nav b{letter-spacing:-.04em;font-size:20px}.reference-nav em{color:#393939;font:20px Noto Serif SC}.reference-nav div{gap:28px;display:flex}.reference-nav a{font-size:18px;font-weight:700;text-decoration:none}.reference-hero{height:calc(100vh - 76px);min-height:720px;position:relative;overflow:hidden}.reference-hero img{aspect-ratio:1/1.08;object-fit:cover;filter:grayscale()contrast(1.08);width:min(300px,20vw);position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.hero-name{letter-spacing:-.09em;white-space:nowrap;font:500 clamp(105px,15.5vw,280px)/.8 Playfair Display;position:absolute;bottom:-2.6vw;left:1.5vw}.hero-cn{letter-spacing:.2em;margin:0;font:16px Noto Serif SC;position:absolute;bottom:3vw;right:3vw}.reference-hero:after{content:"DIRECTOR · CINEMATOGRAPHER · BEIJING";letter-spacing:.8px;color:#777;font:10px DM Mono;position:absolute;top:26px;left:39px}.statement{color:#f1f0eb;background:#181818;flex-direction:column;justify-content:space-between;min-height:100vh;padding:11vw 8vw;display:flex}.statement>p,.gallery-section header p,.video-section p{letter-spacing:.6px;font:11px DM Mono}.statement h2{letter-spacing:-.07em;margin:0;font:500 clamp(48px,7.5vw,110px)/.98 Playfair Display}.statement em,.gallery-section em,.video-section em{font-style:italic}.statement>div{grid-template-columns:1fr 1fr;gap:10vw;margin-left:42%;font:17px/1.55 Noto Serif SC;display:grid}.statement>div span:last-child{color:#aaa;font:18px/1.5 Playfair Display}.gallery-section{padding:9vw 0 6vw}.gallery-section header{padding:0 5vw;position:relative}.gallery-section h2,.video-section h2{letter-spacing:-.08em;margin:30px 0 0;font:500 clamp(55px,8vw,124px)/.85 Playfair Display}.gallery-section header small{font:10px DM Mono;position:absolute;bottom:0;right:5vw}.gallery-box{height:560px;margin-top:65px}.awards{white-space:nowrap;border-block:1px solid #171717;padding:18px 0;font:12px DM Mono;overflow:hidden}.video-section{color:#fff;height:100vh;position:relative;overflow:hidden}.video-section>img{object-fit:cover;filter:brightness(.52)grayscale(.35);width:100%;height:100%;position:absolute;inset:0}.video-section>div{flex-direction:column;justify-content:center;height:100%;padding:8vw;display:flex;position:relative}.video-section button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:99px;align-items:center;gap:10px;width:max-content;margin-top:45px;padding:13px 20px;font:11px DM Mono;display:flex}.video-section button:hover{color:#111;background:#fff}.modal{z-index:20;background:#000e;place-items:center;padding:5vw;display:grid;position:fixed;inset:0}.modal video{max-width:100%;max-height:100%}.modal>button{color:#fff;cursor:pointer;background:0 0;border:0;position:absolute;top:25px;right:25px}footer{letter-spacing:.5px;justify-content:space-between;padding:20px 3vw;font:10px DM Mono;display:flex}@media (width<=700px){.reference-nav{height:62px;padding:0 18px}.reference-nav em{display:none}.reference-nav b{font-size:15px}.reference-nav a{font-size:14px}.reference-hero{height:calc(100vh - 62px);min-height:600px}.reference-hero img{width:55vw;top:42%}.hero-name{font-size:22vw;bottom:5vw;left:2vw}.hero-cn{font-size:12px;bottom:1.5vw;right:2vw}.reference-hero:after{font-size:8px;top:18px;left:18px}.statement{padding:18vw 7vw}.statement>div{grid-template-columns:1fr;gap:25px;margin:0}.gallery-section h2,.video-section h2{font-size:62px}.gallery-box{height:430px}.gallery-section header small{display:none}.video-section>div{padding:8vw}.video-section{height:80vh}footer{flex-wrap:wrap;gap:12px}}:root{--intro-flip:0}.reference-hero{z-index:2;transform-origin:50% 100%;transform:perspective(1500px) rotateX(calc(var(--intro-flip) * -76deg)) translateY(calc(var(--intro-flip) * -42vh));opacity:calc(1 - var(--intro-flip) * .9);will-change:transform;position:relative!important}.reference-hero img{filter:none!important}.hero-name{font-size:clamp(90px,13.7vw,260px)!important;line-height:.82!important;bottom:2.5vw!important}.statement{z-index:3;position:relative}.statement-simple{text-align:center;place-items:center;min-height:100vh;padding:8vw;display:grid}.statement-simple .section-number{letter-spacing:.6px;color:#f1f0eb;margin:0;font:11px DM Mono;position:absolute;top:8vw;left:8vw}.statement-simple .intro-copy{letter-spacing:-.05em;max-width:900px;margin:0;font:500 clamp(30px,3.4vw,56px)/1.42 Noto Serif SC,serif;display:block}.statement-simple .intro-copy p{color:#f1f0eb;margin:0}.statement-simple .intro-copy span{letter-spacing:-.025em;color:#aaa;margin-top:36px;font:400 clamp(18px,1.65vw,27px)/1.48 Playfair Display,serif;display:block}@media (width<=700px){.reference-hero{position:relative;opacity:1!important;transform:none!important}.hero-name{font-size:22vw!important;bottom:5vw!important}.statement-simple{padding:10vw 7vw}.statement-simple .section-number{top:10vw;left:7vw}.statement-simple .intro-copy{font-size:28px}.statement-simple .intro-copy span{margin-top:25px;font-size:18px}}.statement-simple .intro-copy{text-align:center;max-width:860px!important;font-family:Noto Serif SC,serif!important}.statement-simple .intro-copy .cn-intro{letter-spacing:-.04em;font-size:clamp(20px,2.12vw,34px);line-height:1.58}.statement-simple .intro-copy .en-intro{letter-spacing:-.015em;color:#aaa;text-align:center;max-width:690px;margin:30px auto 0;font:500 clamp(15px,1.2vw,20px)/1.55 Playfair Display,serif}.statement-simple .intro-copy .muted{color:oklch(85% .01 80/.68);letter-spacing:.01em;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}.statement-simple .intro-copy strong{font-size:inherit;line-height:inherit;letter-spacing:.01em;color:#fff;white-space:nowrap;background:linear-gradient(#0000 66%,#a4f4fd2e 66%);padding:0 .04em;font-weight:600}.statement-simple .intro-copy .en-intro strong{color:#f1f0eb;background:linear-gradient(#0000 68%,#a4f4fd24 68%);font-weight:600}.statement-simple .intro-copy span{font:inherit;margin:0;display:inline}.statement-simple .intro-copy .keep{white-space:nowrap}@media (width<=700px){.statement-simple .intro-copy .cn-intro{font-size:22px;line-height:1.6}.statement-simple .intro-copy .en-intro{margin-top:24px;font-size:16px;line-height:1.6}.statement-simple .intro-copy strong,.statement-simple .intro-copy .keep{white-space:normal}}.statement-simple .intro-copy .cn-intro{text-wrap:balance;width:min(92vw,760px);max-width:760px;margin-left:auto;margin-right:auto}.reference-hero img,.reference-hero .hero-name,.reference-hero .hero-cn,.reference-hero:after{opacity:0}.reference-hero.is-ready .hero-name{animation:1.55s cubic-bezier(.22,1,.36,1) 80ms forwards name-rise}.reference-hero.is-ready img{animation:1.45s cubic-bezier(.22,1,.36,1) .52s forwards portrait-rise}.reference-hero.is-ready .hero-cn,.reference-hero.is-ready:after{animation:.9s ease-out 1.2s forwards soft-reveal}.reference-hero .hero-cn{font-size:19px}@keyframes portrait-rise{0%{opacity:0;clip-path:inset(18% 0 0);transform:translate(-50%,calc(96px - 50%))scale(.97)}to{opacity:1;clip-path:inset(0);transform:translate(-50%,-50%)scale(1)}}@keyframes name-rise{0%{opacity:0;transform:translateY(136px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-reveal{to{opacity:1}}@media (width<=700px){.reference-hero .hero-cn{font-size:14px}}.statement-simple{justify-content:center;align-items:center;text-align:center!important;display:flex!important}.statement-simple .intro-copy{width:100%;text-align:center!important;margin-left:auto!important;margin-right:auto!important}.statement-simple .intro-copy .cn-intro,.statement-simple .intro-copy .en-intro{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.statement-simple .cn-intro,.statement-simple .en-intro{opacity:0;filter:blur(5px);transform:translateY(34px)}.statement-simple.about-ready .cn-intro{animation:.95s cubic-bezier(.22,1,.36,1) forwards about-rise}.statement-simple.about-ready .en-intro{animation:.95s cubic-bezier(.22,1,.36,1) .28s forwards about-rise}@keyframes about-rise{to{opacity:1;filter:blur();transform:translateY(0)}}.gallery-section header p,.gallery-section header small,.awards{font-family:DM Mono,monospace}.gallery-section h2{font-family:Playfair Display,Noto Serif SC,serif;font-weight:500}.gallery-box{justify-content:center;align-items:center;display:flex}.gallery-box .circular-gallery{margin:auto}.gallery-box .cg-title{letter-spacing:-.025em!important;font-family:Playfair Display,Noto Serif SC,serif!important}.gallery-clean .cg-title{display:none}.gallery-clean header{padding-bottom:0}.gallery-clean{padding-top:clamp(64px,7vw,128px)!important;padding-bottom:clamp(72px,8vw,144px)!important}.gallery-clean header{justify-content:space-between;align-items:baseline;gap:24px;width:min(1280px,100%);margin:0 auto;display:flex;padding:0 clamp(24px,5vw,80px)!important}.gallery-clean header h2{letter-spacing:-.065em!important;margin:0!important;font-family:Noto Serif SC,Playfair Display,serif!important;font-size:clamp(28px,2.75vw,46px)!important;font-weight:500!important;line-height:1.06!important}.gallery-clean header h2 em{letter-spacing:-.025em;color:#77756f;margin-left:.5em;font-family:Playfair Display,serif;font-size:.5em;font-style:italic;font-weight:400}.gallery-clean header small{color:#898780;letter-spacing:.1em;flex:none;font-weight:400;line-height:1;margin:0!important;font-family:DM Mono,monospace!important;font-size:9px!important;position:static!important}.gallery-clean .gallery-box{margin-top:clamp(28px,3vw,48px)!important}@media (width<=700px){.gallery-clean header{align-items:flex-start}.gallery-clean header h2{font-size:clamp(26px,8vw,34px)!important}.gallery-clean header small{padding-top:7px;font-size:8px!important}.gallery-clean header h2 em{margin:9px 0 0;font-size:.52em;display:block}}.video-fullscreen{z-index:var(--video-layer);isolation:isolate;background:#000;place-items:center;min-height:100svh;display:grid;position:sticky;top:0;height:100vh!important}.video-fullscreen>video{aspect-ratio:16/9;object-fit:cover;filter:none;cursor:pointer;width:100%;height:100%;display:block}.video-fullscreen>.video-caption{color:#ffffffeb;mix-blend-mode:normal;text-shadow:0 1px 14px #000000b8;pointer-events:none;align-items:flex-start;gap:12px;display:flex;top:clamp(20px,3vw,54px);left:clamp(20px,3vw,54px);z-index:3!important;justify-content:flex-start!important;width:auto!important;height:auto!important;padding:0!important;position:absolute!important}.video-caption span{letter-spacing:.08em;padding-top:3px;font:9px/1 DM Mono,monospace}.video-caption p{letter-spacing:-.04em;margin:0;font:400 clamp(16px,1.45vw,23px)/1 Noto Serif SC,serif}.video-caption em{color:inherit;letter-spacing:.08em;opacity:.78;margin-top:7px;font:9px/1.1 DM Mono,monospace;display:block}@media (width<=700px){.video-fullscreen{height:100svh!important}}html,body,#root{width:100%;max-width:100%;overflow-x:clip}@media (width<=700px){.reference-nav{gap:14px;padding-inline:18px}.reference-nav span{min-width:0}.reference-nav div{flex:none;gap:16px}.reference-hero{min-height:calc(100svh - 62px)}.statement{min-height:100svh}.gallery-clean{padding-block:64px 72px!important}.gallery-clean .gallery-box{height:min(58svh,480px)!important;margin-top:24px!important}.video-fullscreen>.video-caption{top:20px;left:20px}}