@font-face{font-family:Space Grotesk;src:url("assets/SpaceGrotesk.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#000;--surface:#0d0d0f;--line:#2c2c30;--text:#f2f1ee;--muted:#a4a4ad;--accent:#ff5749;--max:1600px;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:#595960 #080809}body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#c93024;color:white}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}button:active,a:active{transform:scale(.98)}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover:disabled{transform:none}img{max-width:100%;display:block}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.03em}p{line-height:1.9}.red{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;left:20px;top:-60px;background:#fff;color:#000;z-index:100;padding:12px}.skip:focus{top:12px}.header{height:88px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#000;position:relative;z-index:10}.identity{display:flex;align-items:center;gap:22px}.identity>b{font-size:32px;letter-spacing:-2px}.identity>b>span{color:var(--accent);font-weight:400}.identity>span{font-size:12px;letter-spacing:2px;border-left:1px solid #46464b;padding-left:22px}.identity small{font-size:8px;display:block;margin-top:6px;color:var(--muted);letter-spacing:1px}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav>a{padding:14px 0;color:#c2c2c8}nav>a:hover{color:white}nav .interview-link{padding:12px 18px;border:1px solid #7c3b35;color:#fff;display:flex;gap:30px;align-items:center}.interview-link>span{color:var(--accent);font-size:17px}.interview-link:hover{background:#29110d}.hero{position:relative;min-height:590px;height:min(700px,calc(100dvh - 88px));overflow:hidden;isolation:isolate;max-width:1920px;margin:auto}.hero-image{position:absolute;right:0;top:0;bottom:0;width:75%;z-index:-1}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 1%,#000b 22%,transparent 56%),linear-gradient(0deg,#000,transparent 35%)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transition:opacity .3s}.hero-copy{position:relative;padding:70px 4.7% 0;pointer-events:none}.hero-copy h1{font-size:clamp(58px,6.5vw,112px);font-weight:400;line-height:1.02;letter-spacing:-.04em;width:max-content;max-width:100%}.hero-x{font-size:.5em;color:var(--accent);margin-left:14px;vertical-align:top;line-height:1.2}.hero-name{font-size:16px;margin-top:27px;letter-spacing:1px}.hero-name>span{color:#68686e;margin:0 13px}.hero-description{font-size:13px;color:#b9b9c0;margin-top:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px;pointer-events:auto}.primary{display:inline-flex;gap:30px;align-items:center;justify-content:center;background:#e73629;color:#fff;border:1px solid #e73629;padding:14px 19px;font-size:12px;white-space:nowrap;transition:background .2s}.primary:hover{background:#bd241b}.primary>span{font-size:18px}.text-button{padding:10px 0;font-size:11px;color:#dddde2;display:inline-flex;gap:15px;align-items:center}.text-button:hover{color:var(--accent)}.hero-case{position:absolute;right:4.5%;bottom:37px;min-width:330px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:8px 25px;padding:18px 0 0;border-top:1px solid #a6a6b277}.hero-case>span:first-child{font-size:13px}.hero-case small{font-size:9px;color:#b7b7bf;grid-column:1;letter-spacing:.5px}.hero-case .hero-case-arrow{font-size:30px;grid-row:1/3;grid-column:2;color:var(--accent)}.hero-case:hover>span:first-child{color:var(--accent)}.hero-switch{position:absolute;bottom:39px;left:4.7%;display:flex;gap:10px}.hero-switch button{width:35px;height:3px;background:#5a5a60;padding:0;transition:background .25s,width .25s;position:relative}.hero-switch button:before{content:"";position:absolute;inset:-12px 0}.hero-switch button.chosen{width:65px;background:var(--accent)}.focus-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.focus-strip p{display:flex;gap:28px;font-size:12px;color:#dddde1}.focus-strip p>span{color:#8d8d97}.focus-strip a{font-size:10px;color:#b4b4bf}.focus-strip a>span{color:var(--accent);margin-left:20px}.section{max-width:var(--max);margin:auto;padding:90px 4.5%}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px;gap:25px}.section-title h2{font-size:32px;letter-spacing:-1px}.section-title h2>span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);display:block;margin-top:13px}.section-title>p{font-size:10px;color:var(--muted);white-space:nowrap}.section-title>p strong{font-weight:500;color:#fff}.section-title>p>span{color:#55555c;margin:0 9px}.archive-layout{display:grid;grid-template-columns:172px minmax(0,1fr);gap:40px}.archive-sidebar{align-self:start;position:sticky;top:30px}.filter-title{display:flex;justify-content:space-between;padding-bottom:16px;font-size:10px;border-bottom:1px solid var(--line);color:#a0a0a9}.filter-title button{font-size:9px;color:#b3b3bb}#filters{display:flex;flex-direction:column;margin-top:10px}.filter{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px 0;font-size:11px;color:#b4b4bd;transition:color .2s}.filter small{font-size:9px;color:#84848e;font-variant-numeric:tabular-nums}.filter.selected{color:var(--accent)}.filter.selected small{color:var(--accent)}.filter.selected:before{content:"";width:12px;height:1px;background:var(--accent);margin-right:10px}.filter.selected>span{margin-right:auto}.filter:hover{color:#fff}.original-link{display:block;text-align:left;border-top:1px solid var(--line);width:100%;margin-top:15px;padding:20px 0;font-size:10px}.original-link span{display:block;font-size:8px;letter-spacing:1px;color:var(--accent);margin-top:10px}.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:25px}.search-label{width:min(360px,75%)}.search-label input{width:100%;border:0;background:none;color:#fff;font-size:11px;padding:6px 0;caret-color:var(--accent);border-radius:0}.search-label input::placeholder{color:#aaaab3;opacity:1}#resultCount{font-size:10px;color:var(--muted);white-space:nowrap}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 22px;align-items:start}.project-card{display:block;width:100%;padding:0;text-align:left}.card-cover{aspect-ratio:1.35;overflow:hidden;background:#101014;position:relative;border-radius:3px}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .4s}.card-open{position:absolute;right:12px;bottom:12px;width:35px;height:35px;display:grid;place-items:center;background:#e73629;color:#fff;font-size:20px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.project-card:hover .card-cover img,.project-card:focus-visible img{transform:scale(1.045);filter:brightness(.8)}.project-card:hover .card-open,.project-card:focus-visible .card-open{opacity:1;transform:translateY(0)}.card-title{font-size:12px;font-weight:500;margin-top:14px;line-height:1.6;letter-spacing:0}.project-card:hover .card-title{color:var(--accent)}.card-meta{font-size:9px;color:#a4a4af;display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:7px;line-height:1.5}.card-meta>span:first-child{font-size:8px;letter-spacing:.6px}.archive-note{font-size:10px;color:#91919e;margin-top:35px;border-top:1px solid var(--line);padding-top:22px}.empty{padding:80px 15px;text-align:center}.empty h3{font-size:20px}.empty p{font-size:12px;color:var(--muted);margin-top:15px}.empty button{margin-top:25px}.loading,.load-error{padding:70px 0;color:var(--muted);font-size:13px}.load-error button{color:var(--accent);padding:20px 0}.practice{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.08fr;gap:75px;align-items:center}.practice h2{font-size:clamp(30px,3.2vw,48px);line-height:1.4}.practice-lead{font-size:15px;color:#eee;margin:25px 0 14px}.practice-copy>p:not(.practice-lead){font-size:12px;line-height:2;color:#aaaab5;max-width:50ch}.practice-steps{margin:26px 0}.practice-steps>div{display:grid;grid-template-columns:72px 1fr;gap:15px;border-top:1px solid #26262b;padding:14px 0;font-size:10px}.practice-steps dt{color:#ddd}.practice-steps dd{color:#aaaab5;margin:0;line-height:1.8}.practice-visual{text-align:left;padding:0}.practice-visual img{aspect-ratio:1.55;object-fit:cover;object-position:top;border:1px solid #34343c;filter:brightness(.9);transition:filter .3s}.practice-visual:hover img{filter:brightness(1.1)}.practice-visual>span{font-size:10px;color:#a5a5b0;display:flex;justify-content:space-between;padding-top:15px}.practice-visual>span>span{color:var(--accent)}.about{border-top:1px solid var(--line)}.about-top{display:grid;grid-template-columns:260px minmax(0,1fr);gap:75px}.portrait-wrap{max-width:260px}.portrait-wrap img{width:100%;height:340px;object-fit:cover}.about h2{font-size:52px}.about h2 small{font-size:13px;letter-spacing:1px;font-weight:400;color:#b3b3be;display:block;margin-top:14px}.about-statement{font-size:26px;line-height:1.65;letter-spacing:-.5px;margin:32px 0 22px}.about-copy>p:not(.about-statement){font-size:12px;color:#ababB5;line-height:2.1;max-width:75ch;margin-top:14px}.about-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;margin-top:60px;padding-top:32px;border-top:1px solid var(--line)}.about-bottom h3{font-size:12px;letter-spacing:0;font-weight:400;margin-bottom:22px}.capability{display:flex;flex-wrap:wrap;gap:13px 22px;max-width:330px}.capability span{font-size:10px;color:#b0b0bc}.experience>div{display:grid;grid-template-columns:1.25fr 1fr 1.2fr;gap:15px;padding:17px 0;border-top:1px solid #25252b;font-size:11px;align-items:center}.experience time{font-size:9px;color:#a5a5b2;font-variant-numeric:tabular-nums}.experience strong{font-weight:500}.experience span{text-align:right;color:#b7b7c0;font-size:10px}.interview{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-top:80px;padding-bottom:85px}.interview h2{font-size:clamp(30px,3.5vw,52px);line-height:1.4}.interview p{font-size:11px;color:#aaaab6;margin-top:20px}.interview p:nth-of-type(1){color:#ddd}.interview-contact>span{font-size:12px;color:#b2b2be}.phone{display:flex;justify-content:space-between;align-items:center;font-size:clamp(24px,3vw,44px);letter-spacing:-1px;margin:22px 0 27px;white-space:nowrap}.phone>span{color:var(--accent);font-size:30px}.phone:hover{color:var(--accent)}.copy-button{border:1px solid #60332e;font-size:11px;padding:12px 24px}.copy-button:hover{background:#29120e}.interview-contact #copyStatus{color:var(--accent);min-height:20px;font-size:10px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 4.5%;border-top:1px solid var(--line);font-size:9px;color:#9595a2}.footer a:last-child{color:#ccc}.footer a:last-child span{color:var(--accent);margin-left:15px}dialog{background:#050506;color:var(--text);border:1px solid #34343d;padding:0;overscroll-behavior:contain}dialog::backdrop{background:#000e}.project-dialog{width:min(1280px,100%);height:100dvh;max-height:100dvh;max-width:100%;border-top:0;border-bottom:0}.dialog-bar{position:sticky;top:0;z-index:5;background:#080809;border-bottom:1px solid var(--line);height:64px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.dialog-bar>span{font-size:9px;color:#aaaab5}.dialog-bar>div{display:flex;gap:14px}.dialog-bar button{padding:12px 0}.dialog-bar>div button{font-size:21px;width:32px}.dialog-bar button:hover{color:var(--accent)}.project-intro{padding:44px 6% 33px}.project-intro>span{font-size:10px;color:var(--accent);letter-spacing:1px}.project-intro h2{font-size:clamp(25px,3vw,42px);margin-top:15px;line-height:1.4}.project-intro>p{font-size:12px;color:#b5b5c0;line-height:2;margin-top:18px;max-width:75ch}.project-intro dl{display:flex;gap:65px;border-top:1px solid var(--line);padding-top:23px;margin-top:28px}.project-intro dt{font-size:9px;color:#9292a0}.project-intro dd{font-size:11px;margin:10px 0 0}.project-intro .project-note{font-size:10px;color:#92929f}.project-images{display:flex;flex-direction:column;gap:25px;padding:0 3%}.project-figure{margin:0}.image-button{width:100%;padding:0;display:block;cursor:zoom-in;background:#0b0b0d}.image-button img{width:100%;height:auto;max-height:none;object-fit:contain}.project-figure figcaption{font-size:9px;color:#9696a2;padding:10px 0;line-height:1.7}.project-bottom{padding:50px 6%;display:flex;justify-content:space-between}.project-bottom button{font-size:13px}.project-bottom button:first-child{color:var(--accent)}.project-bottom button>span{margin-left:15px}.reader{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;background:#0a0a0d}.reader-bar{position:sticky;top:0;background:#111115;height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:11px;z-index:3}.reader-bar>span{font-size:10px;color:#aaaab7}.reader-bar button:hover{color:var(--accent)}.reader-canvas{min-height:calc(100dvh - 145px);padding:25px 4%;display:flex;align-items:center;justify-content:center}.reader-canvas button{padding:0;cursor:zoom-in;width:min(1450px,100%)}.reader-canvas img{width:100%;max-height:calc(100dvh - 195px);object-fit:contain;height:auto}.reader-controls{display:flex;align-items:center;justify-content:center;gap:25px;padding:15px;background:#111115;position:sticky;bottom:0;min-height:70px;font-size:11px}.reader-controls button{padding:8px 15px;font-size:20px}.reader-controls input{width:55px;background:#22222a;border:1px solid #50505c;color:#fff;text-align:center;font-size:11px;padding:6px;font-variant-numeric:tabular-nums}.reader-thumbnails{position:fixed;right:0;top:60px;bottom:70px;width:310px;background:#15151bf5;z-index:4;overflow:auto;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;border-left:1px solid #3d3d47}.reader-thumbnails button{padding:0;background:#0a0a0c}.reader-thumbnails img{aspect-ratio:16/9;object-fit:contain;width:100%}.reader-thumbnails span{display:block;font-size:9px;padding:8px}.reader-thumbnails button.selected{outline:1px solid var(--accent)}.lightbox{width:100%;height:100dvh;max-width:100%;max-height:100dvh;border:0;background:#08080b;overflow:auto}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:15px 4%;background:#08080be8;z-index:5;font-size:11px;gap:20px}.lightbox-bar span{font-size:10px;color:#b4b4c0}.lightbox-bar button{padding:10px}.lightbox img{max-width:90%;max-height:84dvh;object-fit:contain;cursor:zoom-in;margin:auto}.lightbox img.zoomed{max-width:none;max-height:none;min-width:90%;width:1600px;cursor:zoom-out}.lb-prev,.lb-next{position:fixed;top:47%;padding:12px;background:#1a1a22;border:1px solid #454552;z-index:4;font-size:24px}.lb-prev{left:1%}.lb-next{right:1%}.lightbox>p{position:fixed;bottom:10px;font-size:9px;color:#a5a5b4;background:#08080bd9;padding:8px}.image-error{padding:60px 20px;font-size:12px;color:#c6c6d0}.image-error button{display:block;color:var(--accent);margin:20px auto 0}
@media(min-width:1700px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy{padding-top:100px}.hero h1{font-size:112px}.hero-image{width:72%}}
@media(max-width:1100px){.header{height:78px}nav{gap:23px}.hero{height:620px;min-height:570px}.hero-copy{padding-top:75px}.hero h1{font-size:66px}.hero-image{width:82%}.hero-image:after{background:linear-gradient(90deg,#000 0,#000b 20%,transparent 65%),linear-gradient(0deg,#000,transparent 50%)}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-case{min-width:280px}.section{padding-top:70px;padding-bottom:70px}.archive-layout{grid-template-columns:145px minmax(0,1fr);gap:27px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px}.practice{gap:40px}.about-top{grid-template-columns:210px 1fr;gap:45px}.about-bottom{gap:40px}.interview{gap:45px}.focus-strip p{gap:18px}.focus-strip a{font-size:9px}.section-title>p{font-size:9px}.section-title h2{font-size:28px}}
@media(max-width:767px){html{scroll-padding-top:25px}.header{height:72px;padding:0 5%}.identity{gap:12px}.identity>b{font-size:29px}.identity>span{padding-left:12px;font-size:11px;letter-spacing:1px}.identity small{font-size:7px}nav{gap:18px}nav>a{font-size:10px}nav>a:nth-child(2),nav>a:nth-child(3){display:none}nav .interview-link{padding:9px 11px;gap:10px}.hero{height:730px;min-height:0;max-height:calc(100dvh + 70px)}.hero-copy{padding:35px 5% 0}.hero-copy h1{font-size:clamp(42px,8.7vw,64px);letter-spacing:-.035em}.hero-name{margin-top:19px;font-size:12px}.hero-name span{margin:0 8px}.hero-description{font-size:11px;line-height:1.8;margin-top:12px}.hero-actions{flex-direction:row;align-items:center;gap:17px;margin-top:20px}.primary{font-size:10px;padding:11px 13px;gap:15px}.primary>span{font-size:15px}.text-button{font-size:9px;gap:10px}.hero-image{top:270px;bottom:35px;width:100%;height:auto}.hero-image:after{background:linear-gradient(180deg,#000,transparent 38%),linear-gradient(0deg,#000,transparent 28%)}.hero-image img{object-position:66% 50%}.hero-case{left:5%;right:5%;bottom:32px;min-width:0;gap:7px 20px}.hero-case>span:first-child{font-size:11px}.hero-case small{font-size:8px}.hero-case .hero-case-arrow{font-size:24px}.hero-switch{left:auto;right:5%;bottom:115px;gap:6px}.hero-switch button{width:20px;height:2px}.hero-switch button.chosen{width:34px}.focus-strip{padding:20px 5%;display:block}.focus-strip p{font-size:10px;justify-content:space-between;gap:12px}.focus-strip a{display:block;margin-top:13px;font-size:9px}.focus-strip a>span{margin-left:15px}.section{padding:50px 5%}.section-title{display:block;margin-bottom:26px}.section-title h2{font-size:26px}.section-title h2>span{font-size:10px;margin-top:10px}.section-title>p{font-size:9px;margin-top:17px}.archive-layout{display:block}.archive-sidebar{position:static}.filter-title{font-size:10px;padding-bottom:12px}.filter-title button{font-size:9px}#filters{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 17px;margin:8px 0 16px}.filter{font-size:10px;padding:9px 0;gap:5px}.filter small{font-size:8px}.filter.selected:before{display:none}.filter.selected>span{margin:0}.original-link{border:1px solid #38383f;padding:12px 14px;font-size:10px;display:flex;align-items:center;justify-content:space-between;margin:5px 0 23px}.original-link>span{margin:0;font-size:8px}.archive-toolbar{padding-bottom:12px;margin-bottom:22px}.search-label{width:75%}.search-label input{font-size:10px}#resultCount{font-size:9px}.gallery{gap:25px 13px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-cover{aspect-ratio:1.05}.card-title{font-size:10px;margin-top:10px;line-height:1.65}.card-meta{font-size:8px;display:block;margin-top:5px}.card-meta>span:first-child{font-size:7px;display:block;margin-bottom:4px}.card-open{width:26px;height:26px;font-size:16px;right:8px;bottom:8px}.archive-note{font-size:9px;line-height:1.9;margin-top:25px;padding-top:17px}.practice{display:flex;flex-direction:column;gap:35px}.practice h2{font-size:32px}.practice-lead{font-size:13px;margin-top:22px}.practice-copy>p:not(.practice-lead){font-size:11px}.practice-steps{margin:22px 0}.practice-steps>div{font-size:10px;padding:13px 0}.practice-visual{width:100%}.practice-visual>span{font-size:9px}.about-top{display:block}.portrait-wrap{width:115px;margin-bottom:30px}.portrait-wrap img{height:145px}.about h2{font-size:42px}.about h2 small{font-size:12px}.about-statement{font-size:22px;margin-top:24px;margin-bottom:20px}.about-copy>p:not(.about-statement){font-size:11px}.about-bottom{grid-template-columns:1fr;gap:35px;margin-top:35px;padding-top:25px}.about-bottom h3{font-size:11px;margin-bottom:18px}.capability{gap:12px 20px;max-width:none}.capability span{font-size:10px}.experience>div{font-size:10px;gap:10px;grid-template-columns:1.15fr 1fr 1.15fr}.experience time{font-size:8px}.experience span{font-size:9px}.interview{grid-template-columns:1fr;gap:35px}.interview h2{font-size:32px}.interview p{font-size:10px;margin-top:17px}.interview-contact{border-top:1px solid var(--line);padding-top:25px}.interview-contact>span{font-size:11px}.phone{font-size:30px;margin:18px 0 22px}.phone>span{font-size:25px}.copy-button{font-size:10px;padding:11px 20px}.footer{padding:22px 5%;font-size:8px;flex-wrap:wrap;gap:15px}.footer>span{display:none}.dialog-bar{height:58px;padding:0 5%;font-size:10px}.dialog-bar>span{font-size:8px}.dialog-bar>div{gap:10px}.dialog-bar>div button{font-size:18px;width:24px}.project-intro{padding:30px 6% 25px}.project-intro>span{font-size:9px}.project-intro h2{font-size:25px;margin-top:13px}.project-intro>p{font-size:11px;line-height:1.95;margin-top:16px}.project-intro dl{gap:25px 35px;flex-wrap:wrap;padding-top:20px;margin-top:22px}.project-intro dl>div:nth-child(2){order:3;width:100%}.project-intro dt{font-size:8px}.project-intro dd{font-size:10px}.project-intro .project-note{font-size:9px}.project-images{padding:0;gap:17px}.project-figure figcaption{padding:10px 5%;font-size:8px}.project-bottom{padding:35px 6%}.project-bottom button{font-size:11px}.reader-bar{font-size:10px;padding:0 5%}.reader-bar>span{font-size:9px}.reader-canvas{padding:25px 0}.reader-controls{gap:15px;font-size:10px}.reader-controls input{width:47px}.reader-thumbnails{width:260px}.lightbox-bar{padding:12px 4%;font-size:10px}.lightbox-bar span{font-size:9px}.lightbox img{max-width:100%}.lb-prev,.lb-next{top:auto;bottom:60px;font-size:20px;padding:10px 14px}.lb-prev{left:4%}.lb-next{right:4%}.lightbox>p{font-size:8px}.lightbox img.zoomed{min-width:100%;width:1400px}}
@media(max-width:380px){.identity>span{display:none}.hero-copy h1{font-size:8.9vw}.hero-actions{gap:12px}.text-button{font-size:8px}.hero{height:680px}.phone{font-size:27px}.section-title>p{font-size:8px}.experience>div{grid-template-columns:1fr 1fr}.experience time{grid-column:1/-1}.experience span{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
svg{display:inline-block;width:18px;height:18px;vertical-align:middle;flex-shrink:0}.hero-case-arrow svg{width:28px;height:28px}.phone>span svg{width:29px;height:29px}.card-open svg{width:19px;height:19px}.dialog-bar svg{width:20px;height:20px}.lb-prev svg,.lb-next svg{width:24px;height:24px}.original-link>span svg{width:13px;height:13px}.reader-controls svg{width:20px;height:20px}

@keyframes reveal-work{from{clip-path:inset(0 0 0 12%);filter:none}to{clip-path:inset(0);filter:none}}.hero-image img{animation:reveal-work .8s cubic-bezier(.2,.7,.2,1) both}.hero-x{margin-left:10px}

@media(min-width:768px){.archive-sidebar{max-height:calc(100dvh - 60px);overflow-y:auto;padding-right:10px;scrollbar-width:thin}}
/* Original cover and exhibition layout, revised to the supplied portfolio reference. */
:root{--max:1920px;--accent:#ff5143}.header{height:76px;padding:0 4%;border-bottom-color:#242424}.identity>b{font-size:28px}.identity>span{font-size:11px}.cover-entry{max-width:1920px;margin:0 auto;background:#000}.original-cover{display:block;position:relative;width:100%;isolation:isolate;overflow:hidden;cursor:pointer}.original-cover>img{width:100%;height:auto;max-height:calc(100dvh - 145px);object-fit:contain;animation:none;filter:none}.original-cover:active{transform:none}.cover-enter{position:absolute;right:4%;bottom:11%;display:flex;align-items:center;gap:24px;background:#080808e8;border:1px solid #ff514366;padding:16px 20px;color:#fff;transition:background .25s,transform .25s}.cover-enter>span{font-size:13px;letter-spacing:2px}.cover-enter small{display:block;font-size:8px;letter-spacing:2px;color:#aaa;margin-top:6px}.cover-enter>svg{width:26px;height:26px;color:#ff5143}.original-cover:hover .cover-enter,.original-cover:focus-visible .cover-enter{background:#bd281d;transform:translateY(-4px)}.original-cover:hover .cover-enter svg{color:white}.cover-footer{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 4%;border-top:1px solid #2c2c30;border-bottom:1px solid #2c2c30}.cover-footer p{font-size:13px;letter-spacing:1px}.cover-footer p>span{font-size:10px;color:#999;margin-left:22px}.cover-footer>div{display:flex;gap:30px}.cover-footer .text-button{font-size:10px}.cover-year{font-size:9px;color:#777;letter-spacing:2px}.archive.section{padding:85px 4% 70px}.section-title{margin-bottom:30px}.section-title h2{font-size:44px;font-weight:500;letter-spacing:-2px}.section-title h2>span{display:inline-block;margin:0 0 0 20px;font-size:11px;letter-spacing:2px;color:#808080}.section-title>p{font-size:10px}.archive-layout{display:block}.archive-sidebar{position:static;max-height:none;overflow:visible;padding:0;border-top:1px solid #333;border-bottom:1px solid #333;margin-bottom:24px;display:grid;grid-template-columns:1fr auto;gap:0 25px;align-items:center}.filter-title{display:flex;grid-column:1/-1;border:0;padding:19px 0 0;font-size:10px;color:#999}.filter-title button{font-size:10px}#filters{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 22px;margin:12px 0 17px}.filter{padding:8px 0;gap:5px;font-size:11px;white-space:nowrap}.filter small{font-size:8px;align-self:flex-start;line-height:1.5;color:#666}.filter.selected:before{display:none}.filter.selected>span{margin:0}.filter.selected{border-bottom:1px solid var(--accent)}.original-link{border:0;width:auto;white-space:nowrap;padding:10px 0;margin:0;font-size:10px;align-self:end;margin-bottom:18px}.original-link>span{font-size:8px;margin-top:7px}.archive-toolbar{border:0;padding:0;margin-bottom:25px}.search-label{width:min(320px,70%)}.search-label input{border-bottom:1px solid #363636;font-size:11px;padding:9px 0}.gallery{display:block;column-count:4;column-gap:25px}.project-card{display:inline-block;vertical-align:top;break-inside:avoid;margin:0 0 34px;padding:0;transition:transform .25s var(--ease)}.card-cover{aspect-ratio:auto;border-radius:10px;background:#111;overflow:hidden}.card-cover img{width:100%;height:auto;object-fit:contain;min-height:0;transition:transform .65s var(--ease),filter .4s}.project-card:hover .card-cover img,.project-card:focus-visible img{transform:scale(1.035);filter:brightness(.82)}.card-open{width:42px;height:42px;bottom:16px;right:16px;border-radius:50%;background:#f3f2ef;color:#111}.card-open svg{width:22px;height:22px}.card-title{font-size:12px;line-height:1.7;margin-top:12px;color:#e3e3e3}.card-meta{font-size:9px;color:#85858c;margin-top:5px}.card-meta>span:first-child{font-size:8px;letter-spacing:1px}.project-intro{padding:40px 6%;display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.project-intro h2{font-size:clamp(25px,3vw,40px);margin:0;max-width:15ch}.project-intro>p{margin:0;align-self:center;font-size:12px;line-height:2.1}.project-intro dl{grid-column:1/-1;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:28px;margin-bottom:0}.project-intro .project-note{grid-column:1/-1;max-width:none;margin-top:16px;font-size:9px}.project-story{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:28px;padding-top:24px;border-top:1px solid #27272b}.project-story h3{font-size:11px;letter-spacing:1px;font-weight:400;color:#ddd;margin-bottom:10px}.project-story p{font-size:11px;color:#95959e;line-height:1.9}.project-images{padding:0 3%;gap:32px}.project-figure figcaption{font-size:10px;padding:12px 0;color:#999}.practice,.about,.interview{max-width:1600px}.archive-note{margin-top:10px}.practice-visual img{aspect-ratio:16/9;object-fit:contain;background:#080808}
@media(min-width:1700px){.gallery{column-count:5;column-gap:30px}.card-title{font-size:13px}.filter{font-size:12px}#filters{gap:5px 25px}.archive.section{padding-top:100px}}
@media(max-width:1100px){.gallery{column-count:3;column-gap:20px}.archive-sidebar{grid-template-columns:1fr}.original-link{display:none}.cover-footer>div{gap:20px}.cover-year{display:none}.section-title h2{font-size:36px}}
@media(max-width:767px){.header{height:68px;padding:0 5%}.original-cover{padding:18px 0 0}.original-cover>img{max-height:none;width:100%;height:auto}.cover-enter{position:static;justify-content:space-between;gap:20px;padding:15px 17px;margin:22px 5% 0;border-color:#57332f;background:#170b09}.cover-enter>span{font-size:12px}.cover-enter small{font-size:8px;display:inline;margin-left:14px;letter-spacing:1px}.cover-enter>svg{width:22px;height:22px}.cover-footer{display:block;padding:22px 5%;margin-top:22px}.cover-footer p{font-size:12px}.cover-footer p>span{font-size:10px;margin-left:17px}.cover-footer>div{gap:25px;margin-top:9px}.cover-footer .text-button{font-size:9px}.cover-footer svg{width:14px;height:14px}.archive.section{padding:45px 5%}.section-title{display:block;margin-bottom:22px}.section-title h2{font-size:30px;letter-spacing:-1px}.section-title h2>span{font-size:8px;letter-spacing:1px;margin-left:13px}.section-title>p{font-size:9px;margin-top:14px}.archive-sidebar{margin-bottom:19px}.filter-title{padding-top:15px;font-size:9px}#filters{gap:1px 16px;margin:10px 0 13px}.filter{font-size:10px;padding:8px 0}.filter small{font-size:7px}.gallery{column-count:2;column-gap:14px}.project-card{margin-bottom:23px}.card-cover{border-radius:7px}.card-title{font-size:10px;line-height:1.7;margin-top:9px}.card-meta{font-size:8px;margin-top:4px;display:block}.card-meta>span:first-child{font-size:7px;display:block;margin-bottom:3px}.card-open{width:28px;height:28px;right:9px;bottom:9px;opacity:1;transform:none;background:#111b;color:#fff}.card-open svg{width:15px;height:15px}.project-intro{display:block;padding:30px 6%}.project-intro h2{max-width:100%;font-size:26px;margin:0}.project-intro>p{font-size:11px;margin-top:17px}.project-intro dl{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.project-intro dl>div:nth-child(2){order:0;width:auto}.project-story{gap:25px;grid-template-columns:1fr;margin-top:23px;padding-top:20px}.project-story h3{font-size:10px}.project-story p{font-size:10px}.archive-note{font-size:9px;line-height:1.9}.project-images{gap:20px}.project-figure figcaption{padding:10px 4%;font-size:9px}}
@media(prefers-reduced-motion:reduce){.original-cover:hover .cover-enter{transform:none}}

.gallery{display:grid;grid-template-columns:repeat(var(--columns,4),minmax(0,1fr));column-gap:25px;align-items:start}.gallery-column{display:flex;flex-direction:column;gap:34px;min-width:0}.project-card{margin:0}@media(max-width:1100px){.gallery{column-gap:20px}}@media(max-width:767px){.gallery{column-gap:14px}.gallery-column{gap:23px}}

.gallery.single{max-width:620px}.gallery.single .gallery-column{width:100%}
/* Exhibition composition based on the user's four visual references. */
.header{height:92px;position:sticky;top:0;background:#080808;z-index:20;padding:0 6%;gap:30px}.header nav{margin-left:auto;gap:34px;font-size:14px}.header nav>a{position:relative}.header .nav-work{color:var(--accent)}.header .nav-work:after{content:"";position:absolute;bottom:5px;left:40%;width:20%;height:2px;background:var(--accent)}.header nav .interview-link{border-radius:30px;padding:10px 23px;font-size:12px;gap:22px}.cover-entry{background:#000}.directions,.archive{background:#242424}.directions{max-width:1920px;margin:auto;padding:85px 6% 100px}.exhibition-heading{text-align:center;position:relative;padding-top:25px;margin-bottom:55px}.exhibition-heading>span{font-size:clamp(44px,6vw,96px);font-weight:300;letter-spacing:-4px;line-height:1;color:#ffffff09;position:absolute;left:0;right:0;top:0;white-space:nowrap;pointer-events:none}.exhibition-heading h2{font-size:26px;color:var(--accent);position:relative;font-weight:500;letter-spacing:2px}.exhibition-heading p{font-size:11px;color:#a4a4a4;margin-top:14px;position:relative;letter-spacing:2px}.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.direction-card{background:#191919;display:block;transition:transform .35s var(--ease)}.direction-card>div{aspect-ratio:1.38;overflow:hidden;background:#0f0f0f}.direction-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.direction-card section{padding:20px 18px 23px}.direction-card h3{font-size:23px;letter-spacing:0;display:flex;align-items:center;justify-content:space-between}.direction-card h3 svg{width:22px;height:22px;color:var(--accent)}.direction-card p{font-size:12px;color:#929292;margin-top:7px}.direction-card section>span{font-size:10px;color:var(--accent);display:block;margin-top:14px;letter-spacing:.3px}.direction-card:hover,.direction-card:focus-visible{transform:translateY(-5px)}.direction-card:hover img{transform:scale(1.04)}.archive.section{max-width:1920px;padding:60px 3% 90px}.section-title{margin-bottom:35px;padding-bottom:35px;border-bottom:1px solid #393939;align-items:center}.section-title h2{font-size:58px;font-weight:500;letter-spacing:-2px;white-space:nowrap}.section-title h2>.heading-suffix{font-size:28px;color:#e8e8e8;letter-spacing:0;margin-left:8px}.section-title h2>.heading-en{font-size:26px;letter-spacing:-1px;color:#737373;margin-left:20px}.section-title>p{font-size:11px}.archive-sidebar{border:0;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.filter-title{display:none}.filter-options{display:flex;align-items:flex-start;gap:20px;flex:1}.filter-options #filters{margin:0;gap:5px 26px}.filter{font-size:12px;padding:10px 0}.filter small{font-size:8px}.filter:nth-child(n+8){display:none}.filter.selected{border:0;position:relative}.filter.selected:after{content:"";position:absolute;height:2px;bottom:2px;left:0;width:20px;background:var(--accent)}#filters.expanded .filter{display:flex}#moreCategories{font-size:11px;white-space:nowrap;color:#a3a3a3;padding:10px 0;line-height:1.5}#moreCategories span{margin-left:7px;color:var(--accent)}.original-link{margin:0;align-self:flex-start;padding:8px 0;font-size:10px}.original-link>span{display:inline-block;font-size:8px;margin:0 0 0 12px}.archive-toolbar{margin-bottom:25px}.search-label input{border-color:#414141}.gallery{column-gap:28px}.gallery-column{gap:32px}.card-cover{border-radius:14px}.card-title{color:#c9c9c9;font-size:13px;font-weight:400;margin-top:12px;line-height:1.7}.card-meta{display:block;font-size:11px;color:#858585;margin-top:2px;line-height:1.8}.card-meta>span:first-child{display:none}.card-open{background:#000c;color:#fff;border:1px solid #ffffff35;width:38px;height:38px}.project-card:hover .card-open{background:var(--accent);border-color:var(--accent)}.archive-note{border-color:#3b3b3b;color:#969696}.project-dialog{width:100%;max-width:100%;border:0;background:#242424}.dialog-bar{height:80px;background:#080808;padding:0 7%}.project-intro{max-width:1400px;margin:auto;padding:45px 55px;background:#111}.project-images{width:min(1400px,100%);padding:0;margin:auto;gap:0;background:#0a0a0a}.project-figure{position:relative}.project-figure figcaption{position:absolute;right:12px;bottom:12px;background:#000b;color:#ccc;padding:6px 10px;border-radius:3px;font-size:9px;pointer-events:none}.project-figure .image-button{background:#0a0a0a}.project-bottom{max-width:1400px;margin:auto;background:#111;padding:40px 55px}.project-story{gap:35px}.project-intro h2{font-size:36px}.project-intro dl{gap:20px 35px}.practice,.about,.interview{background:#000}.archive .single{max-width:620px}
@media(min-width:1700px){.directions{padding-left:7%;padding-right:7%}.direction-grid{gap:48px}.direction-card h3{font-size:28px}.direction-card p{font-size:14px}.direction-card section>span{font-size:12px}.archive.section{padding-left:3%;padding-right:3%}.gallery{column-gap:30px}.card-title{font-size:15px}.card-meta{font-size:12px}}
@media(max-width:1100px){.header{padding:0 4%;height:80px}.header nav{gap:22px;font-size:12px}.header nav>a:nth-child(3){display:none}.directions{padding:65px 4% 60px}.direction-grid{gap:20px}.direction-card h3{font-size:20px}.direction-card section{padding:16px}.direction-card p{font-size:11px}.direction-card section>span{font-size:9px}.section-title h2{font-size:44px}.section-title h2>.heading-suffix{font-size:25px}.section-title h2>.heading-en{font-size:22px}.filter-options #filters{gap:3px 20px}.filter{font-size:11px}.original-link{display:none}.gallery{column-gap:22px}}
@media(max-width:767px){html{scroll-padding-top:86px}.header{height:68px;padding:0 5%;gap:10px}.header nav{gap:16px;font-size:10px}.header nav>a:nth-child(2),.header nav>a:nth-child(3),.header nav>a:nth-child(4){display:none}.header nav .interview-link{padding:8px 11px;font-size:10px;gap:8px}.directions{padding:45px 5%}.exhibition-heading{padding-top:17px;margin-bottom:26px}.exhibition-heading>span{font-size:43px;letter-spacing:-2px}.exhibition-heading h2{font-size:21px}.exhibition-heading p{font-size:10px;letter-spacing:1px;margin-top:11px}.direction-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:15px;scrollbar-width:thin;scrollbar-color:#6b3a33 #242424}.direction-card{flex:0 0 83%;scroll-snap-align:start}.direction-card>div{aspect-ratio:1.45}.direction-card h3{font-size:20px}.direction-card p{font-size:11px}.direction-card section>span{font-size:9px}.archive.section{padding:30px 5% 50px}.section-title{display:block;margin-bottom:18px;padding-bottom:22px}.section-title h2{font-size:38px}.section-title h2>.heading-suffix{font-size:21px;margin-left:5px}.section-title h2>.heading-en{font-size:19px;letter-spacing:-.5px;margin-left:14px}.section-title>p{font-size:9px;margin-top:13px}.archive-sidebar{margin-bottom:18px}.filter-options{display:block}.filter-options #filters{gap:0 17px;flex-wrap:wrap}.filter{font-size:11px;padding:10px 0}.filter small{font-size:7px}#moreCategories{font-size:10px;margin-top:6px;padding:3px 0}.archive-toolbar{margin-bottom:20px}.search-label input{font-size:10px}.gallery{column-gap:14px}.gallery-column{gap:25px}.card-cover{border-radius:9px}.card-title{font-size:11px;margin-top:10px}.card-meta{font-size:9px;margin-top:3px}.dialog-bar{height:62px;padding:0 5%}.project-intro{padding:30px 6%}.project-intro h2{font-size:25px}.project-intro dl{gap:20px}.project-figure figcaption{font-size:8px;right:6px;bottom:6px;padding:4px 7px}.project-bottom{padding:30px 6%}.archive-note{margin-top:24px}}
@media(min-width:768px){.project-intro,.project-images,.project-bottom{width:min(1400px,80%)}.project-intro{padding:40px 4%}.project-intro h2{font-size:32px}.project-intro>p{font-size:12px}.project-bottom{padding:35px 4%}}

.cover-footer>div{flex-wrap:wrap}.pdf-download{color:var(--accent)}.interview-pdf{display:inline-block;font-size:11px;margin:0 20px 15px 0;color:var(--accent)}@media(max-width:767px){.cover-footer>div{gap:8px 20px}.interview-pdf{font-size:10px}}