@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";
:root{--paper:#eeede8;--ink:#1d1e1b;--line:#c9c8c2;--white:#f5f5f2;--muted:#62635e;--soft:#4d4e49;--title-panel:#e8e7e1;--nav-surface:#eeede8ef;--hover-ink:#768900;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--paper:#101210;--ink:#f0f1eb;--line:#454841;--muted:#b5b8ae;--soft:#c9cbc3;--title-panel:#1b1e1a;--nav-surface:#101210ef;--hover-ink:#dfff00;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;transition:background .3s,color .3s}button,a{font:inherit}a{color:inherit;text-decoration:none}video{display:block}::selection{color:#111;background:#dfff00}#works,#about,#contact{scroll-margin-top:70px}.siteNav{z-index:50;color:#fff;border-bottom:1px solid #ffffff38;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,4vw,72px);transition:background .35s,color .35s,border-color .35s;display:flex;position:fixed;top:0;left:0;right:0}.siteNavLight{background:var(--nav-surface);color:var(--ink);border-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.siteBrand{letter-spacing:-.045em;font-size:17px;font-weight:700}.siteBrand span{vertical-align:top;letter-spacing:0;margin-left:2px;font-size:8px}.siteNav nav{align-items:center;gap:clamp(22px,3.2vw,55px);display:flex}.siteNav nav a{letter-spacing:.1em;padding:10px 0;font-size:12px;font-weight:600;position:relative}.siteNav nav a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.siteNav nav a:hover:after,.siteNav nav a:focus-visible:after{transform:scaleX(1)}.siteUtilities{align-items:center;gap:8px;display:flex}.siteUtilityButton{min-height:34px;color:inherit;cursor:pointer;letter-spacing:.04em;background:0 0;border:1px solid;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex;position:relative}.siteUtilityButton:hover,.siteUtilityButton:focus-visible{color:#171817;background:#dfff00;border-color:#dfff00}.themeIcon{font-size:17px;line-height:1}.autoMark{color:#dfff00;font-size:8px}.siteUtilityButton:hover .autoMark,.siteUtilityButton:focus-visible .autoMark{color:#171817}.languageToggle{min-width:42px}.autoReset{font-size:9px}.opening{color:#fff;background:#121212;height:100svh;min-height:640px;position:relative;overflow:hidden}.openingVideo{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.openingShade{background:linear-gradient(#0008 0%,#0000 28%,#0002 55%,#000b 100%);position:absolute;inset:0}.openingTop{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:108px;left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px)}.openingBottom{justify-content:space-between;align-items:end;gap:32px;display:flex;position:absolute;bottom:clamp(32px,5vh,72px);left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px)}.openingBottom h1{letter-spacing:-.065em;margin:0;font-size:clamp(34px,5vw,80px);font-weight:600;line-height:1.12}.openingBottom h1 span{font-weight:400}.openingActions{white-space:nowrap;align-items:end;gap:clamp(25px,4vw,70px);padding-bottom:8px;display:flex}.openingActions a{letter-spacing:.04em;border-bottom:1px solid #fffc;align-items:center;gap:18px;padding-bottom:12px;font-size:12px;font-weight:600;transition:opacity .2s;display:flex}.openingActions a:hover{opacity:.68}.openingActions a span{font-size:16px}.worksSection,.aboutSection{background:var(--paper)}.worksSection{padding:120px clamp(24px,4vw,72px) 150px}.sectionEyebrow{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:11px;font-weight:600;display:flex}.worksIntro{justify-content:space-between;align-items:end;gap:35px;margin:30px 0 80px;display:flex}.worksIntro h2{letter-spacing:-.09em;margin:0;font-size:clamp(62px,10vw,160px);font-weight:600;line-height:1.05}.worksIntroEnglish h2{letter-spacing:-.07em;font-size:clamp(58px,8vw,130px)}.worksIntro p{margin:0 0 14px;font-size:13px;line-height:1.8}.projectGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,34px);display:grid}.projectCard{border-top:1px solid var(--ink);min-width:0;padding-top:16px}.projectLink{outline-offset:5px;flex-direction:column;height:100%;display:flex}.projectCover{aspect-ratio:2/3;background:#252620;position:relative;overflow:hidden}.projectCover img{object-fit:cover;filter:saturate(.86);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s}.projectLink:hover .projectCover img,.projectLink:focus-visible .projectCover img{filter:saturate();transform:scale(1.035)}.projectCoverIndex,.projectCoverArrow{z-index:1;background:var(--paper);color:var(--ink);place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute}.projectCoverIndex{letter-spacing:.08em;padding:11px 14px;top:0;left:0}.projectCoverArrow{width:52px;height:52px;font-size:20px;transition:background .25s,transform .25s;bottom:0;right:0}.projectLink:hover .projectCoverArrow,.projectLink:focus-visible .projectCoverArrow{background:#dfff00;transform:translate(-5px,-5px)}.projectInfo{flex:1;grid-template-rows:18px 120px 26px 92px 80px 50px;row-gap:10px;min-height:0;padding-top:21px;display:grid}.projectMeta{letter-spacing:.08em;justify-content:space-between;gap:16px;width:100%;font-size:11px;font-weight:700;display:flex}.projectMeta span:last-child{color:var(--muted)}.projectInfo h3{border:1px solid var(--line);background:var(--title-panel);letter-spacing:-.055em;text-wrap:balance;align-items:center;width:100%;height:100%;margin:0;padding:12px;font-size:clamp(24px,1.9vw,34px);font-weight:700;line-height:1.3;transition:background .25s,border-color .25s;display:flex}.projectLink:hover h3,.projectLink:focus-visible h3{color:#171817;background:#dfff00;border-color:#dfff00}.projectEnglish{letter-spacing:.13em;color:var(--muted);text-transform:uppercase;margin:0;font-size:10px;line-height:1.5}.projectDescription{color:var(--soft);max-width:43ch;margin:0;font-size:13px;line-height:1.75}.projectData{flex-wrap:wrap;align-content:start;gap:8px;margin:0;display:flex}.projectData span{border:1px solid var(--line);padding:8px 10px;font-size:10px;font-weight:600;line-height:1.35}.projectVisit{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;width:100%;padding:15px 0;font-size:12px;font-weight:700;transition:color .25s;display:flex}.projectVisit span{font-size:19px;line-height:1}.projectLink:hover .projectVisit,.projectLink:focus-visible .projectVisit{color:var(--hover-ink)}.projectSourceNote{color:var(--muted);margin:30px 0 0;font-size:11px;line-height:1.7}.aboutSection{border-top:1px solid var(--line);padding:100px clamp(24px,4vw,72px) 170px}.aboutGrid{grid-template-columns:1.15fr .85fr;align-items:start;gap:8vw;margin-top:100px;display:grid}.aboutGrid h2{letter-spacing:-.075em;margin:0;font-size:clamp(45px,7vw,105px);font-weight:600;line-height:1.14}.aboutSectionEnglish .aboutGrid h2{letter-spacing:-.055em;font-size:clamp(42px,5vw,75px)}.aboutText{max-width:560px;padding-top:8px}.aboutText p{margin:0 0 26px;font-size:clamp(16px,1.4vw,21px);line-height:1.9}.inlineLink{border-bottom:1px solid var(--ink);gap:26px;margin-top:20px;padding:11px 0;font-size:13px;font-weight:600;display:inline-flex}.contactSection{min-height:75svh;color:var(--white);background:#171817;flex-direction:column;padding:100px clamp(24px,4vw,72px) 110px;display:flex}.contactSection .sectionEyebrow{margin-bottom:auto}.contactSection>p{margin:80px 0 20px;font-size:15px}.contactSection h2{letter-spacing:-.09em;margin:0 0 70px;font-size:clamp(58px,10vw,160px);font-weight:600;line-height:1.03}.contactEmail{letter-spacing:-.04em;border-top:1px solid #ffffff75;justify-content:space-between;align-items:center;padding-top:22px;font-size:clamp(18px,3vw,42px);display:flex}.contactEmail:hover{opacity:.7}.siteFooter{color:#aaa;letter-spacing:.08em;background:#171817;border-top:1px solid #ffffff2b;justify-content:space-between;gap:20px;padding:25px clamp(24px,4vw,72px) 35px;font-size:10px;display:flex}.siteFooter a{color:#fff}@media (max-width:1100px){.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.siteNav{gap:12px;height:62px;padding:0 20px}.siteBrand{font-size:15px}.siteNav nav{gap:16px}.siteNav nav a{font-size:11px}.siteUtilityButton{min-height:30px;padding:0 8px}.utilityLabel{display:none}.opening{min-height:560px}.openingTop{font-size:9px;top:84px;left:22px;right:22px}.openingBottom{left:22px;right:22px;bottom:max(32px,env(safe-area-inset-bottom));display:block}.openingBottom h1{font-size:clamp(42px,10vw,68px)}.openingActions{justify-content:space-between;gap:20px;margin-top:34px}.openingActions a{gap:8px;font-size:11px}.worksSection{padding:82px 20px 100px}.sectionEyebrow{font-size:9px}.worksIntro{margin:28px 0 56px;display:block}.worksIntro h2{font-size:15vw}.worksIntroEnglish h2{font-size:11vw}.worksIntro p{margin-top:16px;font-size:12px}.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 16px}.projectInfo h3{font-size:clamp(22px,3vw,32px)}.aboutSection{padding:80px 20px 110px}.aboutGrid{margin-top:70px;display:block}.aboutGrid h2{font-size:11vw}.aboutSectionEnglish .aboutGrid h2{font-size:9vw}.aboutText{margin-top:65px}.aboutText p{font-size:16px;line-height:1.85}.contactSection{min-height:72svh;padding:78px 20px 85px}.contactSection>p{font-size:13px}.contactSection h2{margin-bottom:55px;font-size:14vw}.contactEmail{font-size:22px}.siteFooter{flex-wrap:wrap;padding:24px 20px 30px}.siteFooter span:nth-child(2){display:none}}@media (max-width:700px){.projectGrid{grid-template-columns:1fr;gap:64px}.projectCover{aspect-ratio:2/3;max-height:72svh}.projectInfo{flex-direction:column;align-items:flex-start;display:flex}.projectInfo h3{height:auto;min-height:120px;margin:23px 0 5px;font-size:clamp(28px,7vw,44px)}.projectDescription,.projectData{margin-top:18px}.projectVisit{margin-top:25px}}@media (max-width:440px){.siteNav{gap:8px;padding:0 12px}.siteBrand{font-size:13px}.siteNav nav{gap:10px}.siteNav nav a{font-size:10px}.siteUtilities{gap:4px}.siteUtilityButton{min-height:28px;padding:0 5px}.languageToggle{min-width:28px}.themeIcon{font-size:15px}.autoReset{font-size:8px}}@media (max-width:350px){.siteNav{grid-template-rows:48px 50px;grid-template-columns:1fr auto;gap:0;height:98px;padding:0 14px;display:grid}.siteBrand{grid-area:1/1}.siteUtilities{grid-area:1/2}.siteNav nav{border-top:1px solid;grid-area:2/1/auto/-1;justify-content:space-between;gap:0;width:100%}.siteNav nav a{font-size:11px}.sectionEyebrow{letter-spacing:.08em;white-space:nowrap;gap:8px;font-size:8px}.openingTop{top:120px}.worksSection:first-child,.contactSection:first-child{padding-top:120px}#works,#about,#contact{scroll-margin-top:98px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.openingVideo{display:none}.opening{background:#1b1c1a}}@media (hover:hover) and (pointer:fine){html,body{cursor:url(/cursor-middle.svg?v=2) 20 3,auto}a,button,[role=button],.siteUtilityButton{cursor:url(/cursor-middle.svg?v=2) 20 3,pointer}input,textarea,[contenteditable=true]{cursor:text}}