:root{--paper: #eceae6;--paper-deep: #e0dcd5;--ink: #141414;--mute: #6f6a63;--accent: #e12100;--serif: "Cormorant Garamond", "Noto Serif SC", "Songti SC", serif;--mono: "IBM Plex Mono", "SF Mono", monospace;--sans: -apple-system, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#fff}.mono{font-family:var(--mono)}section[id]{scroll-margin-top:84px}.blend{mix-blend-mode:difference;color:#fff}.site-head{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 28px;pointer-events:none}.site-head a{pointer-events:auto;text-decoration:none;color:inherit}.wordmark{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1;letter-spacing:.04em;display:flex;flex-direction:column;gap:4px}.wordmark-en{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.32em}.site-nav{display:flex;gap:34px}.site-nav a{display:flex;flex-direction:column;align-items:flex-end;gap:3px;transition:opacity .25s}.site-nav a:hover{opacity:.55}.nav-en{font-family:var(--mono);font-size:11px;letter-spacing:.24em}.nav-zh{font-size:12px;letter-spacing:.42em}.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#0c0c0c}.hero-slides{position:absolute;top:0;right:0;bottom:0;left:0}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.1s ease}.hero-slide.is-active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-zone{position:absolute;top:0;bottom:0;width:50%;z-index:5}.hero-zone--prev{left:0;cursor:w-resize}.hero-zone--next{right:0;cursor:e-resize}.hero-title{position:absolute;left:28px;bottom:44px;z-index:6;pointer-events:none}.hero-kicker{font-size:11px;letter-spacing:.3em;margin-bottom:18px}.hero-h1{font-family:var(--serif);font-weight:600;font-size:clamp(56px,9vw,128px);line-height:.94;letter-spacing:.02em}.hero-h1-en{font-weight:400;font-size:.52em;letter-spacing:.06em}.hero-sub{margin-top:20px;font-size:13px;letter-spacing:.18em}.hero-dots{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:10px;mix-blend-mode:difference}.hero-dot{width:18px;height:2px;background:#ffffff59;border:none;padding:0;cursor:pointer;transition:background .3s}.hero-dot.is-active{background:#fff}.hero-counter{position:absolute;right:28px;bottom:44px;z-index:6;font-size:12px;letter-spacing:.2em;pointer-events:none}main{display:block}.works{padding:110px 28px 90px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;padding-bottom:26px;border-bottom:1px solid var(--ink);margin-bottom:34px}.section-title{font-family:var(--serif);font-weight:600;font-size:clamp(34px,4.6vw,60px);line-height:1.05}.section-title-en{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.28em;color:var(--mute);margin-left:14px;vertical-align:8px}.filter-bar{display:flex;flex-wrap:wrap;gap:4px 22px}.filter-btn{background:none;border:none;border-bottom:1px solid transparent;padding:2px 0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--mute);cursor:pointer;transition:color .25s,border-color .25s}.filter-btn:hover{color:var(--ink)}.filter-btn.is-active{color:var(--accent);border-bottom-color:var(--accent)}.filter-btn .count{font-size:9px;vertical-align:5px;margin-left:3px}.grid{columns:3;column-gap:22px}.work{break-inside:avoid;margin-bottom:30px;cursor:pointer}.work.is-hidden{display:none}.work-frame{overflow:hidden;outline:1px solid transparent;outline-offset:-1px;transition:outline-color .3s}.work:hover .work-frame{outline-color:var(--ink)}.work-frame img{width:100%;display:block;background:var(--paper-deep)}.work-cap{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:10px}.work-id{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.08em;white-space:nowrap}.work-titles{min-width:0}.work-zh{font-size:14px;font-weight:600;letter-spacing:.06em;transition:color .25s}.work:hover .work-zh{color:var(--accent)}.work-en{font-family:var(--mono);font-size:10px;color:var(--mute);letter-spacing:.08em;margin-top:3px}.work-cat{font-family:var(--mono);font-size:10px;color:var(--mute);letter-spacing:.14em;white-space:nowrap}.about{padding:40px 28px 110px}.about-statement{font-family:var(--serif);font-size:clamp(22px,2.8vw,34px);line-height:1.55;max-width:22em;margin-bottom:64px}.about-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.col-title{font-size:10px;letter-spacing:.26em;color:var(--accent);padding-bottom:12px;border-bottom:1px solid rgba(20,20,20,.25);margin-bottom:16px}.cap-list{list-style:none}.cap-list li{font-size:12px;letter-spacing:.06em;color:var(--ink);padding:7px 0;border-bottom:1px solid rgba(20,20,20,.08)}.contact{background:var(--ink);color:var(--paper);padding:110px 28px 90px;text-align:center}.contact-kicker{font-size:11px;letter-spacing:.3em;color:#eceae68c;margin-bottom:30px}.contact-mail{font-family:var(--serif);font-size:clamp(30px,5.4vw,72px);font-weight:500;color:var(--paper);text-decoration:none;border-bottom:1px solid rgba(236,234,230,.35);padding-bottom:8px;transition:color .3s,border-color .3s}.contact-mail:hover{color:var(--accent);border-bottom-color:var(--accent)}.contact-note{margin-top:34px;font-size:11px;letter-spacing:.18em;color:#eceae680}.site-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:22px 28px;font-size:10px;letter-spacing:.18em;color:var(--mute);border-top:1px solid rgba(20,20,20,.15)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;visibility:hidden}.lightbox.is-open{visibility:visible}.lb-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0c0cf2;opacity:0;transition:opacity .28s ease}.lightbox.is-open .lb-backdrop{opacity:1}.lb-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:84vh;object-fit:contain;opacity:0;transition:opacity .2s ease;z-index:2}.lightbox.is-open .lb-img.is-ready{opacity:1}.lb-caption{position:absolute;left:28px;bottom:26px;z-index:3;color:#fff;font-size:12px;letter-spacing:.12em;opacity:0;transition:opacity .3s .15s;line-height:1.8}.lb-counter{position:absolute;right:28px;bottom:26px;z-index:3;color:#fff;font-size:12px;letter-spacing:.2em;opacity:0;transition:opacity .3s .15s}.lightbox.is-open .lb-caption,.lightbox.is-open .lb-counter{opacity:1}.lb-caption .lb-cat{color:#ffffff80;margin-left:14px}.lb-close{position:absolute;top:22px;right:26px;z-index:4;width:40px;height:40px;background:none;border:none;cursor:pointer;opacity:0;transition:opacity .3s .15s}.lightbox.is-open .lb-close{opacity:1}.lb-close span{position:absolute;top:50%;left:50%;width:26px;height:1.5px;background:#fff}.lb-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.lb-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;background:none;border:none;color:#fff;font-family:var(--mono);font-size:26px;padding:24px 22px;cursor:pointer;opacity:0;transition:opacity .3s .15s}.lightbox.is-open .lb-arrow{opacity:.55}.lb-arrow:hover{opacity:1!important}.lb-arrow--prev{left:12px}.lb-arrow--next{right:12px}.flip-clone{position:fixed;z-index:70;object-fit:cover;pointer-events:none}@media (max-width: 1024px){.grid{columns:2}.about-cols{grid-template-columns:1fr;gap:34px}}@media (max-width: 640px){.site-head{padding:16px 18px}.site-nav{gap:20px}.grid{columns:1}.works,.about{padding-left:18px;padding-right:18px}.hero-title{left:18px;bottom:72px}.hero-counter{right:18px;bottom:26px}.hero-dots{display:none}.lb-arrow{padding:14px 10px;font-size:20px}.lb-caption{left:18px;right:18px;bottom:52px}.lb-counter{right:18px;bottom:24px}.section-title-en{display:block;margin-left:0;margin-top:8px;vertical-align:0}}