@charset "UTF-8";
:root{color-scheme:dark;--bg:#101110;--ink:#f0f1eb;--muted:#a0a29a;--line:#30322d;--accent:#c9f568;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}button:disabled{cursor:default}::selection{background:var(--accent);color:var(--bg)}.header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:700;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{color:var(--accent);font-size:31px}.brand-en{font-size:12px;letter-spacing:1.5px;margin-left:9px;font-weight:400}.header nav{display:flex;gap:42px;align-items:center;font-size:14px}.header sup{font-size:12px;color:var(--accent);margin-left:5px}.nav-screen{border-bottom:1px solid #8b8f80;padding:9px 0}.nav-screen span{padding-left:14px}.intro{padding:44px 4.5% 40px}.intro-line{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:1.5px}.intro-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:28px}.intro h1{font-size:clamp(34px,4.8vw,74px);font-weight:500;line-height:1.2;letter-spacing:-2px;margin:0}.accent{color:var(--accent)}.intro p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 4px}.screen{position:relative;margin:0 2%;height:clamp(420px,43vw,700px);overflow:hidden;background:#202322}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 35%,rgba(0,0,0,.86))}.screen-top{position:absolute;left:3%;right:3%;top:28px;display:flex;justify-content:space-between;align-items:center}.pill{border:1px solid #ffffff70;background:#15171340;backdrop-filter:blur(8px);padding:9px 16px;border-radius:24px;font-size:12px;letter-spacing:2px}.timecode{font-size:13px;letter-spacing:3px}.screen-bottom{position:absolute;bottom:94px;left:3%;right:3%;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted)}.screen .eyebrow{color:#dadfd1}.screen h2{font-size:clamp(46px,6vw,88px);margin:10px 0 3px;line-height:1.14;font-weight:400;letter-spacing:-2px}.screen h2.long-title{font-size:clamp(30px,4vw,58px);max-width:700px;letter-spacing:0}.screen-bottom p{font-size:14px;margin:13px 0 0;color:#ddd}.play-main{display:flex;align-items:center;gap:16px;background:none;padding:8px 0;text-align:left;flex-shrink:0}.play-icon{width:66px;height:66px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:19px;transition:transform .2s}.play-main:hover .play-icon{transform:scale(1.09)}.play-main small{display:block;font-size:12px;color:#c5c9bd;margin-top:9px}.hero-switch{position:absolute;left:3%;right:3%;bottom:0;height:64px;display:flex;gap:28px;border-top:1px solid #ffffff40}.hero-switch button{background:none;font-size:13px;letter-spacing:1px;color:#c0c2b8;border-top:2px solid transparent;margin-top:-1px;min-width:145px;text-align:left;padding:0 6px}.hero-switch button span{margin-left:18px;font-size:12px}.hero-switch button.active{border-color:var(--accent);color:var(--accent)}.works{padding:100px 4.5% 90px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:20px}.section-head h2{font-size:clamp(25px,2.4vw,36px);font-weight:400;margin:18px 0 0;letter-spacing:-.6px}.section-head h2 span{color:var(--muted)}.work-count{font-size:12px;letter-spacing:1px;color:var(--muted);padding-bottom:5px;white-space:nowrap}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work-image{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;background:#242820;text-align:left}.work-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#0007);pointer-events:none}.work-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.work-image:hover img{transform:scale(1.035);filter:brightness(1.08)}.card-index,.duration,.card-play{position:absolute;z-index:1}.card-index{left:16px;top:16px;font-size:13px;padding:7px 10px;background:#1119;backdrop-filter:blur(6px)}.duration{right:17px;bottom:16px;font-size:12px;letter-spacing:1px}.card-play{right:16px;top:16px;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff80;display:grid;place-items:center;font-size:22px;background:#1115;transition:background .2s}.work-image:hover .card-play{background:var(--accent);color:#101110;border-color:var(--accent)}.work-meta{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:21px}.work-meta h3{font-size:21px;font-weight:400;margin:0}.work-meta h3 button{background:none;padding:0;text-align:left;line-height:1.5}.work-meta h3 button:hover{color:var(--accent)}.work-meta>span{font-size:12px;color:var(--muted);white-space:nowrap}.work-description{color:var(--muted);font-size:14px;line-height:1.8;margin:12px 0 0}.endnote{margin:0 4.5%;padding:54px 0 58px;display:flex;align-items:center;gap:36px;border-top:1px solid var(--line)}.end-symbol{font-size:72px;color:var(--accent);font-weight:300}.endnote p{font-size:32px;line-height:1.4;letter-spacing:1px;margin:0}.endnote p span{color:var(--muted)}.endnote a{margin-left:auto;font-size:14px;border-bottom:1px solid #73786a;padding:12px 0}.endnote a span{padding-left:55px}footer{border-top:1px solid var(--line);margin:0 4.5%;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:22px}footer .brand{font-size:20px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}dialog{position:fixed;width:min(1100px,94vw);max-height:94dvh;padding:24px;background:#151614;border:1px solid #44483e;color:var(--ink);overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}.player-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.player-head h2{font-size:24px;font-weight:400;margin:8px 0 0}.close{padding:12px 0 12px 16px;background:none;font-size:14px;white-space:nowrap}.close span{font-size:27px;vertical-align:-2px;margin-left:12px}video{display:block;width:100%;max-height:68dvh;aspect-ratio:16/9;background:black}.player-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:var(--muted);margin-top:18px}.player-foot button{padding:8px 0 8px 16px;background:none;color:var(--accent);white-space:nowrap}.player-foot button span{margin-left:20px}#play-error{font-size:14px;line-height:1.8}#play-error a{text-decoration:underline;color:var(--accent)}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:black;padding:14px;z-index:20}.skip:focus{top:20px}body.modal-open{overflow:hidden}
@media(min-width:1800px){main,.header,footer{max-width:1680px;margin-left:auto;margin-right:auto}.header,footer{width:91%}}
@media(max-width:760px){.header{height:78px;margin:0 6%}.brand{font-size:23px}.brand-en{display:none}.header nav{gap:22px}.intro{padding:30px 6% 30px}.intro-line{font-size:12px;letter-spacing:.5px}.intro-line span:first-child{max-width:125px;line-height:1.5}.intro-title{display:block;margin-top:22px}.intro h1{font-size:clamp(29px,6.8vw,50px);letter-spacing:-1px}.intro p{margin-top:18px;font-size:14px}.screen{margin:0 3%;height:490px}.hero-image{object-position:50% 50%}.screen-top{left:6%;right:6%;top:22px}.screen-bottom{left:6%;right:6%;bottom:94px;align-items:flex-start;flex-direction:column;gap:23px}.screen h2{font-size:57px}.screen h2.long-title{font-size:31px;line-height:1.35}.screen-bottom p{font-size:14px}.screen .eyebrow{font-size:12px;letter-spacing:1px}.play-icon{width:48px;height:48px;font-size:14px}.play-main{padding:0;gap:12px;font-size:14px}.play-main small{margin-top:5px}.hero-switch{left:6%;right:6%;gap:10px}.hero-switch button{min-width:0;flex:1;font-size:12px}.hero-switch button span{margin-left:10px;font-size:12px;letter-spacing:0}.works{padding:64px 6% 52px}.section-head{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}.section-head h2{font-size:27px;line-height:1.5;margin-top:14px}.section-head h2 span{display:block}.work-count{font-size:12px}.work-grid{grid-template-columns:1fr;gap:36px}.work-meta{gap:8px;flex-wrap:wrap;margin-top:17px}.work-meta h3{font-size:20px}.work-description{margin-top:9px}.endnote{margin:0 6%;gap:20px;flex-wrap:wrap;padding:35px 0}.end-symbol{font-size:53px}.endnote p{font-size:26px}.endnote a{margin-left:auto}.endnote a span{padding-left:15px}footer{margin:0 6%;flex-wrap:wrap;padding:24px 0;gap:15px}footer>span{order:3;width:100%}dialog{padding:16px;width:96vw}.player-head h2{font-size:20px}.player-foot{font-size:12px}.player-head .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.header nav{gap:26px}.header .brand{font-size:23px;letter-spacing:.6px}.personal-intro{padding-top:36px;padding-bottom:44px}.personal-intro .identity{display:block;color:var(--accent);font-size:14px;letter-spacing:2px;margin-bottom:20px}.personal-intro .intro-title{align-items:center;margin-top:36px}.personal-intro h1{font-size:clamp(36px,4.5vw,68px);line-height:1.35;letter-spacing:-1.6px}.personal-intro .intro-copy{max-width:380px}.personal-intro .role{font-size:19px;color:var(--ink);line-height:1.5;margin-bottom:20px}.personal-intro p{font-size:16px;line-height:1.9}.text-link{display:inline-block;color:var(--accent);font-size:14px;margin-top:20px;padding-bottom:6px;border-bottom:1px solid #c9f56860}.case-link{display:flex;justify-content:space-between;gap:15px;color:var(--accent);font-size:14px;padding:18px 0 10px;margin-top:15px;border-top:1px solid var(--line)}.case-link span{font-size:12px;letter-spacing:1px}.work-meta{flex-wrap:wrap}.work-description{font-size:16px}.profile-section,.capabilities,.method-section,.explorations,.tools-section,.contact-section{margin:0 4.5%;padding:80px 0;border-top:1px solid var(--line)}.profile-section{display:grid;grid-template-columns:1fr 2fr;gap:7%}.section-label h2,.tools-section h2{font-size:30px;font-weight:400;margin:18px 0 24px}.side-note{color:var(--muted);font-size:14px;line-height:2}.profile-body{max-width:830px}.profile-body .statement{font-size:clamp(24px,2.5vw,37px);color:var(--ink);line-height:1.6;margin:0 0 25px}.profile-body p{color:var(--muted);font-size:16px;line-height:2;margin:0 0 20px}.direction{display:flex;gap:35px;align-items:baseline;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.direction>span{font-size:14px;color:var(--accent);white-space:nowrap}.direction p{font-size:14px;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}.skills-grid article{padding:30px 0;border-top:1px solid var(--line)}.skill-number{font-size:14px;color:var(--accent);font-family:monospace}.skills-grid h3,.method-grid h3,.explore-grid h3{font-size:22px;font-weight:400;margin:23px 0 15px}.skills-grid p,.method-grid p,.explore-grid p,.tools-section p{font-size:16px;color:var(--muted);line-height:1.9;margin:0}.section-note{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.method-section{background:#171a13;margin:0;padding:65px 4.5%;border-top:0}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.method-grid article{padding-top:25px;border-top:1px solid #465039}.method-grid article>span{font-size:12px;letter-spacing:2px;color:var(--accent)}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%}.explore-grid article{border-left:1px solid var(--line);padding-left:25px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tags span{border:1px solid #3b4033;border-radius:20px;padding:7px 12px;font-size:12px;color:#bcc4ae}.tools-section{display:grid;grid-template-columns:1fr 1fr;gap:7%}.tools-section h2{margin-bottom:14px}.tool-row{padding:24px 0;border-bottom:1px solid var(--line)}.tool-row>span{font-size:12px;letter-spacing:1.5px;color:var(--accent)}.tool-row p{margin-top:14px}.contact-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin-top:28px}.contact-body h2{font-size:clamp(35px,4vw,60px);font-weight:400;line-height:1.4;margin:0}.contact-body p{font-size:16px;line-height:2;color:var(--muted);margin:0 0 25px}.location{font-size:12px;letter-spacing:2px;color:var(--ink)}.contact-body .contact-note{font-size:14px;margin:18px 0 0;color:var(--muted)}
/* Project study */
.case-main{max-width:1500px;margin:auto}.case-intro{padding:54px 4.5% 45px}.back-link{font-size:14px;color:var(--muted)}.case-intro>.eyebrow{display:block;margin:48px 0 20px;color:var(--accent)}.case-intro h1{font-size:clamp(38px,6vw,80px);font-weight:400;line-height:1.25;letter-spacing:-1.5px;margin:0 0 24px}.case-intro h1 span{color:var(--muted);font-size:.64em}.case-deck{font-size:18px;line-height:1.9;max-width:730px;color:var(--muted)}.project-facts{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}.project-facts dt{font-size:12px;color:var(--muted);letter-spacing:1px;margin-bottom:12px}.project-facts dd{font-size:14px;line-height:1.8;margin:0}.case-video{margin:0 4.5% 60px}.case-video video{max-height:78dvh}.case-video figcaption{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;line-height:1.8;margin-top:15px}.case-section{padding:55px 0;margin:0 4.5%;border-top:1px solid var(--line)}.case-section h2{font-size:30px;font-weight:400;margin:18px 0 25px}.case-section>p{font-size:16px;color:var(--muted);line-height:2;max-width:850px}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.study-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.study-grid figure{margin:0}.study-grid figcaption{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.study-grid h3{font-size:22px;font-weight:400;margin:22px 0 12px}.study-grid p{font-size:16px;line-height:1.9;color:var(--muted);margin:0}.study-grid .study-note{font-size:14px;color:#c1c9b3;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.case-focus{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-focus article{padding:25px;background:#191b16}.case-focus h3{font-size:20px;font-weight:400;margin:0 0 15px}.case-focus p{font-size:16px;line-height:1.9;color:var(--muted);margin:0}.scope-note{font-size:14px;color:var(--muted);line-height:1.9;border-left:2px solid var(--accent);padding-left:20px;margin:30px 0 0;max-width:880px}.case-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 0;margin:0 4.5%}.case-bottom a{font-size:14px;color:var(--accent)}
@media(max-width:1000px){.header nav{gap:18px}.header .brand-en{display:none}.skills-grid{grid-template-columns:1fr 1fr}.personal-intro .intro-title{gap:30px}.personal-intro .intro-copy{max-width:310px}.personal-intro h1{font-size:43px}}
@media(max-width:760px){.header{height:auto;min-height:95px;flex-wrap:wrap;padding:20px 0 15px;gap:18px}.header .brand{font-size:21px}.header nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}.personal-intro{padding-top:27px}.personal-intro .intro-line{gap:20px;align-items:flex-start}.personal-intro .intro-line span:first-child{max-width:225px;line-height:1.8}.personal-intro .intro-line span:last-child{max-width:95px;line-height:1.8;text-align:right}.personal-intro .intro-title{margin-top:26px}.personal-intro .identity{margin-bottom:13px}.personal-intro h1{font-size:clamp(32px,7.8vw,53px);letter-spacing:-.8px}.personal-intro .intro-copy{max-width:none;margin-top:20px}.personal-intro .role{font-size:17px;margin-bottom:14px}.personal-intro .intro-copy>p{font-size:16px;margin-top:0}.profile-section,.capabilities,.explorations,.tools-section,.contact-section{margin:0 6%;padding:48px 0}.profile-section,.tools-section,.contact-body{grid-template-columns:1fr;gap:27px}.section-label h2{margin-bottom:15px}.side-note{display:none}.profile-body .statement{font-size:25px}.direction{gap:20px}.skills-grid{grid-template-columns:1fr;gap:0}.skills-grid article{padding:23px 0}.skills-grid h3{margin-top:15px}.method-section{padding:48px 6%}.method-grid{grid-template-columns:1fr;gap:30px}.section-note{font-size:14px}.explore-grid{grid-template-columns:1fr;gap:35px}.contact-body h2{font-size:36px}.contact-body p{margin-bottom:20px}.case-intro{padding:30px 6%}.case-intro>.eyebrow{margin-top:32px}.case-intro h1{font-size:43px;letter-spacing:-.7px}.case-deck{font-size:16px}.project-facts{grid-template-columns:1fr;gap:20px}.project-facts dt{margin-bottom:6px}.case-video{margin:0 6% 35px}.case-video figcaption{flex-direction:column;gap:3px}.case-section{padding:36px 0;margin:0 6%}.study-grid,.case-focus{grid-template-columns:1fr;gap:35px}.case-section h2{font-size:27px}.case-bottom{margin:0 6%}.case-bottom a{line-height:1.8}.screen .screen-bottom p{font-size:14px}}
.study-grid img{height:auto}
.deliverables{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;color:#d3d8c9;font-size:14px;line-height:1.9}.deliverables>span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px;letter-spacing:1px}.diagnosis-preview{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:12px}.diagnosis-preview p{font-size:16px;line-height:1.9;color:var(--muted)}.diagnosis-preview .diagnosis-lead{font-size:28px;color:var(--ink);line-height:1.55;margin-top:0}.reference-list{list-style:none;padding:0;margin:0}.reference-list li{display:flex;gap:22px;padding:22px 0;border-top:1px solid #3b4430}.reference-list li>span{font-size:14px;color:var(--accent);padding-top:3px;font-family:monospace}.reference-list h3{font-size:20px;font-weight:400;margin:0 0 9px;line-height:1.6}.reference-list p{margin:0;font-size:14px}.method-boundary{color:var(--muted);font-size:14px;line-height:1.9;border-top:1px solid var(--line);padding-top:19px;margin-top:28px}.phone-link{display:block;font-size:clamp(23px,2.8vw,36px);line-height:1.5;color:var(--accent);margin-top:25px;letter-spacing:1px}.phone-link>span:first-child{display:block;font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.phone-link>span:last-child{font-size:23px;margin-left:10px}.story-development-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:32px}.story-development-grid article{border-top:1px solid var(--line);padding-top:24px}.story-development-grid h3{font-size:21px;font-weight:400;line-height:1.6;margin:20px 0 13px}.story-development-grid p{font-size:16px;line-height:1.95;color:var(--muted);margin:0}.story-question{font-size:14px;line-height:1.9;color:#d2dec0;border-left:2px solid var(--accent);padding:0 0 0 14px;margin-top:22px}.case-section .case-standfirst{font-size:18px;line-height:1.9}.diagnosis-block{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:35px 0;border-top:1px solid var(--line)}.diagnosis-label{font-size:12px;letter-spacing:1px;color:var(--accent);padding-top:6px}.diagnosis-block h3{font-size:24px;font-weight:400;margin:0 0 18px;line-height:1.5}.diagnosis-block p{font-size:16px;line-height:1.95;color:var(--muted);margin:0 0 16px}.reference-kit{background:#1b1f16;padding:32px;margin-bottom:35px}.kit-head h3{font-size:25px;font-weight:400;margin:15px 0 12px}.kit-head p{font-size:16px;color:var(--muted);line-height:1.8}.kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;margin-top:30px}.kit-grid article{padding-top:19px;border-top:1px solid #424c33}.kit-grid article>span{font-size:12px;letter-spacing:1px;color:var(--accent)}.kit-grid h4{font-size:18px;font-weight:400;margin:17px 0 12px;line-height:1.6}.kit-grid p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.check-list{padding-left:20px;color:var(--muted);font-size:16px;line-height:1.95}.check-list li{padding-bottom:10px}.check-list strong{font-weight:400;color:var(--ink)}.diagnosis-block .method-boundary{font-size:14px}.case-section .technical-reference{font-size:12px;line-height:1.9;color:var(--muted)}.technical-reference a{color:#c7d6b2;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.kit-grid{grid-template-columns:1fr 1fr}.story-development-grid{gap:20px}.story-development-grid h3{font-size:19px}.diagnosis-block{grid-template-columns:135px 1fr;gap:25px}}
@media(max-width:760px){.delivery-grid,.diagnosis-preview,.story-development-grid{grid-template-columns:1fr}.diagnosis-preview{gap:30px}.diagnosis-preview .diagnosis-lead{font-size:25px}.method-section .section-head h2{font-size:25px}.reference-list li{gap:15px}.reference-list h3{font-size:18px}.story-development-grid{gap:30px}.story-development-grid h3{font-size:21px}.diagnosis-block{grid-template-columns:1fr;gap:16px;padding:28px 0}.diagnosis-block h3{font-size:22px}.reference-kit{padding:23px 20px}.kit-grid{grid-template-columns:1fr;gap:22px}.case-section .case-standfirst{font-size:16px}.case-bottom{flex-wrap:wrap}.phone-link{font-size:28px;letter-spacing:0}}