@font-face{font-family:Archivo;src:url('assets/fonts/Archivo-Variable.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#e8e9e1;--ink:#11130f;--muted:#565b50;--line:#b5b9ac;--ease:cubic-bezier(.2,.78,.18,1);--motion:800ms;--type-width:112;--type-weight:510;color-scheme:light}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:24px;z-index:100;background:var(--ink);color:var(--paper);padding:15px}.skip-link:focus{top:10px}.landing{height:100dvh;min-height:850px;padding:0 28px;display:flex;flex-direction:column;overflow:hidden}.site-header{height:91px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.brand{display:block;line-height:0}.brand img{width:183px;height:auto}.site-header nav{display:flex;gap:46px;align-items:center}.site-header nav button{font-family:Plex,monospace;font-size:13px;min-height:44px;padding:0 2px}.site-header nav button:hover{text-decoration:underline;text-underline-offset:5px}#language-button{min-width:34px}.masthead{position:relative;flex-shrink:0;height:clamp(147px,13.1vw,245px);margin-top:5px}.masthead h1{font-size:clamp(150px,16.25vw,308px);font-weight:510;font-variation-settings:'wdth' 120,'wght' 510;line-height:.73;letter-spacing:-.088em;padding-bottom:.09em;margin-left:-.055em}.masthead-note{position:absolute;left:69%;top:10px;font-family:Plex,monospace;font-size:13px;line-height:1.55;letter-spacing:-.15px}.note-secondary{display:inline-block;color:var(--muted);margin-top:20px}.field{--cols:1.78fr .73fr .49fr;position:relative;display:grid;grid-template-columns:var(--cols);gap:20px;flex:1;min-height:310px;transition:grid-template-columns var(--motion) var(--ease);padding-top:14px}.tile{--offset:0px;margin-top:var(--offset);height:calc(100% - var(--offset));min-width:0;transition:margin-top var(--motion) var(--ease),height var(--motion) var(--ease)}.tile:nth-child(2){--offset:50px}.tile:nth-child(3){--offset:110px}.work-trigger{width:100%;height:100%;padding:0;display:flex;flex-direction:column;text-align:left;position:relative}.image-window{display:block;position:relative;width:100%;flex:1;min-height:0;overflow:hidden;background:#d2d5c9}.work-image{width:100%;height:100%;object-fit:cover;transition:object-position 900ms var(--ease),filter 400ms}.tile:nth-child(1) .work-image{object-position:50% 50%}.tile:nth-child(2) .work-image{object-position:53% 47%}.identity-window{background:#d1d5c7}.identity-window .work-image{object-fit:contain;padding:18%;filter:none}.caption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:baseline;position:relative;width:100%;padding:13px 0 9px;min-height:44px;font-size:15px;line-height:1.25;white-space:nowrap}.project-number{font-family:Plex,monospace;font-size:11px;color:var(--muted)}.project-name{overflow:hidden;text-overflow:ellipsis;letter-spacing:-.35px}.project-type{display:none;font-family:Plex,monospace;font-size:10px;color:var(--muted);margin-left:auto}.tile.is-active .caption{grid-template-columns:auto minmax(0,1fr) auto}.tile.is-active .project-type{display:block}.enter-label{position:absolute;right:15px;bottom:16px;background:var(--paper);color:var(--ink);font-family:Plex,monospace;padding:11px 14px;font-size:12px;opacity:0;transform:translateY(8px);transition:opacity 220ms,transform 220ms}.work-trigger:hover .enter-label,.work-trigger:focus-visible .enter-label{opacity:1;transform:none}.identity-window .enter-label{background:var(--ink);color:var(--paper)}.field[data-active='1']{--cols:.58fr 1.87fr .55fr}.field[data-active='1'] .tile:nth-child(1){--offset:72px}.field[data-active='1'] .tile:nth-child(2){--offset:0px}.field[data-active='1'] .tile:nth-child(3){--offset:100px}.field[data-active='2']{--cols:.75fr .64fr 1.61fr}.field[data-active='2'] .tile:nth-child(1){--offset:64px}.field[data-active='2'] .tile:nth-child(2){--offset:110px}.field[data-active='2'] .tile:nth-child(3){--offset:0px}.field[data-active='2'] .identity-window .work-image{padding:8%}.word-variable{flex-shrink:0;pointer-events:none;position:relative;font-size:clamp(116px,14.7vw,285px);font-variation-settings:'wdth' var(--type-width),'wght' var(--type-weight);font-weight:510;line-height:.76;letter-spacing:-.082em;text-align:right;white-space:nowrap;margin:22px -.015em 0 0;transition:font-variation-settings var(--motion) var(--ease)}.site-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:58px;padding-top:5px;gap:24px;font-family:Plex,monospace;font-size:11px;color:var(--muted)}.site-footer button{font-family:inherit;font-size:inherit;min-height:40px;padding:0;text-decoration:underline;text-underline-offset:4px}
dialog{color:var(--ink);border:0}dialog::backdrop{background:#11130f38;backdrop-filter:blur(4px)}.project-dialog{margin:0;width:100%;max-width:none;height:100dvh;max-height:none;background:var(--paper);padding:0;overflow-y:auto;overscroll-behavior:contain}.project-dialog::backdrop{background:var(--paper);backdrop-filter:none}.project-content{min-height:100%;padding:0 32px}.project-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:82px;border-bottom:1px solid var(--line);font-family:Plex,monospace;font-size:12px}.project-category{color:var(--muted)}.close-project{min-height:44px;padding:0 8px;white-space:nowrap;font-family:inherit;font-size:13px}.project-heading{display:flex;align-items:baseline;gap:28px;padding:44px 0 40px}.project-heading>p{font-family:Plex,monospace;font-size:13px}.project-heading h2{font-size:clamp(48px,7vw,116px);font-weight:450;letter-spacing:-.067em;line-height:1;font-variation-settings:'wdth' 102,'wght' 450}.project-layout{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);gap:6vw;align-items:start}.project-cover-frame{height:clamp(440px,58vh,760px);background:#d1d5c7}.project-cover-frame>img{width:100%;height:100%;object-fit:cover}.project-cover-frame.is-identity>img{object-fit:contain;padding:13%}.image-provenance{font-family:Plex,monospace;color:var(--muted);font-size:11px;line-height:1.6;max-width:760px;margin-top:15px}.project-text{padding-top:2px;max-width:470px}.project-text h3{font-size:clamp(28px,2.7vw,46px);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin-bottom:29px}.project-text>p{font-size:17px;line-height:1.55;margin-bottom:20px}.project-text>p[lang]{font-family:Archivo,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.8}.project-facts{margin:30px 0 24px;padding-top:15px;border-top:1px solid var(--line);font-family:Plex,monospace;font-size:11px;line-height:1.65;display:grid;grid-template-columns:86px 1fr;gap:10px;color:var(--muted)}.project-secondary{margin-top:30px}.project-secondary img{width:100%;height:160px;object-fit:cover}.project-secondary.identity-detail img{object-fit:contain;object-position:left center;background:#d1d5c7;padding:26px}.project-secondary p{font-family:Plex,monospace;font-size:10px;color:var(--muted);line-height:1.5;margin-top:8px}.project-footer{border-top:1px solid var(--line);margin-top:42px;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:90px;font-family:Plex,monospace;font-size:11px;color:var(--muted)}.project-footer button{font-family:Archivo,sans-serif;font-size:22px;letter-spacing:-.6px;min-height:50px;color:var(--ink)}.transition-image{position:fixed;object-fit:cover;max-width:none;pointer-events:none;z-index:50;transform-origin:top left;background:#d1d5c7}.info-dialog{background:var(--paper);margin:16px 16px 16px auto;padding:28px 34px;width:min(640px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);height:calc(100dvh - 32px);overflow:auto}.info-top{display:flex;justify-content:space-between;align-items:center;font-family:Plex,monospace;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:20px}.info-top button{min-height:44px}.info-dialog h2{font-size:60px;line-height:1;font-weight:450;letter-spacing:-3px;margin:54px 0 35px}.info-dialog p{font-size:19px;line-height:1.6;max-width:490px;margin-bottom:25px}.info-dialog p.small{font-family:Plex,monospace;font-size:12px;line-height:1.7;color:var(--muted)}.info-dialog p[lang]{font-size:16px}.info-logo{width:75px;height:auto;margin-top:45px}.index-list{list-style:none;padding:0;margin:0}.index-list li{border-bottom:1px solid var(--line)}.index-list button{display:grid;grid-template-columns:40px 1fr;text-align:left;gap:12px;width:100%;padding:24px 0;align-items:center;font-size:30px;letter-spacing:-1px}.index-list .num{font-family:Plex,monospace;font-size:12px;color:var(--muted)}
.field{grid-template-rows:minmax(0,1fr)}.tile{min-height:0}.work-image{position:absolute;inset:0}
@media(min-width:1900px){.landing{padding-inline:38px}.field{gap:28px}.site-header{height:108px}.masthead-note{font-size:15px}.caption{font-size:18px}.project-type{font-size:12px}.site-footer{min-height:64px}}
@media(max-width:1100px) and (min-width:701px){.landing{min-height:780px;padding-inline:22px}.masthead{height:160px}.masthead h1{font-size:174px}.masthead-note{left:67%;font-size:11px;top:3px}.site-header nav{gap:25px}.field{gap:14px}.caption{font-size:13px;gap:7px}.tile.is-active .caption{grid-template-columns:auto 1fr}.tile.is-active .project-type{display:none}.word-variable{font-size:14.8vw}.project-layout{gap:35px;grid-template-columns:1.3fr 1fr}.project-category{max-width:240px;font-size:10px}.project-cover-frame{height:500px}.project-text>p{font-size:15px}.project-text>p[lang]{font-size:13px}}
@media(max-width:700px){html{scrollbar-gutter:auto}.landing{height:auto;min-height:100dvh;padding-inline:18px;overflow:hidden}.site-header{height:83px;gap:18px}.brand img{width:146px}.site-header nav{gap:15px}.site-header nav button{font-size:10px;min-height:44px}#language-button{min-width:20px}.masthead{height:146px;margin-top:17px}.masthead h1{font-size:28.8vw;line-height:.8;font-variation-settings:'wdth' 105,'wght' 510;letter-spacing:-.087em}.masthead-note{position:relative;left:0;top:auto;font-size:10px;line-height:1.4;margin-top:17px;display:flex;gap:5px;flex-wrap:wrap}.masthead-note br{display:none}.masthead-note .note-secondary{display:none}.field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:360px 280px;flex:none;gap:30px 16px;padding-top:0;transition:none;min-height:0}.field .tile{margin-top:0!important;height:100%!important;--offset:0px;transition:none}.field .tile:first-child{grid-column:1/-1}.field .tile:nth-child(3){margin-top:46px!important;height:calc(100% - 46px)!important}.field[data-active]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.caption{font-size:13px;gap:7px;padding-top:12px;min-height:40px}.project-number{font-size:10px}.tile.is-active .caption{grid-template-columns:auto 1fr auto}.tile:first-child .project-type{display:block;font-size:10px}.tile:not(:first-child) .project-type{display:none}.tile:not(:first-child) .caption,.tile:not(:first-child).is-active .caption{grid-template-columns:auto minmax(0,1fr)}.identity-window .work-image{padding:19%}.field[data-active='2'] .identity-window .work-image{padding:19%}.enter-label{display:none}.word-variable{font-size:17.5vw;line-height:.88;letter-spacing:-.065em;margin:35px 0 0;font-variation-settings:'wdth' 80,'wght' 570!important;text-align:left;transition:none}.site-footer{font-size:9px;min-height:65px;gap:20px}.project-content{padding-inline:18px}.project-header{min-height:75px;gap:12px;font-size:9px}.project-category{display:none}.close-project{font-size:12px;padding:0}.project-heading{padding:32px 0 26px;gap:15px;align-items:flex-start}.project-heading>p{font-size:10px;margin-top:8px}.project-heading h2{font-size:48px;line-height:.98;letter-spacing:-2.8px}.project-layout{display:flex;flex-direction:column;gap:37px}.cover-column,.project-text{width:100%;max-width:none}.project-cover-frame{height:350px}.project-cover-frame.is-identity{height:350px}.image-provenance{font-size:10px;margin-top:12px}.project-text h3{font-size:35px;max-width:310px;margin-bottom:23px}.project-text>p{font-size:16px;line-height:1.6}.project-text>p[lang]{font-size:14px;line-height:1.8}.project-facts{font-size:10px;grid-template-columns:70px 1fr;margin-top:24px}.project-secondary img{height:220px}.project-footer{margin-top:30px;align-items:flex-start;flex-direction:column;padding:20px 0;gap:12px;font-size:10px}.project-footer button{font-size:22px}.info-dialog{padding:18px 22px;margin:10px;width:calc(100% - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.info-dialog h2{font-size:47px;margin-top:40px;letter-spacing:-2px}.info-dialog p{font-size:17px}.info-dialog p[lang]{font-size:14px}.index-list button{font-size:25px}.info-dialog p.small{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{--motion:0ms}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}