:root{--paper:#f8f6f2;--ink:#252723;--muted:#6d6e66;--accent:#ad4e23;--line:#ddded5;--soft:#efeee7;--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;letter-spacing:-.035em}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}::selection{background:#eac7b2}.container{width:min(1160px,calc(100% - 96px));margin-inline:auto}.header{height:94px;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 96px));margin:auto;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{font-size:27px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:20px}.wordmark span{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.04em;border-left:1px solid var(--line);padding-left:20px}.header nav{display:flex;gap:30px;align-items:center;font-size:14px}.header nav a:hover,.header nav a[aria-current]{color:var(--accent)}.resume-link{border:1px solid var(--line);padding:8px 15px;border-radius:3px}.resume-link span{padding-left:10px}.skip{position:fixed;left:20px;top:-80px;background:var(--ink);color:#fff;padding:8px;z-index:100}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;padding-top:77px;padding-bottom:64px;align-items:center}.intro-line{font-size:13px;letter-spacing:.02em;color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:23px}.orange-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.hero h1{font-size:clamp(42px,4.25vw,61px);font-weight:650;letter-spacing:-.055em;line-height:1.25}.hero-description{color:#5c6058;font-size:16px;line-height:1.95;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 21px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:3px;font-size:14px;transition:background .18s}.button:hover{background:var(--accent);border-color:var(--accent)}.plain-link{font-size:14px;display:inline-block}.plain-link:hover{color:var(--accent)}.hero-footnote{font-size:12px;color:var(--muted);line-height:1.9;margin-top:28px}.hero-visual{padding-top:15px}.hero-main-image{display:block;background:#e5e7e4;position:relative;overflow:hidden;border-radius:3px}.hero-main-image img{width:100%;height:auto;aspect-ratio:700/394;object-fit:cover;transition:transform .35s}.hero-main-image:hover img{transform:scale(1.025)}.hero-main-image>div{background:#fff;padding:15px 19px;display:flex;align-items:center;gap:17px}.hero-main-image span{font-size:11px;color:var(--accent);white-space:nowrap}.hero-main-image p{font-size:14px}.hero-filmstrip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.hero-filmstrip a{position:relative;overflow:hidden;border-radius:3px}.hero-filmstrip img{width:100%;aspect-ratio:16/9;object-fit:cover}.hero-filmstrip span{display:block;font-size:11px;color:var(--muted);padding-top:7px}.visual-caption{font-size:11px;color:var(--muted);display:block;margin-top:15px}.experience-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr;align-items:center;padding:28px 0;gap:28px}.experience-strip strong{font-size:26px;line-height:1.3;letter-spacing:-.04em;font-weight:550;display:block}.experience-strip span{color:var(--muted);font-size:12px;display:block;margin-top:6px}.experience-strip>p{font-size:14px;color:var(--muted);border-left:1px solid var(--line);padding-left:33px}.section{padding-top:76px;padding-bottom:76px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:33px;gap:20px}.section-heading h2{font-size:32px;font-weight:600}.quiet{font-size:13px;color:var(--muted);margin-bottom:9px}.selected-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:44px;row-gap:46px}.project-image{display:block;background:#e7e8e0;position:relative;overflow:hidden;border-radius:3px}.project-image img{width:100%;height:285px;object-fit:cover;transition:transform .3s}.project-image img.portrait{object-fit:contain;background:#e6e8e1}.project-image:hover img{transform:scale(1.025)}.image-action{position:absolute;right:13px;bottom:13px;background:#fffffff2;padding:6px 12px;font-size:12px;border-radius:2px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.project-image:hover .image-action,.project-image:focus-visible .image-action{opacity:1;transform:none}.card-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--accent);font-size:11px;margin:17px 0 7px}.card-meta span+span:before{content:"/";color:#a8aaa1;margin-right:12px}.project-card h3{font-size:23px;font-weight:600;margin-bottom:10px}.project-card h3 a:hover{color:var(--accent)}.project-card>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:38em}.card-role{font-size:11px;color:var(--muted);margin-top:12px}.approach{background:var(--soft)}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.approach h2{font-size:35px}.approach-intro{font-size:14px;line-height:2;color:var(--muted);margin:24px 0;max-width:29em}.approach-list article{border-top:1px solid #d1d3c8;padding:22px 0}.approach-list article:first-child{padding-top:0;border-top:0}.approach-list h3{font-size:19px;margin-bottom:9px}.approach-list p{font-size:14px;color:var(--muted);line-height:1.9}.approach-list a{font-size:12px;color:var(--accent);display:inline-block;margin-top:9px}.footer{padding:62px 0 0;background:var(--paper)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:58px}.footer h2{font-size:33px;margin-bottom:17px}.footer p:not(.quiet){font-size:12px;color:var(--muted)}.contact-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 16px;padding-top:24px;align-content:flex-start}.email{font-size:22px;letter-spacing:-.03em}.email:hover{color:var(--accent)}.text-button{padding:3px 9px;border:1px solid var(--line);background:transparent;border-radius:3px;font-size:11px;color:var(--muted);margin-top:4px}.copy-status{font-size:12px;color:var(--accent);width:100%;min-height:10px}.small-link{font-size:12px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:11px;color:var(--muted)}.page-intro{padding-top:66px;padding-bottom:42px}.page-intro h1{font-size:50px;line-height:1.32;font-weight:600;letter-spacing:-.05em}.page-intro>p:last-child{font-size:15px;color:var(--muted);line-height:1.95;margin-top:22px}.filter-bar{border-top:1px solid var(--line);padding:25px 0 12px;display:flex;gap:8px;flex-wrap:wrap}.filter-bar button{border:1px solid transparent;background:transparent;padding:7px 15px;color:var(--muted);font-size:13px;border-radius:3px}.filter-bar button[aria-pressed=true]{background:var(--ink);color:#fff}.filter-bar button:hover:not([aria-pressed=true]){border-color:var(--line)}.filter-status{font-size:11px;color:var(--muted);margin:0 0 27px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:39px 28px;padding-bottom:60px}.compact .project-image img{height:205px}.compact h3{font-size:19px}.compact>p{font-size:13px}.case{padding-top:34px}.back-link{font-size:12px;color:var(--muted)}.back-link:hover{color:var(--accent)}.case-header{padding:29px 0 34px;max-width:960px}.case-header .card-meta{margin-top:0}.case-header h1{font-size:45px;font-weight:600;letter-spacing:-.04em;margin:14px 0 18px}.case-lead{font-size:18px;color:var(--muted);line-height:1.8;max-width:44em}.case-cover{background:#e8e9e2;border-radius:3px;overflow:hidden;display:flex;justify-content:center;max-height:300px}.case-cover img{width:100%;height:300px;object-fit:contain}.case-cover.vertical{background:#e2e5dd}.case-cover.vertical img{width:auto;height:300px;max-width:100%}.case-layout{display:grid;grid-template-columns:230px minmax(0,680px);gap:80px;padding-top:60px}.case-aside{align-self:start;position:sticky;top:35px}.case-aside>div{border-top:1px solid var(--line);padding-top:17px;margin-bottom:30px}.case-aside h2{font-size:13px;margin-bottom:13px;letter-spacing:0}.case-aside ul{list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted);line-height:2.2}.case-aside nav{display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--muted)}.case-aside nav a:hover{color:var(--accent)}.case-body>section{margin-bottom:43px}.case-body h2{font-size:25px;font-weight:600;margin-bottom:17px}.case-body p{font-size:16px;color:#5a5e55;line-height:2.05;text-wrap:pretty}.case-gallery>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-gallery figure{margin:0;background:var(--soft);align-self:start}.case-gallery img{width:100%;height:200px;object-fit:contain}.case-gallery figcaption{font-size:11px;color:var(--muted);padding:10px 12px;line-height:1.8}.results{background:var(--soft);padding:28px 30px;border-left:3px solid var(--accent)}.results ul{padding-left:19px;margin:0}.results li{font-size:15px;line-height:1.95;margin:7px 0}.case-body p.result-note{font-size:11px;line-height:1.9;margin-top:18px;color:var(--muted)}.watch{border-top:1px solid var(--line);padding-top:24px}.watch .button{margin:0 10px 12px 0}.case-body .pending{font-size:13px;color:var(--muted)}.next-case{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:30px 0;margin:18px 0 30px}.next-case>span{font-size:12px;color:var(--muted)}.next-case strong{font-size:22px;font-weight:550;flex:1}.next-case:hover strong{color:var(--accent)}.about-intro-text{max-width:700px;margin-top:26px}.about-intro-text p{font-size:16px;color:var(--muted);line-height:2;margin-top:13px}.about-section{padding-top:25px;padding-bottom:45px}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:230px minmax(0,670px);gap:45px;padding:30px 0;border-bottom:1px solid var(--line)}.timeline time{color:var(--muted);font-size:13px;padding-top:4px}.timeline h3{font-size:22px;font-weight:550}.timeline-role{font-size:13px;color:var(--accent);margin:8px 0 13px}.timeline p:not(.timeline-role){font-size:15px;line-height:1.95;color:var(--muted)}.timeline a,.capabilities a{display:inline-block;font-size:12px;color:var(--accent);margin-top:13px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.capabilities h3{font-size:23px;margin-bottom:16px}.capabilities p{font-size:14px;color:var(--muted);line-height:2}.tools{border-top:1px solid var(--line);margin-top:34px;padding-top:25px;display:grid;grid-template-columns:230px 1fr;gap:45px}.tools h3{font-size:15px}.tools p{color:var(--muted);font-size:13px;line-height:2;max-width:670px}@media(min-width:1600px){.container{width:1240px}.hero{gap:100px;padding-top:90px;padding-bottom:80px}.hero h1{font-size:65px}.project-image img{height:315px}.compact .project-image img{height:215px}}@media(max-width:1100px){.container,.header{width:calc(100% - 64px)}.hero{gap:35px}.hero h1{font-size:44px}.header nav{gap:22px}.wordmark span{display:none}.project-image img{height:250px}.case-layout{gap:45px;grid-template-columns:190px 1fr}.approach-layout{gap:55px}.work-grid{gap:35px 20px}.compact .project-image img{height:170px}.email{font-size:19px}.contact-layout{gap:25px}}@media(max-width:760px){.container,.header{width:calc(100% - 40px)}.header{height:78px}.header nav{gap:17px;font-size:12px}.resume-link{display:none}.hero{grid-template-columns:1fr;padding-top:38px;gap:30px}.hero h1{font-size:43px}.hero-description{font-size:15px}.hero-footnote{margin-top:20px}.hero-visual{padding-top:0}.hero-main-image img{max-height:290px}.experience-strip{grid-template-columns:1fr 1fr;gap:24px}.experience-strip>p{padding-left:0;border-left:0}.experience-strip strong{font-size:23px}.selected-grid,.approach-layout,.contact-layout,.work-grid,.capabilities{grid-template-columns:1fr}.section{padding:48px 0}.section-heading h2{font-size:28px}.section-heading{align-items:start}.section-heading>a{font-size:12px}.project-image img{height:auto;aspect-ratio:16/9}.project-image img.portrait{height:270px;aspect-ratio:auto}.approach h2{font-size:30px}.approach-layout{gap:30px}.contact-layout{gap:0}.contact-actions{padding-top:25px}.footer h2{font-size:28px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.page-intro{padding-top:40px}.page-intro h1{font-size:37px}.work-grid{grid-template-columns:1fr 1fr;gap:30px 17px}.compact h3{font-size:17px}.compact .project-image img{height:145px;aspect-ratio:auto}.compact>p{font-size:12px}.compact .card-role{display:none}.filter-bar{gap:2px}.filter-bar button{padding:6px 10px;font-size:12px}.case-header h1{font-size:32px}.case-lead{font-size:16px}.case-cover,.case-cover img,.case-cover.vertical img{height:260px}.case-layout{grid-template-columns:1fr;gap:15px;padding-top:30px}.case-aside{position:static}.case-aside>div:nth-child(2){display:none}.case-aside ul{display:flex;flex-wrap:wrap;gap:3px 15px}.case-body h2{font-size:23px}.case-body p{font-size:15px}.case-gallery img{height:160px}.results{padding:23px}.next-case{gap:18px}.next-case strong{font-size:18px}.timeline article{grid-template-columns:1fr;gap:10px}.timeline h3{font-size:20px}.tools{grid-template-columns:1fr;gap:12px}.capabilities{gap:26px}.approach-list article:last-child{padding-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.hero-portrait{width:100%;max-height:500px;object-fit:cover;border-radius:3px}.about-photo{max-width:300px;max-height:400px;object-fit:cover;margin-top:25px;border-radius:3px}.image-placeholder{display:flex;width:100%;min-height:285px;align-items:center;justify-content:center;color:var(--muted);font-size:13px;background:var(--soft)}.compact .image-placeholder{min-height:205px}.case-cover>.image-placeholder{min-height:240px}.professional-title{font-size:22px;line-height:1.6;margin-top:14px;letter-spacing:.015em}.about-positioning{font-size:22px!important;color:var(--ink)!important;margin-top:15px!important}.hero-description p+p{margin-top:11px}@media(min-width:761px){.home-v2 .hero{grid-template-columns:1.12fr 1fr;gap:64px;padding-top:58px;padding-bottom:54px}.home-v2 .hero h1{font-size:86px;line-height:1.15;letter-spacing:.04em;font-weight:650}.home-v2 .hero .intro-line{margin-bottom:17px}.home-v2 .hero-description{font-size:15px;line-height:1.95;margin-top:21px;max-width:35em}.home-v2 .hero-actions{margin-top:25px}.home-v2 .hero-footnote{margin-top:24px}.home-v2 .experience-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:27px 0}.home-v2 .experience-strip>div+div{border-left:1px solid var(--line);padding-left:36px}.home-v2 .experience-strip strong{font-size:32px;font-weight:550;letter-spacing:-.035em}.home-v2 .experience-strip span{font-size:13px;margin-top:7px}.home-v2 .experience-strip .stat-note{font-size:11px;margin-top:4px;color:var(--muted)}.about-v2 .page-intro h1{font-size:58px}.about-v2 .about-intro-text{max-width:760px}.about-v2 .about-intro-text p{font-size:15px;line-height:2}.home-v2 .card-role{padding-top:10px;border-top:1px solid var(--line)}}.hero-poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.hero-poster{display:block;min-width:0}.hero-poster img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:3px;background:var(--soft)}.hero-poster span{display:block;color:var(--muted);font-size:12px;line-height:1.6;padding-top:9px}.hero-poster:hover span{color:var(--accent)}@media(min-width:761px){.home-v2 .hero{padding-top:50px;padding-bottom:48px;align-items:center}.home-v2 .professional-title{font-size:24px;line-height:1.55;margin-top:12px;font-weight:500}.home-v2 .hero-summary{margin-top:28px;font-size:17px;line-height:1.85;max-width:34em}.home-v2 .hero-summary .hero-experience{font-size:22px;font-weight:600;line-height:1.55;color:var(--ink);margin:0 0 13px;letter-spacing:-.02em}.home-v2 .hero-summary .hero-volume{font-size:18px;color:var(--ink);line-height:1.65;margin:0 0 10px}.hero-volume strong{font-size:29px;font-weight:650;color:var(--accent);letter-spacing:-.03em;padding:0 3px}.home-v2 .hero-summary .hero-scope{font-size:16px;line-height:1.85;color:#62665c;margin:0}.home-v2 .hero-summary .hero-workflow{font-size:16px;line-height:1.85;color:#62665c;margin:12px 0 0;max-width:31em}.home-v2 .hero-footnote{font-size:14px;line-height:1.9;margin-top:23px;color:#62665c}.hero-poster span{font-size:14px;line-height:1.7;padding-top:9px;color:#62665c}.home-v2 .experience-strip strong{font-size:36px;line-height:1.35}.home-v2 .experience-strip span{font-size:16px;line-height:1.7;margin-top:8px;color:#4f554a}.home-v2 .experience-strip .stat-note{font-size:14px;line-height:1.7;margin-top:5px;color:#6a6f63}.header nav,.button,.plain-link{font-size:16px}.wordmark span{font-size:14px}.project-card>p,.compact>p{font-size:16px;line-height:1.95}.card-role,.card-meta{font-size:13px;line-height:1.8}.quiet{font-size:15px}.approach-intro,.approach-list p,.capabilities p{font-size:16px;line-height:1.95}.approach-list a,.timeline a,.capabilities a{font-size:14px}.about-v2 .about-intro-text p,.timeline p:not(.timeline-role){font-size:17px;line-height:1.95}.timeline time,.timeline-role,.tools p{font-size:15px}.case-aside h2{font-size:15px}.case-aside nav,.case-aside ul{font-size:14px}.case-gallery figcaption,.case-body p.result-note{font-size:13px}.footer p:not(.quiet),.small-link{font-size:14px}.text-button,.footer-bottom{font-size:13px}}.case-header .watch-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;border:0;padding:0;margin-top:24px}.case-header .watch-button{display:inline-flex;gap:12px;padding:13px 20px;min-height:54px;background:#b3362d;border-color:#b3362d;color:#fff;font-size:16px;font-weight:500;line-height:1.6}.case-header .watch-button:hover{background:#92271f;border-color:#92271f}.watch-icon{flex:none}.watch-button>span:last-child{margin-left:8px;font-size:20px;line-height:1}.case-header .watch-top .pending{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.publication-record figure{grid-column:1/-1}.publication-record img{width:100%;height:auto;max-height:none;object-fit:contain}.about-v2 .timeline article{grid-template-columns:175px 80px minmax(0,1fr);gap:30px}.timeline-logo{width:80px;height:80px;background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;padding:9px}.timeline-logo img{width:100%;height:100%;object-fit:contain}.timeline-content{min-width:0}@media(max-width:760px){.about-v2 .timeline article{grid-template-columns:64px minmax(0,1fr);gap:14px 20px}.about-v2 .timeline time{grid-column:1/-1}.timeline-logo{width:64px;height:64px;padding:7px}}