.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1.15rem var(--pad) .9rem;color:var(--ink);pointer-events:none;background:linear-gradient(to bottom,#fbfbfa,#fbfbfaf0 62%,#fbfbfa00)}.nav a{pointer-events:auto}.nav-mark{font-size:.92rem;font-weight:500;letter-spacing:-.02em}.nav-links{display:flex;gap:clamp(1.1rem,2.4vw,2rem)}.nav-links a{font-size:.78rem;letter-spacing:.16em;text-transform:lowercase;opacity:.72;transition:opacity .18s var(--ease)}.nav-links a:hover,.nav-links a.is-active{opacity:1}@media(max-width:640px){.nav-mark{font-size:.84rem}.nav-links a{font-size:.72rem;letter-spacing:.12em}}.site-footer{padding:3.5rem var(--pad) 2.4rem;border-top:1px solid var(--line)}.site-footer-row{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;justify-content:space-between;align-items:center;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pill)}.site-footer nav{display:flex;gap:1.2rem}.site-footer a:hover{color:var(--ink)}.site-footer-years{color:var(--mute)}@media(max-width:640px){.site-footer-years{display:none}}.category-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:7.5rem var(--pad) 4rem;overflow:hidden}.category-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0}.category-atmosphere img{position:absolute;width:min(28vw,340px);height:auto;object-fit:cover;opacity:.22;filter:blur(8px) saturate(.8);mask-image:radial-gradient(circle,#000 40%,transparent 78%);-webkit-mask-image:radial-gradient(circle,#000 40%,transparent 78%)}.category-copy{position:relative;z-index:1;width:min(920px,100%);text-align:center}.category-title{font-size:var(--title);font-weight:500;line-height:.86;letter-spacing:-.055em}.category-title span{display:block}.category-year{margin-top:.18em;font-size:var(--year-size);font-weight:500;line-height:.92;letter-spacing:-.05em;color:var(--year)}.category-zh{margin-top:1.1rem;font-family:var(--font-zh);font-size:clamp(.95rem,1.4vw,1.15rem);color:var(--ink-soft);letter-spacing:.18em}.category-cue{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--tools)}@media(max-width:720px){.category-hero{min-height:auto;padding-top:6.5rem;padding-bottom:3.2rem}.category-atmosphere img{width:42vw;opacity:.12;filter:blur(8px)}.category-cue{display:none}}.work-video{position:relative;width:100%;height:100%;background:#111}.work-video video,.work-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.work-video-poster{z-index:1;pointer-events:none}.work-video.is-contain{background:transparent}.work-video.is-contain video,.work-video.is-contain .work-video-poster{object-fit:contain}.placeholder-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#efefec;color:var(--ink)}.placeholder-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px);background-size:48px 48px}.placeholder-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(28rem,86%);padding:2rem 1.6rem;background:var(--paper);border:1px solid var(--line);text-align:center}.placeholder-kicker{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;color:var(--tools);margin-bottom:.7rem}.placeholder-card strong{display:block;font-size:1.6rem;font-weight:500;letter-spacing:-.03em}.placeholder-card p{margin-top:.7rem;color:var(--ink-soft);line-height:1.55;font-size:.95rem}.media-stage{position:relative;z-index:2;padding:8vh var(--pad) 18vh;min-height:120vh}.media-frame{position:relative;z-index:2;width:min(92vw,1280px);margin:0 auto;overflow:hidden;background:#111 center / cover no-repeat;transform-origin:center top;will-change:transform}.media-frame.is-video,.media-frame.is-wide,.media-frame.is-placeholder{aspect-ratio:16 / 9}.media-stage.is-compact{min-height:auto;padding-bottom:12vh}.media-frame.is-phone{width:min(400px,76vw);aspect-ratio:9 / 18.15;background:#0c0c0c}.media-frame.is-page{width:min(430px,78vw);aspect-ratio:auto;background:transparent;box-shadow:0 22px 48px #1111111a}.media-video,.media-image{width:100%;height:100%}.media-image{object-fit:cover}.media-frame.is-phone .media-image,.media-frame.is-page .media-image{height:auto;object-fit:contain}.media-frame.is-phone .media-video{height:100%}.media-figs{position:relative;min-height:42vh;margin-top:-8vh;pointer-events:none}.media-fig{position:absolute;width:min(280px,38vw);background:var(--paper);padding:.35rem .35rem 1.4rem;box-shadow:0 18px 40px #00000014}.media-fig img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.media-fig figcaption{position:absolute;left:.4rem;bottom:.3rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;color:var(--tools)}.media-fig-1{left:2vw;top:4vh}.media-fig-2{right:4vw;top:-6vh;width:min(340px,42vw)}.media-fig-3{left:8vw;top:28vh;width:min(240px,32vw)}.media-fig-4{right:10vw;top:22vh}.media-cta{display:flex;justify-content:center;margin-top:8vh}.open-project{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;padding:.85rem .2rem;border-bottom:1px solid var(--ink);transition:letter-spacing .24s var(--ease)}.open-project:hover{letter-spacing:.28em}@media(max-width:800px){.media-stage{min-height:auto;padding-bottom:10vh}.media-figs{display:none}.media-frame{width:100%}}.work-band{position:relative;background:var(--paper);padding-top:2.4rem}.work-band-copy{position:relative;z-index:1;width:min(820px,calc(100% - 2 * var(--pad)));margin:0 auto;text-align:center}.work-band-kicker{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tools);margin-bottom:1.1rem}.work-band-title{font-size:clamp(1.7rem,4.4vw,3.35rem);font-weight:500;letter-spacing:-.04em;line-height:1.02}.work-band-title a:hover{opacity:.62}.work-band-title em{display:block;font-style:normal}.work-band-title .is-zh{margin-top:.4rem;font-family:var(--font-zh);font-size:.48em;font-weight:400;letter-spacing:.08em;color:var(--ink-soft)}.work-band-title .is-sub{margin-top:.45rem;font-size:.38em;font-weight:400;letter-spacing:.04em;color:var(--pill)}.work-band-summary{max-width:40rem;margin:1.8rem auto 0;font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.72;color:var(--ink-soft)}.work-band-types{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:2.2rem}.work-band-types li{border:1px solid var(--pill-line);border-radius:999px;padding:.58rem 1.2rem .52rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pill);background:#ffffff8c}.work-band-tools{margin-top:.95rem;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tools)}@media(max-width:720px){.work-band{padding-top:1.4rem}.work-band-summary{margin-top:1.4rem}.work-band-types{margin-top:1.6rem}.work-band-types li{font-size:.7rem;padding:.48rem .95rem}}.home,.category-block{background:var(--paper)}.detail{padding:6.5rem 0 0}.detail-head{padding:0 var(--pad) 2.8rem;text-align:center}.detail-kicker{display:flex;justify-content:center;gap:1.2rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tools);margin-bottom:1.6rem}.detail-kicker a:hover{color:var(--ink)}.detail-head h1{font-size:clamp(2.4rem,6vw,5.2rem);font-weight:500;letter-spacing:-.045em;line-height:.95}.detail-head h1 em{display:block;font-style:normal}.detail-head h1 .is-zh{margin-top:.35rem;font-family:var(--font-zh);font-size:.42em;font-weight:400;letter-spacing:0;color:var(--ink-soft)}.detail-head h1 .is-sub{margin-top:.5rem;font-size:.28em;font-weight:400;letter-spacing:.02em;color:var(--pill)}.detail-types{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.8rem}.detail-types li{border:1px solid var(--pill-line);border-radius:999px;padding:.5rem 1.05rem;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pill)}.detail-tools{margin-top:.8rem;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tools)}.detail-hero{width:min(1240px,calc(100% - 2 * var(--pad)));margin:0 auto;background:#111;overflow:hidden}.detail-hero.is-video,.detail-hero.is-wide,.detail-hero.is-placeholder{aspect-ratio:16 / 9}.detail-hero.is-phone{width:min(400px,82vw);aspect-ratio:9 / 18.15;background:#0c0c0c}.detail-hero.is-page{width:min(430px,82vw);background:transparent}.detail-hero img,.detail-video{width:100%;height:100%}.detail-hero img{object-fit:cover}.detail-hero.is-phone img,.detail-hero.is-page img{height:auto;object-fit:contain}.detail-body{width:min(42rem,calc(100% - 2 * var(--pad)));margin:3.8rem auto 0;font-size:1.08rem;line-height:1.75;color:var(--ink-soft)}.detail-lead{color:var(--ink);font-size:1.16rem;line-height:1.65}.detail-body p+p{margin-top:1.15rem}.detail-gallery{margin:4.5rem auto 0}.detail-gallery-title{width:min(42rem,calc(100% - 2 * var(--pad)));margin:0 auto 1.8rem;text-align:center;font-size:.78rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--tools)}.detail-gallery.is-stills{width:min(1240px,calc(100% - 2 * var(--pad)));display:grid;grid-template-columns:1.15fr .85fr;gap:1.1rem}.detail-gallery.is-stills figure{position:relative;background:var(--paper-deep)}.detail-gallery.is-stills img{width:100%;height:100%;object-fit:cover}.detail-gallery.is-stills figure:nth-child(3n){grid-column:1 / -1}.detail-gallery.is-stills figcaption{position:absolute;left:.7rem;bottom:.55rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:#fff;mix-blend-mode:difference}.detail-gallery.is-labeled{display:flex;flex-direction:column;gap:3.6rem}.detail-gallery.is-labeled figure{width:min(1180px,calc(100% - 2 * var(--pad)));margin:0 auto}.detail-gallery.is-labeled figure.is-wide{width:min(1560px,calc(100vw - 2 * var(--pad)))}.detail-gallery.is-labeled h3{margin-bottom:1.05rem;text-align:center;font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--tools)}.detail-gallery.is-labeled img{width:100%;height:auto;object-fit:contain;background:var(--paper-deep)}.detail-gallery.is-pages{width:min(560px,calc(100% - 2 * var(--pad)));display:flex;flex-direction:column;align-items:center;gap:2.2rem}.detail-gallery.is-pages figure{position:relative;width:100%;background:var(--paper);box-shadow:0 18px 44px #11111114}.detail-gallery.is-pages img{width:100%;height:auto;object-fit:contain}.detail-gallery.is-pages figcaption{position:absolute;right:.75rem;bottom:.55rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--tools)}.detail-next{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:5rem;background:var(--line);border-top:1px solid var(--line)}.detail-next a{display:flex;flex-direction:column;gap:.35rem;padding:2.2rem var(--pad);background:var(--paper);font-size:1.35rem;letter-spacing:-.03em}.detail-next a:last-child{text-align:right}.detail-next span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tools)}.detail-next a:hover{background:var(--paper-deep)}@media(max-width:720px){.detail-gallery.is-stills{grid-template-columns:1fr}.detail-gallery.is-stills figure:nth-child(3n){grid-column:auto}.detail-next{grid-template-columns:1fr}.detail-next a:last-child{text-align:left}}.page{min-height:100vh;padding:8rem var(--pad) 5rem;max-width:52rem}.page-kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tools);margin-bottom:1.2rem}.page h1{font-size:clamp(2.6rem,7vw,5.6rem);font-weight:500;letter-spacing:-.05em;line-height:.92}.page h1 em{display:block;margin-top:.4rem;font-style:normal;font-size:.34em;letter-spacing:-.02em;color:var(--ink-soft);font-weight:400}.page-body{margin-top:2.6rem;font-size:1.08rem;line-height:1.7;color:var(--ink-soft);max-width:38rem}.page-body p+p{margin-top:1.1rem}.page-body code{font-family:var(--font-mono);font-size:.86em}.page-mail{font-size:1.4rem;color:var(--ink);border-bottom:1px solid var(--ink)}.page-list{margin-top:3rem;border-top:1px solid var(--line)}.page-list li{display:grid;grid-template-columns:1.2fr 1fr auto;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--line);font-size:1.05rem}.page-list strong a:hover{opacity:.62}.page-list span{color:var(--ink-soft);font-family:var(--font-zh)}.page-list em{font-style:normal;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tools)}.page-foot{margin-top:3rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.page-foot a{border-bottom:1px solid var(--ink)}@media(max-width:640px){.page-list li{grid-template-columns:1fr;gap:.2rem}}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{--paper: #fbfbfa;--paper-deep: #f3f3f0;--ink: #111111;--ink-soft: #3d3d3d;--mute: #c6c6c4;--year: #d0d0ce;--line: #dededb;--pill: #5c5c5a;--pill-line: #d2d2cf;--tools: #a8a8a5;--nav: #1a1a1a;--accent: #e8b931;--font-display: "Host Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-zh: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--pad: clamp(1.25rem, 4vw, 3.5rem);--title: clamp(3.15rem, 11.2vw, 9.15rem);--year-size: clamp(2.35rem, 9.4vw, 7.35rem);--max: 1280px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{scroll-behavior:auto}body{min-height:100%;overflow-x:hidden}#root{min-height:100%}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1,h2,h3,h4,p,ul,figure{margin:0;padding:0}ul{list-style:none}::selection{background:var(--ink);color:var(--paper)}body:before{content:"";pointer-events:none;position:fixed;inset:0;z-index:80;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.85'/%3E%3C/svg%3E")}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;padding:.6rem .9rem;background:var(--ink);color:var(--paper)}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}