@font-face{font-family:Studio;src:local('Helvetica Neue');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#eeece6;color:#252522;font-family:Studio,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}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 #a44428;outline-offset:6px}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,p{margin:0}::selection{background:#292925;color:#eeece6}.skip-link{position:fixed;z-index:100;left:24px;top:-100px;background:#222;color:#fff;padding:12px}.skip-link:focus{top:20px}.section-shell{padding-left:4.2%;padding-right:4.2%}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;position:absolute;inset:0 0 auto;z-index:10}.signature{width:101px;height:70px;display:flex;align-items:center}.signature img{width:100%;height:100%;object-fit:contain}.header nav{display:flex;gap:30px;margin-left:11%;font-size:12px}.header nav a{position:relative;padding:9px 0}.header nav a:after{content:'';position:absolute;bottom:2px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}.header nav a:hover:after{width:100%}.header-tools{display:flex;align-items:center;gap:38px;font-size:11px}.city{color:#73736c}.languages{display:flex;gap:7px;align-items:center}.languages button{padding:9px 0;color:#85857d;font-size:11px}.languages button.active{color:#242420}.languages>span{color:#a8a89f}.hero{height:min(900px,100svh);min-height:750px;position:relative;padding:143px 4.2% 0;overflow:hidden}.hero-top{display:flex;justify-content:space-between;position:relative;z-index:2}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.25px;font-weight:500;line-height:1.6}.hero-top .eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.hero-discipline{font-size:12px;line-height:1.5;width:170px}.hero h1{font-size:clamp(85px,12.55vw,220px);font-weight:450;line-height:1.07;letter-spacing:-.074em;position:relative;z-index:3;margin-top:28px;white-space:nowrap;pointer-events:none}.name-dot{color:#242420}.hero-art{position:absolute;width:79%;max-width:1260px;right:-1%;top:26%;bottom:2%;z-index:1;pointer-events:none}.hero-art{top:37%;display:flex;justify-content:center}.hero-art img{mask-image:linear-gradient(to right,transparent,#000 14%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);mask-composite:intersect}.hero-art img{width:auto;max-width:none;height:100%;object-fit:contain;mix-blend-mode:multiply}.hero-note{position:absolute;left:4.2%;top:57%;z-index:4}.small-cross{font-size:40px;font-weight:300;display:block;margin-bottom:23px}.hero-note p{font-size:17px;line-height:1.5;letter-spacing:-.35px}.hero-bottom{position:absolute;bottom:30px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:10px}.scroll-link{display:flex;gap:45px;align-items:center}.scroll-link>span:last-child{font-size:20px}.art-caption{color:#72726a;position:absolute;left:42%}.hero-index{letter-spacing:1px}.intro{border-top:1px solid #cecdc5;display:grid;grid-template-columns:1fr 2fr 70px;padding-top:76px;padding-bottom:100px;align-items:start}.intro p{font-size:clamp(25px,3vw,46px);line-height:1.21;letter-spacing:-1.5px}.intro p span{color:#92928a}.intro-arrow{font-size:52px;line-height:1;justify-self:end}.work{padding-top:32px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.section-heading h2{font-size:clamp(40px,4.6vw,72px);line-height:1.05;font-weight:400;letter-spacing:-2.8px;margin-top:24px}.filters{display:flex;gap:22px;align-items:center;padding-bottom:7px}.filters button{font-size:12px;color:#85857d;padding:8px 0}.filters button.active{color:#222;border-bottom:1px solid #222}.filters sup{font-size:9px;margin-left:5px}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:26px;row-gap:63px}.project{grid-column:span 6;min-width:0}.project:nth-child(1){grid-column:span 7}.project:nth-child(2){grid-column:span 5;margin-top:95px}.project:nth-child(3){grid-column:span 5}.project:nth-child(4){grid-column:span 7;margin-top:90px}.project:nth-child(5){grid-column:span 7}.project:nth-child(6){grid-column:span 5;margin-top:100px}.project:nth-child(7){grid-column:span 5}.project:nth-child(8){grid-column:span 7;margin-top:95px}.project[hidden]{display:none}.project-grid.filtered .project{grid-column:span 6;margin-top:0}.project-art{display:block;position:relative;width:100%;aspect-ratio:1.27;overflow:hidden;padding:0;text-align:left;background:#e2e0d9}.project-art>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.project-art:hover>img{transform:scale(1.035)}.project-art .view-icon{position:absolute;right:17px;bottom:17px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#eeece6;color:#222;opacity:0;transform:translateY(7px);transition:.25s;font-size:19px}.project-art:hover .view-icon,.project-art:focus-visible .view-icon{opacity:1;transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;gap:16px;padding-top:15px;align-items:baseline}.project-meta h3{font-size:14px;font-weight:500;margin:0;letter-spacing:-.2px}.project-meta .category{font-size:10px;color:#74746d;text-align:right}.project-number{font-size:9px;margin-right:8px;color:#909087}.project-art.web{display:flex;align-items:center;justify-content:center;background:#dedbd3;padding:9% 7%}.project-art.web>img{height:auto;width:100%;object-fit:contain;box-shadow:0 18px 30px #00000012}.project-art.web:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fff1,transparent)}.project-art.tkd{background:#dedbd3}.project-art.tkfin{background:#d6d4cc}.project-art.banco{background:#e7e3dc}.project-art.taaps{background:#dcd8df}.project-art.paradigm{background:#f4f7fd;padding:12%;display:flex;align-items:center}.project-art.paradigm>img{height:auto;object-fit:contain}.project-art.bazaar{aspect-ratio:1.04}.project-art.bazaar>img{object-position:right center}.project-art.lao>img{object-position:center}.project-art.mobile{background:#dce2e3;display:flex;align-items:center;justify-content:center;gap:4%;padding:7% 8%;aspect-ratio:1.35}.project-art.mobile .phone{width:25%;height:90%;border-radius:17px;overflow:hidden;box-shadow:9px 15px 28px #253a4525;transition:transform .5s;flex-shrink:0;background:white}.project-art.mobile .phone:nth-child(2){transform:translateY(-6%)}.project-art.mobile .phone img{width:100%;height:100%;object-fit:cover;object-position:top}.project-art.mobile:hover .phone:nth-child(1){transform:translateY(-4%)}.project-art.mobile:hover .phone:nth-child(3){transform:translateY(4%)}.work-footnote{border-top:1px solid #cecdc5;padding-top:24px;display:flex;justify-content:space-between;font-size:10px;color:#787870;margin-top:64px}.marks{background:#242522;color:#e8e7df;padding:100px 0 45px;scroll-margin-top:0}.marks .section-heading{margin-bottom:60px}.marks .eyebrow{color:#999b91}.marks-description{font-size:12px;line-height:1.6;color:#a9aba0;padding-bottom:6px}.marks-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-top:1px solid #4b4c45;border-left:1px solid #4b4c45}.mark{aspect-ratio:1.12;border-right:1px solid #4b4c45;border-bottom:1px solid #4b4c45;padding:17% 15%;position:relative;display:grid;place-items:center;transition:background .3s}.mark img{width:100%;height:100%;object-fit:contain;filter:invert(1);opacity:.76;transition:opacity .3s,transform .3s}.mark:hover{background:#30312c}.mark:hover img{opacity:1;transform:scale(1.08)}.mark .mark-number{position:absolute;left:10px;bottom:8px;font-size:8px;color:#818378}.mark[hidden]{display:none}.archive-toggle{width:100%;display:flex;align-items:center;text-align:left;border-bottom:1px solid #4b4c45;padding:23px 0;font-size:12px}.archive-count{margin-left:auto;font-size:10px;color:#95988b;margin-right:28px}.archive-plus{font-size:24px;font-weight:300}.marks-footer{color:#8f9284;font-size:10px;margin-top:26px}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:8%;padding-top:130px;padding-bottom:120px}.portrait-wrap{width:145px;height:180px;margin-top:45px;overflow:hidden;background:#dfdcd5}.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);object-position:48% center;transform:scale(1.5)}.portrait-caption{font-size:9px;display:block;margin-top:13px;color:#787870}.about-copy h2{font-size:clamp(34px,3.9vw,57px);line-height:1.13;font-weight:400;letter-spacing:-2px;margin-bottom:35px}.about-copy>p{max-width:440px;font-size:14px;line-height:1.9;color:#76766d}.disciplines{margin-top:33px;display:flex;gap:20px;flex-wrap:wrap;font-size:10px}.about-signature{width:130px;height:95px;object-fit:contain;margin-top:38px}.footer{border-top:1px solid #cecdc5;padding-top:28px;padding-bottom:25px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between}.back-top{font-size:10px}.footer-name{font-size:12.6vw;line-height:1.1;letter-spacing:-.075em;margin:42px 0 35px;white-space:nowrap;position:relative}.footer-name>span{font-size:18px;letter-spacing:0;position:absolute;right:0;top:18%}.footer-bottom{font-size:9px;color:#7d7d74;padding-top:25px;border-top:1px solid #cecdc5}dialog{background:#eeece6;color:#252522;border:0;padding:30px 4%;width:94vw;max-width:1400px;max-height:92svh;overscroll-behavior:contain}dialog::backdrop{background:#1b1b19d9;backdrop-filter:blur(12px)}.viewer-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.viewer-top h2{font-size:30px;font-weight:400;letter-spacing:-1px;margin-top:8px}#viewer-close{height:42px;width:42px;border:1px solid #b8b8ac;font-size:20px;border-radius:50%;flex-shrink:0}#viewer-content{background:#e0ddd5;min-height:250px;display:flex;align-items:center;justify-content:center;padding:30px}#viewer-content>img{max-height:65svh;object-fit:contain;max-width:100%}#viewer-content.logo-view{background:#dcd9d0;padding:70px}#viewer-content.logo-view>img{width:470px;height:310px;object-fit:contain}#viewer-content.mobile-view{gap:20px;padding:40px;overflow:hidden}#viewer-content.mobile-view img{max-height:60svh;max-width:25%;object-fit:contain;box-shadow:0 12px 30px #0001}.viewer-bottom{display:flex;justify-content:space-between;font-size:10px;margin-top:22px}.viewer-bottom a{text-decoration:underline;text-underline-offset:4px}body:has(dialog[open]){overflow:hidden}html[lang=zh] .hero-discipline{line-height:1.9}html[lang=zh] h2{letter-spacing:-1px}html[lang=zh] .intro p{line-height:1.5;letter-spacing:-1px}html[lang=zh] .about-copy h2{line-height:1.4}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1650px){.section-shell{padding-left:max(4.2%,calc((100vw - 1560px)/2));padding-right:max(4.2%,calc((100vw - 1560px)/2))}.hero h1{font-size:12.3vw}}
@media(max-width:1000px){.header-tools{gap:20px}.header nav{margin-left:0;gap:20px}.hero{height:800px;min-height:700px;padding-top:135px}.hero h1{font-size:12.4vw;margin-top:45px}.hero-art{width:95%;right:-12%;top:29%;bottom:4%}.hero-note{top:50%}.art-caption{left:auto;right:60px;font-size:8px}.intro{grid-template-columns:1fr 2.2fr 40px;padding-top:60px;padding-bottom:70px}.intro p{letter-spacing:-.8px}.marks-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mark{aspect-ratio:1.4}.project-grid{column-gap:18px;row-gap:40px}.project-meta{flex-direction:column;gap:6px}.project:nth-child(even){margin-top:60px}.about{gap:5%;padding-top:90px;padding-bottom:80px}.about-copy>p{font-size:13px}.disciplines{gap:12px}.footer-name{font-size:12.3vw}}
@media(max-width:640px){html{scroll-padding-top:25px}.section-shell{padding-left:6%;padding-right:6%}.header{height:85px;padding:0 6%}.signature{width:82px;height:61px}.header nav{gap:16px;font-size:10px;margin-left:auto;margin-right:22px}.header nav a:nth-child(2){display:none}.city{display:none}.header-tools{gap:0}.languages{gap:5px}.languages button{font-size:10px}.hero{height:800px;height:calc(100svh - 10px);min-height:680px;max-height:850px;padding:120px 6% 0}.hero-top .eyebrow{font-size:8px;letter-spacing:.7px}.hero-discipline{font-size:9px;width:112px}.hero h1{font-size:22.5vw;line-height:.95;letter-spacing:-.075em;width:100%;white-space:normal;margin-top:34px;max-width:350px}.hero-art{width:140%;right:-31%;top:30%;bottom:10%}.hero-art img{object-fit:contain}.hero-note{top:auto;bottom:90px;left:6%}.small-cross{font-size:25px;margin-bottom:12px}.hero-note p{font-size:12px;line-height:1.5}.hero-bottom{left:6%;right:6%;bottom:24px;font-size:8px}.scroll-link{gap:22px}.art-caption{display:none}.hero-index{font-size:8px}.intro{grid-template-columns:1fr 30px;padding-top:45px;padding-bottom:60px;gap:26px}.intro>.eyebrow{grid-column:span 2;font-size:8px}.intro p{font-size:25px;letter-spacing:-.8px}.intro-arrow{font-size:30px}.work{padding-top:15px;padding-bottom:60px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:40px;letter-spacing:-1.8px;margin-top:17px}.filters{margin-top:27px;gap:22px}.filters button{font-size:11px}.project-grid{display:block}.project,.project:nth-child(even){margin:0 0 33px}.project-art{aspect-ratio:1.2}.project-art.bazaar{aspect-ratio:1.2}.project-art.mobile{aspect-ratio:1.2;padding:10% 8%}.project-art.mobile .phone{border-radius:12px}.project-meta{flex-direction:row;align-items:baseline;gap:12px;padding-top:12px}.project-meta h3{font-size:12px}.project-meta .category{font-size:9px}.project-art .view-icon{width:29px;height:29px;font-size:16px;opacity:1;transform:none;right:12px;bottom:12px}.project-number{font-size:8px;margin-right:5px}.work-footnote{font-size:8px;margin-top:35px;padding-top:18px}.marks{padding:60px 0 32px}.marks .section-heading{margin-bottom:30px}.marks-description{font-size:11px;margin-top:23px}.marks-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mark{aspect-ratio:1;padding:17% 12%}.mark .mark-number{font-size:6px;left:6px;bottom:5px}.archive-toggle{font-size:11px;padding:17px 0}.archive-count{font-size:9px;margin-right:18px}.marks-footer{font-size:8px;line-height:1.5}.about{display:flex;flex-direction:column;gap:38px;padding-top:60px;padding-bottom:60px}.about-label{position:relative;min-height:140px}.about-label>.eyebrow{display:block;padding-right:110px;font-size:8px;max-width:250px}.portrait-wrap{width:90px;height:112px;position:absolute;right:0;top:0;margin:0}.portrait-caption{font-size:8px;margin-top:70px}.about-copy h2{font-size:36px;letter-spacing:-1.5px;margin-bottom:25px}.about-copy>p{font-size:13px;line-height:1.9}.disciplines{font-size:9px;margin-top:25px;gap:16px}.about-signature{width:105px;height:77px;margin-top:25px}.footer{padding-top:22px;padding-bottom:20px}.footer-top .eyebrow{font-size:8px;letter-spacing:.6px}.back-top{font-size:9px}.footer-name{font-size:11.9vw;margin:38px 0 25px}.footer-name>span{font-size:10px;top:0}.footer-bottom{flex-wrap:wrap;gap:13px;font-size:7px;padding-top:18px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}dialog{width:96vw;padding:22px 5%;max-height:94svh}.viewer-top h2{font-size:24px}.viewer-top .eyebrow{font-size:8px}#viewer-close{height:34px;width:34px;font-size:16px}#viewer-content{padding:12px;min-height:180px}#viewer-content.logo-view{padding:25px}#viewer-content.logo-view>img{height:230px}#viewer-content.mobile-view{padding:18px 10px;gap:10px}#viewer-content.mobile-view img{max-width:30%}.viewer-bottom{font-size:8px;gap:20px}.reveal{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}