:root{--bg:#0d0d0d;--surface:#191816;--text:#d8d0c4;--display:#b7ab98;--muted:#a39a8c;--accent:#eb5939;--divider:#38352f;--border:#797165}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.skip{z-index:100;background:var(--accent);color:var(--bg);padding:15px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}header{z-index:20;justify-content:space-between;align-items:center;max-width:1440px;height:108px;margin:auto;padding:0 64px;display:flex;position:relative}.brand{letter-spacing:-3px;align-items:start;font-size:25px;font-weight:800;display:flex}.brand span{color:var(--accent)}.brand i{letter-spacing:0;margin:0 0 0 9px;font-size:10px;font-style:normal}nav{gap:32px;display:flex}nav a{align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}nav a span{color:var(--muted);font-size:12px}nav a[aria-current]{color:var(--accent)}.header-note{color:var(--muted);font-size:12px}.menu-button{display:none}.hero{flex-direction:column;justify-content:center;height:calc(100svh - 108px);min-height:730px;max-height:1000px;padding:60px 64px 28px;display:flex;position:relative;overflow:hidden}.hero-meta{color:var(--muted);letter-spacing:1px;justify-content:space-between;font-size:11px;display:flex;position:absolute;top:27px;left:64px;right:64px}.hero-title{text-align:center;letter-spacing:-.065em;color:var(--display);z-index:2;margin:0;font-size:clamp(64px,7.6vw,112px);font-weight:700;line-height:1.18;position:relative}.hero-title>span{animation:.9s cubic-bezier(.22,1,.36,1) both line-in;display:block;overflow:hidden}.hero-title>span:nth-child(2){animation-delay:90ms}.hero-title>span:nth-child(3){animation-delay:.18s}@keyframes line-in{0%{clip-path:inset(100% 0 0);transform:translateY(45px)}to{clip-path:inset(0);transform:translateY(0)}}.hero-person{z-index:2;justify-content:center;gap:22px;margin-top:32px;font-size:16px;display:flex}.hero-person span{color:var(--muted);border-left:1px solid var(--divider);padding-left:22px}.hero-bottom{color:var(--muted);letter-spacing:1px;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:30px;left:64px;right:64px}.hero-bottom a{min-height:44px;color:var(--text);align-items:center;gap:25px;display:flex}.hero-bottom a span{font-size:22px}.hero-orbit{z-index:-1;border:1px solid #25231f;border-radius:50%;width:530px;height:530px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.reveal{isolation:isolate;--x:50%;--y:50%;position:relative}.reveal-overlay{z-index:3;pointer-events:none;background:var(--accent);clip-path:circle(0px at var(--x) var(--y));transition:clip-path .28s;position:absolute;inset:0}.reveal-overlay .hero-title{color:var(--bg)}@media (hover:hover) and (pointer:fine){.reveal:hover .reveal-overlay{clip-path:circle(170px at var(--x) var(--y))}}.section{max-width:1368px;margin:auto;padding:100px 64px 40px}.eyebrow{letter-spacing:1.2px;color:var(--muted);align-items:center;gap:22px;margin-bottom:48px;font-size:12px;display:flex}.eyebrow>span{color:var(--accent)}h2,h3,p{margin-top:0}h2{color:var(--display);letter-spacing:-.045em;font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.3}p{color:var(--muted);font-size:17px;line-height:1.9}.about-grid{grid-template-columns:.85fr 1.2fr;align-items:start;gap:100px;display:grid}.portrait{background:var(--surface);aspect-ratio:4/5;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.portrait>span{letter-spacing:2px;color:var(--muted);font-size:12px;line-height:1.7;position:absolute;top:30px;left:28px}.portrait small{color:var(--muted);font-size:11px;position:absolute;bottom:24px;left:28px}.portrait-silhouette{filter:blur(1px);background:#302d28;border-radius:50% 50% 12% 12%;width:48%;height:40%;position:absolute;bottom:0}.portrait-silhouette:before{content:"";aspect-ratio:1;background:#38342d;border-radius:50%;width:65%;position:absolute;top:-55%;left:17%}.about h2{margin-bottom:24px;font-size:clamp(27px,3vw,40px);line-height:1.65}.experience{margin-top:32px}.experience>div{border-top:1px solid var(--divider);grid-template-columns:28px 60px 1fr;gap:18px;padding:20px 0;display:grid}.experience span{color:var(--muted);padding-top:4px;font-size:11px}.experience h3{margin:0;font-size:16px;font-weight:500}.experience p{margin:0;font-size:13px;line-height:1.8}.practice-heading{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.practice-heading h2{margin:0}.practice-heading p{margin:0 80px 5px 0;font-size:14px}.practice-row{border-top:1px solid var(--divider);isolation:isolate;align-items:center;gap:50px;min-height:142px;padding:16px 22px;display:flex;position:relative}.practice-row:last-child{border-bottom:1px solid var(--divider)}.practice-row:before{content:"";background:var(--accent);z-index:-1;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleY(0)}.practice-row:hover:before,.practice-row:focus-visible:before{transform:scaleY(1)}.practice-row h3{letter-spacing:-4px;align-items:center;gap:26px;min-width:44%;margin:0;font-size:clamp(48px,6vw,80px);font-weight:600;display:flex}.practice-row h3 small{letter-spacing:1px;font-size:11px;font-weight:400}.practice-row>span{color:var(--muted);font-size:13px}.practice-row b{margin-left:auto;font-size:40px;font-weight:400;transition:transform .4s}.practice-row:hover,.practice-row:focus-visible,.practice-row:hover>span,.practice-row:focus-visible>span{color:var(--bg)}.practice-row:hover b{transform:translate(5px,-5px)}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px;display:flex}.section-head h2{margin:0}.section-head p{margin:0;font-size:13px}.posters{grid-template-columns:repeat(3,1fr);gap:30px;padding-top:12px;display:grid}.work:nth-child(2){padding-top:60px}.work:nth-child(3){padding-top:22px}.poster{aspect-ratio:2/3;color:#d8d0c4;background:#20241f;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.poster-top{letter-spacing:2px;z-index:1;font-size:8px;position:relative}.poster strong{writing-mode:vertical-rl;letter-spacing:14px;margin-top:50px;font-size:clamp(36px,5vw,66px);font-weight:400;position:relative}.poster-en{letter-spacing:4px;z-index:1;margin-top:auto;font-size:9px}.poster small{z-index:1;margin-top:16px;font-size:9px}.poster-art{border:1px solid #797165;border-radius:50%;width:85%;height:85%;position:absolute;top:35%;left:30%;transform:rotate(-30deg)}.poster-one{background:radial-gradient(at 20% 90%,#5d644d,#0000 60%),#20251e}.poster-two{color:#25231f;background:#b7ab98}.poster-two .poster-art{background:#474d49;border:0;border-radius:0;width:90%;top:45%;left:-20%;transform:rotate(25deg)}.poster-three{background:radial-gradient(at 90% 80%,#a5432e,#0000 70%),#2b1c19}.poster-three .poster-art{background:#b7ab98;border-radius:0;width:2px;height:100%;top:0;left:48%;transform:rotate(32deg)}.work-caption{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.work-caption h3{margin:0;font-size:18px;font-weight:500}.work p{margin-top:6px;font-size:11px}.text-link{text-underline-offset:7px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.notes-list>a{border-top:1px solid var(--divider);align-items:center;gap:32px;padding:30px 0;display:flex}.notes-list>a:last-child{border-bottom:1px solid var(--divider)}.note-index{color:var(--muted);font-size:12px}.tag{letter-spacing:1px;color:var(--muted);font-size:11px}.notes-list h3{margin:12px 0 0;font-size:clamp(19px,2.5vw,29px);font-weight:500}.notes-list .arrow{margin-left:auto;font-size:25px}.notes-list a:hover h3{color:var(--accent)}.stage-placeholder{background:var(--surface);flex-direction:column;justify-content:space-between;min-height:350px;padding:35px;display:flex;position:relative;overflow:hidden}.stage-placeholder>span{letter-spacing:3px;font-size:11px}.stage-placeholder strong{color:var(--display);font-size:clamp(28px,4vw,52px);font-weight:500;line-height:1.5}.stage-placeholder small{color:var(--muted);font-size:10px}.stage-placeholder:after{content:"↗";color:#302d28;font-size:330px;position:absolute;top:-60px;right:6%}.closing{border-top:1px solid var(--divider);max-width:1240px;margin:140px auto 90px;padding:50px 64px}.closing p{letter-spacing:2px;font-size:11px}.closing h2{margin:36px 0;font-size:clamp(42px,6vw,80px)}.closing>span{color:var(--muted);font-size:13px}footer{border-top:1px solid var(--divider);max-width:1440px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:30px 64px;font-size:11px;display:flex}footer small{width:100%;font-size:10px}.inner{max-width:1368px;min-height:75vh;margin:auto;padding:75px 64px 120px}.inner h1{color:var(--display);letter-spacing:-.045em;margin:0 0 30px;font-size:clamp(48px,6.5vw,88px);line-height:1.2}.lead{max-width:740px;margin-bottom:65px;font-size:clamp(19px,2vw,25px)}.inner-section{margin-top:100px;scroll-margin-top:40px}.inner-section h2{font-size:36px}.product-panel{background:var(--surface);padding:48px;position:relative;overflow:hidden}.product-panel h3{margin:30px 0 18px;font-size:40px;font-weight:500}.product-panel p{z-index:1;max-width:500px;position:relative}.product-graphic{color:#37342e;font-size:250px;position:absolute;top:-30px;right:70px}.filters{flex-wrap:wrap;gap:10px;margin-bottom:35px;display:flex}.filters button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;min-height:44px;padding:12px 20px}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.filters sup{margin-left:8px;font-size:10px}.activity-list article{border-top:1px solid var(--divider);grid-template-columns:35px 1fr 140px 100px;align-items:center;gap:20px;padding:25px 0;display:grid}.activity-list article>span,.activity-list small{color:var(--muted);font-size:12px}.activity-list h3{margin:0;font-size:18px;font-weight:400}.fine{margin-top:28px;font-size:12px}.reading{max-width:880px;min-height:75vh;margin:auto;padding:75px 64px 140px}.reading h1{color:var(--display);margin:28px 0;font-size:clamp(34px,4vw,54px);line-height:1.4}.reading h2{margin:60px 0 20px;font-size:27px}.reading p{font-size:18px;line-height:1.9}.reading p.tag{margin-top:35px;font-size:12px}.reading hr{border:0;border-top:1px solid var(--divider)}.reading aside{border-left:2px solid var(--accent);background:var(--surface);margin-top:35px;padding:20px;font-size:14px}.reading a:not(.text-link){text-underline-offset:4px;text-decoration:underline}.swatches{gap:12px;display:flex}.swatches span{border:1px solid var(--border);text-align:center;flex:1;padding:35px 10px;font-size:12px}.will-enter{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(32px)}.will-enter.visible{opacity:1;transform:none}@media (min-width:1600px){.hero{max-width:1440px;margin:auto}}@media (max-width:1024px){header{padding:0 32px}.hero{padding-left:32px;padding-right:32px}.hero-meta,.hero-bottom{left:32px;right:32px}.section,.inner{padding-left:32px;padding-right:32px}.about-grid{gap:48px}.practice-row{gap:20px}.practice-row h3{gap:18px;min-width:42%}.practice-row>span{max-width:220px}.section-head p{max-width:260px}.posters{gap:20px}.portrait{margin-top:10px}.header-note{display:none}}@media (max-width:767px){header{height:84px;padding:0 20px}.brand{font-size:24px}nav{gap:18px}nav a{font-size:13px}nav a span{display:none}.hero{height:calc(90svh - 84px);min-height:620px;padding:60px 20px}.hero-title{letter-spacing:-.06em;font-size:clamp(42px,10.8vw,70px);line-height:1.18}.hero-meta{font-size:10px;top:24px;left:20px;right:20px}.hero-meta span:last-child{display:none}.hero-person{flex-wrap:wrap;gap:12px;margin-top:30px;font-size:14px}.hero-person span{padding-left:12px}.hero-bottom{letter-spacing:0;font-size:9px;left:20px;right:20px}.hero-tip{display:none}.hero-orbit{width:340px;height:340px}.section{padding:76px 20px 10px}.eyebrow{gap:15px;margin-bottom:32px;font-size:10px}.about-grid{grid-template-columns:1fr;gap:32px}.portrait{aspect-ratio:4/4.5;width:85%;max-width:420px}.about h2{font-size:27px}.about p{font-size:16px}.experience>div{grid-template-columns:24px 48px 1fr;gap:12px}.experience p{font-size:12px}.practice-heading{align-items:start;gap:20px}.practice-heading h2{font-size:34px}.practice-heading p{max-width:130px;margin:7px 0 0;font-size:11px}.practice-row{flex-wrap:wrap;gap:15px;min-height:110px;padding:15px 8px}.practice-row h3{letter-spacing:-2px;gap:15px;min-width:0;font-size:44px}.practice-row h3 small{font-size:8px}.practice-row>span{display:none}.practice-row b{font-size:30px}.section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:28px}.section-head h2{font-size:34px}.section-head p{max-width:none}.posters{scroll-snap-type:x proximity;gap:18px;padding-bottom:15px;display:flex;overflow-x:auto}.work{scroll-snap-align:start;flex:0 0 80%}.work:nth-child(2),.work:nth-child(3){padding-top:0}.poster strong{font-size:60px}.notes-list>a{gap:18px;padding:25px 0}.notes-list h3{font-size:19px;line-height:1.5}.notes-list .tag{font-size:10px}.stage-placeholder{min-height:300px;padding:25px}.stage-placeholder:after{font-size:270px;top:-20px;right:-50px}.stage-placeholder strong{z-index:1}.closing{margin:90px 20px 60px;padding:40px 0 0}.closing h2{font-size:43px}.closing p{font-size:9px}footer{gap:15px;padding:25px 20px;font-size:10px}footer>span{display:none}.inner{padding:50px 20px 80px}.inner h1{font-size:52px}.lead{margin-bottom:45px;font-size:20px}.inner-section{margin-top:65px}.inner-section h2{font-size:30px}.product-panel{padding:28px}.product-panel h3{font-size:32px}.product-graphic{font-size:180px;top:0;right:-20px}.filters{gap:8px}.filters button{padding:10px 12px;font-size:12px}.activity-list article{grid-template-columns:25px 1fr;gap:12px}.activity-list h3{font-size:16px}.activity-list article>span:nth-child(3),.activity-list small{grid-column:2}.reading{padding:45px 20px 90px}.reading p{font-size:16px}.reading h2{font-size:25px}.swatches{gap:8px}.swatches span{padding:28px 5px;font-size:10px}}@media (max-width:480px){.menu-button{color:var(--text);background:0 0;border:0;min-width:60px;min-height:44px;font-size:13px;display:block}nav{background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:5px;padding:20px;display:none;position:absolute;top:76px;left:20px;right:20px}nav.open{display:flex}nav a{justify-content:space-between}nav a span{display:block}html:not(:has(.menu-button[aria-expanded])) nav{display:flex}}@media (max-width:375px){header,.section,.inner,.reading{padding-left:16px;padding-right:16px}.hero-person{font-size:13px}.hero-bottom{left:16px;right:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.will-enter{opacity:1;transform:none}.reveal-overlay{display:none}}.project-practice-row h3{letter-spacing:-.04em;flex-wrap:wrap;gap:12px 22px;min-width:52%;font-size:clamp(36px,4.4vw,64px)}.project-practice-row h3 small{letter-spacing:1px}.project-practice-row>span{flex:1}@media (max-width:767px){.project-practice-row h3{flex:1;min-width:0;font-size:clamp(28px,7.6vw,44px)}.project-practice-row>span{flex-basis:100%;order:3;max-width:none;font-size:12px;display:block}.project-practice-row{gap:12px}.project-practice-row h3 small{font-size:9px}}.contact-list>a{border-top:1px solid var(--divider);grid-template-columns:190px 1fr 30px;align-items:center;gap:24px;min-height:110px;padding:40px 0;display:grid}.contact-list>a:last-child{border-bottom:1px solid var(--divider)}.contact-list strong{overflow-wrap:anywhere;font-size:clamp(20px,2.8vw,36px);font-weight:400}.contact-list>a:hover strong{color:var(--accent)}.contact-list>a>span:last-child{font-size:28px}@media (max-width:767px){.contact-list>a{grid-template-columns:1fr 30px;gap:18px;padding:28px 0}.contact-list .tag{grid-column:1/-1}.contact-list strong{font-size:clamp(18px,5vw,26px)}}.language-switch{flex-shrink:0;align-items:center;gap:7px;font-size:12px;display:flex}.language-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 7px}.language-switch button[aria-pressed=true]{color:var(--accent);font-weight:700}.language-switch>span{color:var(--muted)}.skill-row{grid-template-columns:135px 1fr!important}.project-title{max-width:900px;font-size:clamp(25px,3vw,40px)}.experience>div{grid-template-columns:28px 95px 1fr}.product-panel p{max-width:800px}html[lang=en] .hero-title{letter-spacing:-.055em;font-size:clamp(54px,6.4vw,96px)}html[lang=en] .project-practice-row h3{overflow-wrap:anywhere;font-size:clamp(28px,3.4vw,48px)}html[lang=en] .inner h1{font-size:clamp(42px,6vw,80px)}.section#contact{padding-bottom:100px}@media (max-width:767px){html[lang=en] .hero-title{font-size:clamp(30px,7.7vw,58px);line-height:1.25}html[lang=en] .hero-person{gap:10px;font-size:12px}.hero-person strong{text-align:center;flex-basis:100%}.experience>div{grid-template-columns:24px 75px 1fr}.skill-row{grid-template-columns:95px 1fr!important}.practice-heading{flex-wrap:wrap}.practice-heading p{max-width:none}.project-practice-row h3{min-width:0!important}.section#contact{padding-bottom:65px}}@media (max-width:480px){header{gap:12px}.menu-button{margin-left:auto}.language-switch{gap:2px}.language-switch button{padding:10px 5px}html[lang=en] .project-practice-row h3{font-size:28px}}@media (prefers-reduced-motion:no-preference){.reveal.touch-reveal .reveal-overlay{clip-path:circle(130px at var(--x) var(--y))}}@media (max-width:767px){.hero-person span{border-left:0;padding-left:0}.hero-person span+span{border-left:1px solid var(--divider);padding-left:12px}html[lang=zh-CN] .hero-title{padding-left:.55em}}