:root{color-scheme:dark;--bg:#090a0b;--fg:#f4f4f1;--muted:#a4a6a5;--rule:#353738;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);min-width:320px}img,video{display:block;max-width:100%}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}.skip-link{position:absolute;top:-50px;left:20px;z-index:100;background:#fff;color:#000;padding:12px}.skip-link:focus{top:15px}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:92px;padding:0 clamp(24px,5vw,84px);border-bottom:1px solid #ffffff38}.brand{display:flex;align-items:center;gap:12px;min-width:200px}.brand-symbol{position:relative;display:block;width:42px;height:43px;overflow:hidden}.brand-symbol img{position:absolute;width:77px;max-width:none;height:auto;left:-17px;top:0}.brand-name{font-size:20px;font-weight:700;letter-spacing:.14em;white-space:nowrap;line-height:1.15}.brand-name small{display:block;font-size:9px;letter-spacing:.25em;font-weight:500;margin-top:5px}.nav{display:flex;align-items:center;gap:clamp(28px,3.5vw,60px);font-size:14px}.nav a{transition:opacity .2s}.nav a:hover{opacity:.65}.nav-contact{border:1px solid #ffffffa0;padding:12px 16px}.menu-toggle{display:none}
.hero{height:min(840px,100svh);min-height:640px;position:relative;overflow:hidden;background:#1b2322}.hero-media,.hero-media video,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-media video{object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.63),rgba(0,0,0,.18) 62%),linear-gradient(0deg,rgba(0,0,0,.64),transparent 48%,rgba(0,0,0,.17))}.hero-content{position:absolute;left:clamp(24px,8vw,136px);right:clamp(24px,8vw,136px);bottom:clamp(64px,10vh,110px)}.eyebrow,.section-topline,.work-number,.work-year,.image-corner,.method-label,.manifesto-inner>span,.hero-index{font-size:12px;letter-spacing:.18em;font-weight:600}.eyebrow{margin:0 0 28px}.hero h1{font-size:clamp(56px,8.5vw,132px);letter-spacing:-.055em;line-height:1.13;font-weight:700;margin:0}.hero h1 em,.contact h2 em{font-style:normal;font-weight:400}.hero-bottom{margin-top:55px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #ffffff8a;padding-top:22px}.hero-bottom p{font-size:16px;line-height:1.8;margin:0}.text-link{display:flex;align-items:center;gap:46px;font-size:15px;border-bottom:1px solid #fff;padding-bottom:10px}.text-link span{font-size:25px;font-weight:300}.hero-index{position:absolute;right:clamp(24px,5vw,84px);bottom:26px;opacity:.75}
.section-shell{padding-left:clamp(24px,8vw,136px);padding-right:clamp(24px,8vw,136px)}.works,.services,.about{padding-top:110px;padding-bottom:120px}.section-topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--rule);color:#bfc2c1}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin:65px 0 58px}.section-heading h2,.about h2{font-size:clamp(40px,5vw,76px);letter-spacing:-.06em;line-height:1.15;font-weight:600;margin:0}.section-heading p{max-width:365px;color:var(--muted);font-size:16px;line-height:1.85;margin:0}
.work-image{position:relative;width:100%;display:block;overflow:hidden;background:#17191a;border:0;padding:0;text-align:left;color:#fff}.work-image img{width:100%;aspect-ratio:16/8.2;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.play-work{cursor:pointer}.play-work:hover img{transform:scale(1.035);filter:brightness(.8)}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;border:1px solid #fff;border-radius:50%;background:#0005;padding-left:4px;font-size:19px;transition:background .2s,scale .2s}.play-work:hover .play-button{background:#0009;scale:1.08}.image-corner{position:absolute;bottom:24px;left:26px;text-shadow:0 1px 5px #000}.work-caption{display:flex;justify-content:space-between;gap:24px;padding:25px 0 40px}.work-caption h3{font-size:clamp(25px,3.1vw,44px);letter-spacing:-.045em;margin:12px 0 10px;font-weight:550}.work-caption p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.work-number,.work-year{color:#a6a9a8}.work-year{white-space:nowrap}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.work-grid .work-image img{aspect-ratio:1.45}.work-grid .work-caption h3{font-size:clamp(25px,2.4vw,36px)}.work-strip{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:62px}.work-strip>div{position:relative;overflow:hidden}.work-strip img{width:100%;aspect-ratio:2.1;object-fit:cover;filter:brightness(.65)}.work-strip span{position:absolute;bottom:20px;left:22px;font-size:18px}.work-strip small{font-size:12px;color:#ddd;margin-left:8px}
.manifesto{background:#d9ddda;color:#17191a;padding:135px clamp(24px,8vw,136px)}.manifesto-inner{max-width:1250px;margin:auto}.manifesto-inner>span{display:block}.manifesto p{font-size:clamp(42px,6vw,90px);line-height:1.25;letter-spacing:-.065em;margin:50px 0 45px;font-weight:400}.manifesto strong{font-weight:680}.manifesto-note{border-top:1px solid #8b9690;padding-top:22px}.services{padding-bottom:100px}.service-list{border-top:1px solid var(--rule)}.service-list article{display:grid;grid-template-columns:90px minmax(250px,1fr) minmax(300px,.95fr);gap:24px;align-items:center;border-bottom:1px solid var(--rule);padding:39px 0}.service-list article>span{font-size:13px;color:#a4a8a5}.service-list h3{font-size:clamp(24px,2.6vw,39px);font-weight:550;letter-spacing:-.03em;margin:0}.service-list p{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.method{margin-top:88px;border-top:1px solid var(--rule);padding-top:20px;display:flex;justify-content:space-between;gap:30px}.method p{font-size:18px;margin:0}.method i{display:inline-block;width:20px;height:1px;background:#aaa;vertical-align:middle;margin:0 16px}
.about{background:#141617;padding-bottom:155px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:90px}.about-copy{max-width:510px}.about-copy p{font-size:18px;line-height:1.95;color:#d3d5d3;margin:0 0 25px}.about-copy .about-small{font-size:14px;color:#929795;margin-top:50px}.contact{background:#1e2927;min-height:560px}.contact-inner{padding-top:75px;padding-bottom:65px}.contact h2{font-size:clamp(62px,9vw,136px);line-height:1.12;letter-spacing:-.065em;margin:75px 0 80px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:24px;border-top:1px solid #7b8581}.contact-bottom p,.contact-bottom address{margin:0;font-size:16px;line-height:1.8;font-style:normal}.contact-bottom address{text-align:right}.footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(24px,8vw,136px);color:#a9adab;font-size:13px}
.video-dialog{max-width:min(1100px,94vw);width:100%;padding:0;border:1px solid #686c69;background:#080909;color:#fff}.video-dialog::backdrop{background:rgba(0,0,0,.88)}.video-dialog-inner{padding:50px 18px 18px;position:relative}.video-title{font-size:19px;font-weight:500;margin:0 0 15px}.video-dialog video{width:100%;max-height:75vh;background:#000}.close-video{position:absolute;right:13px;top:8px;border:0;background:none;color:white;cursor:pointer;font-size:24px;padding:7px 10px}
@media(max-width:800px){.site-header{height:72px;padding:0 22px}.brand-symbol{width:36px;height:35px}.brand-symbol img{width:64px;left:-14px}.brand-name{font-size:17px}.brand-name small{font-size:8px}.menu-toggle{display:flex;position:relative;z-index:21;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;border:0;background:transparent;padding:6px}.menu-toggle span{display:block;width:100%;height:1px;background:#fff}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0c0c;padding:25px 24px 34px;flex-direction:column;align-items:stretch;gap:24px;border-bottom:1px solid #444}.nav.open{display:flex}.nav-contact{width:max-content}.hero{height:100svh;min-height:620px}.hero-media video{object-position:45% center}.hero-content{left:24px;right:24px;bottom:76px}.hero h1{font-size:clamp(52px,11vw,88px)}.eyebrow{font-size:10px}.hero-bottom{margin-top:45px;align-items:start;gap:25px}.hero-bottom p{font-size:14px}.text-link{font-size:13px;gap:15px;white-space:nowrap}.works,.services,.about{padding-top:70px;padding-bottom:80px}.section-heading{display:block;margin:52px 0 42px}.section-heading p{margin-top:24px}.work-grid{grid-template-columns:1fr;gap:20px}.work-grid .work-image img{aspect-ratio:16/9}.work-strip{margin-top:35px}.service-list article{grid-template-columns:42px 1fr;align-items:start;gap:8px;padding:29px 0}.service-list p{grid-column:2}.method{display:block;margin-top:60px}.method p{line-height:2;margin-top:18px}.about-layout{grid-template-columns:1fr;padding-top:60px;gap:40px}.about-copy{max-width:unset}.contact{min-height:auto}.contact h2{margin:70px 0}.footer{flex-wrap:wrap}.footer span:nth-child(2){display:none}}
@media(max-width:540px){.hero h1{font-size:clamp(45px,11vw,66px)}.hero-bottom{display:block}.hero-bottom p{margin-bottom:20px}.text-link{width:max-content}.section-topline{font-size:10px}.section-heading h2,.about h2{font-size:42px}.work-caption{padding:18px 0 35px}.work-caption h3,.work-grid .work-caption h3{font-size:27px}.work-caption p{font-size:14px}.work-year{font-size:10px}.play-button{width:58px;height:58px;font-size:14px}.work-strip{grid-template-columns:1fr}.manifesto{padding-top:95px;padding-bottom:95px}.manifesto p{font-size:43px}.method p{font-size:15px}.method i{width:10px;margin:0 5px}.contact h2{font-size:64px}.contact-bottom{display:block}.contact-bottom address{text-align:left;margin-top:30px}.about-copy p{font-size:16px}.footer{font-size:12px}}
.project-stills{margin-top:85px;padding-top:64px;border-top:1px solid var(--rule)}.stills-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:66px}.stills-heading .eyebrow{color:var(--muted);margin-bottom:22px}.stills-heading h2{font-size:clamp(40px,5vw,72px);font-weight:550;letter-spacing:-.04em;margin:0}.stills-heading>p{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.still-project{margin-top:62px}.still-project-heading{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:24px}.still-project-heading h3{font-size:clamp(25px,2.6vw,38px);font-weight:500;letter-spacing:-.03em;margin:0 0 12px}.still-project-heading p{color:var(--muted);font-size:14px;margin:0}.still-project-heading>span{font-size:13px;color:var(--muted);white-space:nowrap;padding-top:8px}.still-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.still-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.still-preview{display:block;position:relative;background:#151717;border:0;padding:0;overflow:hidden;color:white;cursor:zoom-in}.still-preview img{width:100%;height:auto;transition:filter .25s}.still-preview:hover img{filter:brightness(.83)}.still-number{position:absolute;bottom:12px;left:14px;font-size:12px;text-shadow:0 1px 4px black}.still-expand{position:absolute;right:12px;top:10px;font-size:24px;line-height:1;text-shadow:0 1px 4px black}.still-dialog{max-width:min(1400px,96vw);width:100%;max-height:96svh;padding:0;border:1px solid #464a48;background:#090a0b;color:var(--fg)}.still-dialog::backdrop{background:#000e}.still-viewer{padding:18px}.still-viewer>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px}.still-viewer h2{font-size:20px;font-weight:500;margin:0}.close-still{border:0;background:none;color:inherit;font-size:22px;cursor:pointer;padding:8px 12px}.still-full{width:100%;max-height:72svh;object-fit:contain}.still-viewer>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px}.still-viewer footer button{background:transparent;border:1px solid var(--rule);padding:10px 14px;color:inherit;font-size:14px;cursor:pointer}.still-viewer footer button:disabled{opacity:.35;cursor:default}.still-counter{font-size:14px;color:#b5b9b6}.still-dialog[open]{display:block}@media(max-width:800px){.still-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-stills{margin-top:50px;padding-top:50px}.stills-heading{margin-bottom:45px}.still-project{margin-top:45px}}@media(max-width:540px){.stills-heading{display:block}.stills-heading>p{margin-top:24px}.still-grid{grid-template-columns:1fr;gap:14px}.still-project-heading h3{font-size:27px}.still-viewer{padding:12px}.still-viewer h2{font-size:17px}.still-viewer footer button{padding:10px;font-size:13px}.still-counter{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.hero-media video{display:none}.hero-media{background:url('assets/showreel-cover.webp') center/cover}}
.daming-feature{margin-top:55px;padding-top:55px;border-top:1px solid var(--rule)}.daming-heading{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:34px}.daming-heading h3{font-size:clamp(42px,5vw,76px);font-weight:550;letter-spacing:-.05em;line-height:1.2;margin:18px 0}.daming-heading p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.daming-heading>.work-year{padding-top:5px}.daming-feature .work-image img{aspect-ratio:16/9;object-fit:contain}.daming-feature .play-button{width:92px;height:92px;font-size:23px}.school-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:center;margin-top:72px;padding-top:40px;border-top:1px solid var(--rule)}.school-feature .work-image img{aspect-ratio:16/9}.school-feature .work-caption{padding:0;display:block}.school-feature .work-caption h3{font-size:clamp(26px,2.6vw,38px);line-height:1.4}.school-feature .work-year{display:block;margin-top:25px}@media(max-width:800px){.school-feature{grid-template-columns:1fr;gap:24px;margin-top:50px}.daming-feature{margin-top:30px;padding-top:40px}.daming-feature .play-button{width:64px;height:64px;font-size:17px}.daming-heading p{font-size:14px}.school-feature .work-caption{padding-bottom:5px}}
.film-catalog{display:grid;grid-template-columns:1fr 1fr;gap:26px}.film-catalog .daming-heading h3{font-size:32px}.film-catalog .daming-feature{margin-top:40px;padding-top:30px}.still-project-heading p{line-height:1.7;max-width:800px}.preview-bar{display:flex;justify-content:space-between;gap:20px;background:#e1e5e0;color:#171a18;padding:20px 5vw;font-size:16px}.preview-bar a{text-decoration:underline}.preview-main{padding-top:10px;padding-bottom:80px}.preview-main .project-stills{margin-top:40px}.still-grid-2:has(>:only-child){grid-template-columns:1fr}.still-grid-2:has(>:only-child) .still-preview{max-width:850px}@media(max-width:800px){.film-catalog{grid-template-columns:1fr}}

/* One project identity, with layouts tailored to desktop and touch screens. */
.project-block{scroll-margin-top:32px;margin-top:80px;padding-top:40px;border-top:1px solid #4a4e4c}
.project-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start;margin-bottom:32px}
.project-identity,.project-introduction{min-width:0}
.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:#a8b1ac;font-size:14px;letter-spacing:.06em;line-height:1.7}
.project-meta>span:last-child{white-space:nowrap}
.project-heading h3{font-size:clamp(28px,3vw,48px);font-weight:550;letter-spacing:-.035em;line-height:1.5;margin:16px 0 14px;overflow-wrap:anywhere;text-wrap:balance}
.project-format{display:block;color:#b9c6be;font-size:14px;line-height:1.7}
.project-introduction{padding:3px 0 0 28px;border-left:1px solid #353c38}
.intro-label{display:block;font-size:14px;letter-spacing:.12em;color:#e1e7e3;margin-bottom:14px;line-height:1.7}
.project-introduction p{color:#adb6b0;font-size:16px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;margin:0;max-width:65ch}
.film-catalog .project-heading{grid-template-columns:1fr;gap:24px}.film-catalog .project-introduction{border-left:0;padding:0}.film-catalog .project-heading h3{font-size:32px}
.still-grid{align-items:start}.still-grid-2:has(>:only-child) .still-preview{max-width:none}
.still-preview{touch-action:manipulation}.still-preview img{aspect-ratio:16/9;object-fit:contain;background:#101312}
@media(min-width:801px){.section-shell{max-width:1800px;margin-inline:auto}.project-stills>.still-project:first-of-type{margin-top:0}.project-stills{margin-top:100px}}
@media(max-width:800px){.project-heading{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.project-block,.daming-feature.project-block{margin-top:56px;padding-top:28px}.project-heading h3,.film-catalog .project-heading h3{font-size:clamp(28px,6vw,40px);line-height:1.5;margin:12px 0}.project-introduction{padding:0 0 0 16px}.project-introduction p{font-size:16px;line-height:1.85}.project-meta{font-size:14px}.project-stills{margin-top:64px}.still-grid{grid-template-columns:1fr;gap:14px}.still-preview img{aspect-ratio:auto;object-fit:contain}.still-expand{display:grid;place-items:center;width:44px;height:44px;top:0;right:0}.play-work,.still-preview{min-height:44px}.image-corner{bottom:14px;left:16px;font-size:12px}.video-title,.still-viewer h2{line-height:1.6;overflow-wrap:anywhere}.video-dialog-inner{padding:52px 12px 12px}.close-video,.close-still{min-width:44px;min-height:44px}.still-viewer footer button{min-height:44px}.preview-bar{font-size:14px;flex-wrap:wrap}.hero{min-height:660px}.hero-bottom p{font-size:16px}.section-topline,.eyebrow{font-size:12px}}
@media(max-width:380px){.section-shell{padding-left:20px;padding-right:20px}.project-heading h3{font-size:27px}.contact h2{font-size:clamp(44px,15vw,64px)}}