@font-face{font-family:Noto Serif SC Local;src:url(/fonts/noto-serif-sc-500-subset.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"Source Serif 4 Local";src:url(/fonts/source-serif-4-600-subset.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:"Source Serif 4 Local";src:url(/fonts/source-serif-4-400-subset.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--paper:#f4f1e8;--ink:#191814;--muted:#6b675f;--line:#1918142e;--acid:#c9ff4a;--coral:#ff674d;--blue:#96c6ff;--page-pad:clamp(22px, 3.5vw, 48px)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 14% 0%, #ffffffb8, transparent 34rem), var(--paper);text-rendering:optimizelegibility;margin:0;font-family:Inter,SF Pro Display,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}main{width:min(100%,1280px);padding:0 var(--page-pad);margin:0 auto;overflow:hidden}.site-header{z-index:10;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex;position:relative}.wordmark{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;font-size:12px;font-weight:720;display:inline-flex}.wordmark>span:first-child,.footer-mark{width:36px;height:36px;color:var(--paper);background:var(--ink);letter-spacing:-.08em;border-radius:50%;place-items:center;display:grid}.wordmark-name{transition:opacity .18s}.site-header nav{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:clamp(22px,3vw,46px);font-size:12px;font-weight:650;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .22s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.site-header nav .locale-link{border:1px solid var(--line);text-align:center;border-radius:999px;min-width:40px;padding:7px 9px 6px;transition:color .18s,background .18s}.site-header nav .locale-link:after{display:none}.hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:clamp(300px,38svh,390px);padding:clamp(66px,8vh,92px) 0 clamp(62px,7vh,82px);display:flex}.hero h1{letter-spacing:-.048em;margin:0;font-family:"Source Serif 4 Local",Iowan Old Style,Georgia,serif;font-size:clamp(82px,8.5vw,124px);font-weight:600;line-height:.9}.hero-role{color:var(--muted);letter-spacing:.055em;margin:clamp(22px,2.4vw,30px) 0 0;font-size:clamp(20px,1.8vw,24px);font-weight:560}.hero-intro{color:var(--muted);letter-spacing:-.012em;opacity:.72;margin:clamp(12px,1.3vw,16px) 0 0;font-family:"Source Serif 4 Local",Iowan Old Style,Georgia,serif;font-size:clamp(17px,1.45vw,20px);font-weight:400;line-height:1.4}.work{margin:0 calc(var(--page-pad) * -1);padding:clamp(54px, 5vw, 72px) var(--page-pad) clamp(96px, 10vw, 150px);color:var(--paper);background:var(--ink)}.section-heading{margin-bottom:clamp(34px,4vw,52px)}.section-heading h2{letter-spacing:-.045em;max-width:880px;margin:0;font-family:"Source Serif 4 Local",Iowan Old Style,Georgia,serif;font-size:clamp(38px,4.2vw,58px);font-weight:600;line-height:1}.project-list{border-bottom:1px solid #f1efe838}.project-row{isolation:isolate;border-top:1px solid #f1efe838;grid-template-columns:minmax(62px,.23fr) minmax(280px,1.2fr) minmax(200px,.65fr) minmax(116px,.28fr);align-items:center;gap:26px;min-height:188px;padding:30px 18px 30px 0;transition:color .26s,padding .26s;display:grid;position:relative}.project-row:before{z-index:-1;content:"";background:var(--paper);transform-origin:bottom;transition:transform .32s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scaleY(0)}.project-number,.project-meta{color:#f1efe880;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:720;transition:color .26s}.project-copy{flex-direction:column;gap:17px;display:flex}.project-title{letter-spacing:-.055em;font-size:clamp(31px,3.6vw,54px);font-weight:530;line-height:.95}.project-description{color:#f1efe89e;max-width:500px;font-size:clamp(14px,1.15vw,17px);line-height:1.5;transition:color .26s}.project-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-arrow{font-size:26px;font-weight:400;transition:transform .26s}.project-visual{width:min(100%,260px);height:116px;color:var(--ink);border-radius:4px;justify-content:center;justify-self:center;align-items:center;transition:transform .32s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden;transform:rotate(-2deg)}.cinema-visual{background:var(--coral);flex-direction:column;gap:19px}.cinema-visual .screen{background:var(--ink);border-radius:50%;width:64%;height:6px;box-shadow:0 10px 22px #11130f33}.cinema-visual .seats{perspective:120px;grid-template-columns:repeat(4,1fr);gap:6px;width:52%;display:grid}.cinema-visual .seats i{background:var(--ink);border-radius:3px 3px 7px 7px;height:35px;transform:rotateX(-24deg)}.environment-visual{background:var(--acid);gap:6px;padding:0 12px;transform:rotate(1.5deg)}.environment-visual span{border:1px solid var(--ink);border-radius:999px;padding:10px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(8px,.78vw,11px);font-weight:750}.environment-visual span:nth-child(2){color:var(--acid);background:var(--ink)}.tabs-visual{background:var(--blue);grid-template-rows:repeat(3,22px);align-content:center;gap:8px;padding-left:38px;display:grid;transform:rotate(-1deg)}.tabs-visual i{background:var(--ink);border-radius:2px;width:58%;position:relative}.tabs-visual i:nth-of-type(2),.tabs-visual i:nth-of-type(3){margin-left:28px}.tree-line{background:var(--ink);width:1px;height:61px;position:absolute;top:51px;left:calc(21% + 15px)}footer{justify-content:space-between;align-items:end;gap:50px;min-height:270px;padding:72px 0 42px;display:flex}footer>div:first-child{align-items:center;gap:20px;display:flex}footer p{max-width:270px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.footer-links{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:34px;font-size:11px;font-weight:650;display:flex}.footer-links a{color:var(--ink)}.locale-zh{font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,Inter,sans-serif}.locale-zh .hero h1{letter-spacing:-.045em;font-family:Noto Serif SC Local,Songti SC,STSong,serif;font-size:clamp(72px,6.5vw,96px);font-weight:500;line-height:1}.locale-zh .section-heading h2{letter-spacing:-.045em;font-family:Noto Serif SC Local,Songti SC,STSong,Noto Serif CJK SC,Georgia,serif;font-style:normal}.locale-zh .hero-role{color:var(--ink);letter-spacing:.02em;opacity:.72;margin-top:clamp(20px,2vw,26px);font-family:Noto Serif SC Local,Songti SC,STSong,serif;font-size:clamp(24px,2vw,28px);font-weight:500;line-height:1.2}a:focus-visible{outline:2px solid var(--coral);outline-offset:5px}@media (hover:hover){.site-header nav a:hover:after{transform-origin:0;transform:scaleX(1)}.site-header nav .locale-link:hover{color:var(--paper);background:var(--ink)}.wordmark:hover .wordmark-name{opacity:.55}.project-row:hover{color:var(--ink);padding-left:18px}.project-row:hover:before{transform-origin:top;transform:scaleY(1)}.project-row:hover .project-number,.project-row:hover .project-meta,.project-row:hover .project-description{color:#11130f94}.project-row:hover .project-visual{transform:rotate(0)scale(1.06)}.project-row:hover .project-arrow{transform:translate(4px,-4px)}.footer-links a:hover{text-underline-offset:5px;text-decoration:underline}}@media (max-width:820px){main{padding:0 18px}.site-header{height:76px}.site-header nav a:first-child,.wordmark-name{display:none}.hero{min-height:280px;padding:58px 0 54px}.hero h1{font-size:clamp(68px,19vw,94px)}.hero-role{margin-top:24px;font-size:19px}.hero-intro{margin-top:14px;font-size:17px}.work{margin:0 -18px;padding:58px 18px 96px}.section-heading h2{font-size:clamp(36px,10vw,48px)}.locale-zh .hero h1{font-size:clamp(66px,19vw,86px)}.locale-zh .hero-role{font-size:23px}.project-row{grid-template-columns:42px 1fr auto;grid-template-areas:"number copy arrow""visual visual visual";gap:20px 12px;min-height:250px;padding:30px 0}.project-number{grid-area:number;align-self:start;padding-top:7px}.project-copy{grid-area:copy;gap:12px}.project-title{font-size:clamp(29px,8.5vw,46px)}.project-meta{grid-area:arrow;align-self:start}.project-meta>span:first-child{display:none}.project-visual{grid-area:visual;justify-self:end;width:calc(100% - 54px);max-width:none;height:122px}footer{flex-direction:column;justify-content:end;align-items:start;min-height:300px}.footer-links{justify-content:space-between;gap:16px;width:100%}}@media (max-width:460px){.hero h1{font-size:14.5vw}footer>div:first-child{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}