:root{--paper:#f8f8f3;--ink:#20241e;--muted:#787b71;--line:#dcded4;--accent:#d7ed9e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #60852e;outline-offset:6px}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}header{height:100px;margin:0 56px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:bold;display:flex;gap:12px;align-items:center}.brandmark{font-family:monospace;font-size:28px;letter-spacing:-5px;margin-right:10px}.brand-en{font-size:11px;letter-spacing:2px;font-weight:500}nav{display:flex;align-items:center;gap:38px;font-size:13px}.nav-contact{background:var(--ink);color:white;padding:13px 19px;border-radius:30px}.hero{padding-top:45px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.7px;display:flex;justify-content:space-between}.location{color:var(--muted);letter-spacing:3px}h1{position:relative;font-size:clamp(74px,8.6vw,126px);letter-spacing:-6px;line-height:1.13;margin:48px 0 28px;font-weight:500}.serif{font-family:"Noto Serif SC","SimSun",serif;font-weight:400}.asterisk{position:absolute;font-size:120px;right:7%;top:40px;color:#647841;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.hero-bottom p{font-size:14px;color:#666b61;line-height:1.9}.round-link{display:flex;align-items:center;gap:30px;font-size:13px}.round-link small{font-size:9px;letter-spacing:1px;line-height:2.5;color:var(--muted)}.round-link b{width:57px;height:57px;border:1px solid #acb29f;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:400;transition:.2s}.round-link:hover b{background:var(--accent);transform:rotate(45deg)}.hero-film{display:block;position:relative;aspect-ratio:2.35;overflow:hidden;color:#f7f7e7;background:#253b36}.hero-film>img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.hero-film:hover>img{transform:scale(1.025)}.film-top,.film-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.film-top{top:24px}.film-bottom{bottom:24px}.film-title{position:absolute;top:22%;left:6%;font-size:clamp(28px,4.4vw,65px);font-family:Georgia,serif;font-style:italic;line-height:1.02;letter-spacing:-2px}.platforms{display:grid;grid-template-columns:1.6fr 1.25fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line);height:94px;gap:20px}.platforms>span{font-size:11px;color:var(--muted)}.platforms a,.platform{display:flex;align-items:center;justify-content:space-between;font-size:14px;letter-spacing:1px;border:0;background:none;padding:14px 0}.platform small{font-size:10px;color:var(--muted);letter-spacing:0}.platforms a:hover,.platform:hover{color:#647841}.work{padding-top:105px;padding-bottom:90px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:38px}h2{font-size:clamp(32px,3.6vw,50px);letter-spacing:-2px;font-weight:500;line-height:1.35;margin:20px 0 0}.dot{color:#71894b}.section-head p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 3px}.filters{display:flex;gap:25px;align-items:center;margin:40px 0 30px}.filters button{border:0;background:none;padding:9px 0;font-size:13px;color:var(--muted);border-bottom:1px solid transparent}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.filters sup{font-size:9px;margin-left:5px}.filters>span{font-size:11px;color:var(--muted);margin-left:auto}.projects{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}.project{border:0;background:none;padding:0;text-align:left;min-width:0}.project-cover{position:relative;overflow:hidden;aspect-ratio:1.65;background:#e4e5d9}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.04)}.cover-text{position:absolute;bottom:24px;left:25px;font-size:clamp(24px,3vw,44px);color:#f9f6e7;letter-spacing:-1px;font-family:Georgia,serif;line-height:1.05}.project:nth-child(2) img{filter:hue-rotate(44deg) saturate(.5)}.project:nth-child(3) img{filter:hue-rotate(170deg) saturate(.45)}.project:nth-child(4) img{filter:grayscale(1)}.sample-badge{position:absolute;top:16px;left:18px;border:1px solid #ffffff60;border-radius:20px;color:#fff;font-size:9px;padding:5px 9px}.play{position:absolute;right:20px;bottom:20px;border:1px solid #fff7;color:#fff;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:17px}.project-meta{display:flex;justify-content:space-between;gap:20px;margin-top:18px}.project h3{font-size:17px;font-weight:500;margin:0 0 9px}.project p{font-size:11px;color:var(--muted);margin:0}.project .project-no{font-size:12px;color:var(--muted)}.editor-note{font-size:11px;color:var(--muted);margin-top:35px}.timeline-section{background:#eaece3;padding:85px 0}.text-label{display:block;font-size:11px;margin-top:20px}.timeline-shot{display:block;position:relative;background:#202324;padding:0;border:0;width:100%;margin-top:45px;overflow:hidden}.timeline-shot img{display:block;width:100%}.zoom{position:absolute;bottom:18px;right:18px;background:#ffffffdf;padding:10px 14px;border-radius:20px;font-size:11px}.timeline-caption{display:flex;justify-content:space-between;font-size:11px;color:#6c7165;margin-top:15px}.process{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:50px}.process>div{border-top:1px solid #c9cdbd;padding-top:20px}.process span{font-family:monospace;font-size:11px;color:var(--muted)}.process h3{font-size:16px;font-weight:500;margin:15px 0 10px}.process p{font-size:12px;color:var(--muted);line-height:1.8}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:110px;padding-bottom:110px}.about-copy{padding-top:32px}.about-copy p{font-size:13px;line-height:2;color:var(--muted)}.about-copy .big-copy{font-size:20px;line-height:1.8;color:var(--ink);margin-top:0}.services{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.services span{border:1px solid var(--line);border-radius:20px;font-size:11px;padding:9px 13px}.contact{background:var(--accent);padding:45px 50px 35px}.contact-main{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(42px,5vw,72px);letter-spacing:-3px}.contact-arrow{font-size:90px;font-weight:300}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #b1c77d;margin-top:40px;padding-top:23px;gap:30px}.contact-bottom p{font-size:13px;line-height:1.8;margin:0}.contact-bottom small{font-size:11px;color:#626c4d}.contact-bottom>div{display:flex;gap:25px;flex-wrap:wrap;font-size:12px}.contact-bottom button{border:0;background:none;padding:0}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.8px;padding-top:35px;padding-bottom:35px;color:var(--muted)}footer small{font-size:9px}dialog{width:min(1000px,92vw);max-height:90vh;border:0;background:var(--paper);padding:45px;color:var(--ink)}dialog::backdrop{background:#151b16c9;backdrop-filter:blur(5px)}.close{position:absolute;top:15px;right:15px;border:0;background:none;font-size:20px}dialog h2{font-size:30px}dialog p{font-size:14px;line-height:1.8;color:var(--muted)}dialog img{width:100%;display:block;margin:20px 0}dialog a{display:inline-block;border-bottom:1px solid;padding-bottom:5px;font-size:13px;margin-top:15px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;font-size:13px;border-radius:5px;opacity:0;pointer-events:none;transition:.25s;z-index:5}#toast.show{opacity:1}@media(min-width:1600px){header{max-width:1320px;margin:auto}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}header{margin:0 20px;height:78px}.brand-en{display:none}nav{gap:17px;font-size:11px}nav a:nth-child(3){display:none}.nav-contact{padding:10px 12px}.hero{padding-top:30px}.location{font-size:9px}h1{font-size:76px;letter-spacing:-5px;margin-top:40px}.asterisk{font-size:60px;right:2%;top:18px}.hero-bottom p{font-size:12px}.round-link{gap:12px}.round-link b{width:42px;height:42px}.hero-film{aspect-ratio:1.5}.film-title{font-size:36px;top:25%}.film-top,.film-bottom{left:18px;right:18px;font-size:8px}.film-bottom span:last-child{display:none}.platforms{grid-template-columns:1fr 1fr 1fr;height:auto;gap:15px;padding:20px 0}.platforms>span{grid-column:1/-1;font-size:10px}.platforms a,.platform{font-size:11px}.platform small{display:none}.work{padding:65px 0}.section-head{align-items:flex-start}.section-head p{font-size:11px;max-width:160px}h2{font-size:32px;letter-spacing:-1px}.filters{gap:20px;flex-wrap:wrap;margin-top:25px}.filters>span{width:100%;margin-left:0;font-size:10px}.projects{gap:30px 16px}.project-cover{aspect-ratio:1.15}.cover-text{font-size:24px;left:15px;bottom:18px}.project h3{font-size:14px}.project p{font-size:10px}.project-no{display:none}.sample-badge{font-size:8px;top:12px;left:12px}.play{width:30px;height:30px;right:12px;bottom:12px;font-size:12px}.project-meta{margin-top:13px}.timeline-section{padding:55px 0}.timeline-section .section-head{display:block}.timeline-section .section-head>div+div{margin-top:25px}.timeline-section .section-head p{max-width:none}.timeline-shot{margin-top:30px}.timeline-shot img{min-height:190px;object-fit:cover;object-position:left}.zoom{font-size:9px;bottom:10px;right:10px;padding:7px 9px}.timeline-caption{font-size:9px;gap:20px}.process{gap:20px;margin-top:35px}.process h3{font-size:14px}.process p{font-size:11px}.about{grid-template-columns:1fr;gap:10px;padding:65px 0}.about-copy .big-copy{font-size:18px}.contact{padding:30px 24px}.contact h2{font-size:39px;letter-spacing:-2px}.contact-arrow{font-size:55px}.contact-bottom{display:block;margin-top:30px}.contact-bottom>div{margin-top:22px;gap:20px;font-size:11px}footer{flex-wrap:wrap;font-size:9px;padding:25px 0}footer>span:nth-child(2){display:none}dialog{padding:40px 24px}.editor-note{line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Platform identities and commercial project */
.platforms{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:0;padding:30px 0 32px}.platforms-intro{grid-column:1/-1;display:flex;justify-content:space-between;margin-bottom:26px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.platforms-intro span{letter-spacing:0}.platform-card{min-width:0;padding:10px 26px!important;border-left:1px solid var(--line);align-self:stretch}.platform-card:nth-child(2){border:0;padding-left:0!important}.platforms .platform-main{display:flex;justify-content:flex-start;gap:18px;align-items:center;letter-spacing:0}.platforms .platform-main>span{min-width:0}.platforms .platform-main strong{display:block;font-size:25px;font-weight:600;line-height:1.4;white-space:nowrap}.platforms .platform-main small{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-top:5px;line-height:1.6}.platforms .platform-main b{font-size:22px;font-weight:400;margin-left:auto}.platform-icon{display:block;width:50px;height:50px;flex-shrink:0}.platforms .platform-copy{background:none;border:0;border-bottom:1px solid #bec3b2;padding:0 0 3px;font-size:10px;margin:10px 12px 0 68px}.self-hint{font-size:9px;color:var(--muted);display:block;margin:6px 0 0 68px}.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111c1266,transparent 80%);pointer-events:none}.hero-film>div{z-index:1}.hero-film>img{object-position:center 42%}.projects{display:block}.featured-project{display:grid;grid-template-columns:1.6fr 1fr;gap:45px;align-items:center}.real-project .project-cover{aspect-ratio:16/9}.real-project .play{width:58px;height:58px;font-size:22px;background:#1d271b55;right:calc(50% - 29px);bottom:calc(50% - 29px)}.duration{position:absolute;bottom:15px;right:18px;color:white;background:#17201788;font-size:10px;padding:5px 8px;border-radius:3px}.featured-copy h3{font-size:33px;font-weight:500;margin:17px 0 6px;letter-spacing:-1px}.featured-copy p{font-size:12px;color:var(--muted);line-height:1.9}.featured-copy .project-subtitle{font-size:14px;color:var(--ink);margin:0 0 20px}.featured-copy .eyebrow{font-size:9px;letter-spacing:1px}.featured-copy dl{margin:22px 0;display:flex;gap:30px}.featured-copy dl>div{font-size:11px}.featured-copy dt{color:var(--muted);margin-bottom:8px}.featured-copy dd{margin:0}.featured-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.watch-button{background:var(--ink);color:white;border:0;border-radius:30px;padding:13px 20px;font-size:12px}.text-button{background:none;border:0;border-bottom:1px solid #a8b193;padding:0 0 5px;font-size:12px}.empty-work{padding:50px 30px;border:1px solid var(--line)}.empty-work h3{font-size:24px;font-weight:500}.empty-work p,.empty-work a{font-size:13px;color:var(--muted)}.project-video{display:block;width:100%;max-height:62vh;background:#161b17;margin:24px 0 0;aspect-ratio:16/9}.detail-actions{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-top:22px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.detail-actions a{margin:0}.full-timeline{border:0!important;display:block!important}.full-timeline img{margin:0}.timeline-shot img{min-height:0;height:auto;object-fit:contain}.timeline-caption{line-height:1.7}.timeline-shot .zoom{box-shadow:0 2px 10px #0003}@media(max-width:1050px){.platforms .platform-main strong{font-size:22px}.platform-icon{width:43px;height:43px}.platforms .platform-main{gap:12px}.platform-card{padding:8px 18px!important}.featured-project{gap:25px}.featured-copy dl{gap:20px}.featured-copy h3{font-size:28px}.platforms .platform-copy,.self-hint{margin-left:55px}}@media(max-width:800px){.platforms{padding:24px 0;gap:0}.platforms-intro{font-size:9px;margin-bottom:18px}.platform-card{padding:4px 12px!important;display:block!important}.platforms .platform-main{flex-direction:column;align-items:flex-start;gap:9px;padding:0}.platforms .platform-main strong{font-size:19px}.platforms .platform-main small{font-size:8px;letter-spacing:.6px}.platforms .platform-main b{display:none}.platform-icon{width:42px;height:42px}.platforms .platform-copy{margin:12px 0 0;font-size:10px}.self-hint{margin:7px 0 0;font-size:8px;line-height:1.6}.featured-project{grid-template-columns:1fr;gap:25px}.featured-copy h3{font-size:28px}.featured-copy .project-subtitle{margin-bottom:12px}.featured-copy dl{gap:38px;margin:20px 0}.featured-actions{gap:25px}.real-project .project-cover{aspect-ratio:16/9}.timeline-shot img{min-height:0;height:auto}.timeline-caption{font-size:9px}.timeline-section .section-head{margin-bottom:25px}.project-video{margin:18px 0 0}.detail-actions{align-items:flex-start}.hero-film .film-title{font-size:39px}.hero-film .film-top span:last-child{font-size:8px}}


/* One project: video and matching timeline */
.project-pair{border:1px solid var(--line);padding:30px;background:#f2f3ec}.project-pair .featured-project{gap:32px}.inline-commercial{min-width:0}.paired-media-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:14px;gap:20px}.paired-media-label small{font-size:10px;color:var(--muted)}.inline-player{display:block;width:100%;aspect-ratio:16/9;background:#161b17}.paired-timeline{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.paired-timeline[hidden]{display:none}.paired-timeline .timeline-shot{margin:0}.paired-caption{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0 0}.project-pair .featured-copy .eyebrow{font-size:9px}.project-pair .featured-copy dl{margin:18px 0}.project-pair .featured-copy h3{font-size:28px}.project-pair .featured-copy .project-subtitle{margin-bottom:12px}@media(max-width:800px){.project-pair{padding:18px}.project-pair .featured-project{display:flex;flex-direction:column;align-items:stretch;gap:22px}.project-pair .featured-copy{order:-1}.project-pair .featured-copy>p:not(.project-subtitle),.project-pair .featured-copy dl{display:none}.project-pair .featured-actions{margin-top:14px;gap:20px}.project-pair .featured-copy h3{font-size:26px}.paired-timeline{margin-top:24px;padding-top:22px}.paired-media-label{font-size:11px;margin-bottom:12px}.paired-media-label small{font-size:9px}.paired-caption{font-size:10px}.project-pair .watch-button{font-size:11px;padding:10px 15px}.project-pair .text-button{font-size:11px}}

.hero-film{aspect-ratio:16/9}.hero-film>img{object-fit:contain;object-position:center}.hero-film:after{background:linear-gradient(180deg,#0003,transparent 18%,transparent 82%,#0003)}