@font-face{font-family:Geist;src:url(/fonts/Geist-var.woff2)format("woff2");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/film/fonts/GeistMono-latin.woff2)format("woff2");font-weight:400 500;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;src:url(/film/fonts/CormorantGaramond-latin.woff2)format("woff2");font-weight:500 600;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;src:url(/film/fonts/CormorantGaramond-Italic-latin.woff2)format("woff2");font-weight:500 600;font-style:italic;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Fallback;src:local(Georgia);font-weight:500 600;font-style:normal;size-adjust:88.7%;ascent-override:103.7%;descent-override:32.7%;line-gap-override:0%;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Fallback;src:local(Georgia Italic),local(Georgia-Italic);font-weight:500 600;font-style:italic;size-adjust:78.5%;ascent-override:117.2%;descent-override:36.9%;line-gap-override:0%;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --rad{syntax:"<length>";inherits:true;initial-value:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--bg-rgb:11 11 12;--surface:#141415;--text:#eeece8;--text-soft:#a9a6a0;--muted:#8a8782;--line:#eeece81f;--underline:#eeece859;--lamp:#efcf98;--accent:var(--lamp);--hover-ink:var(--lamp);--focus:var(--lamp);--on-accent:#0b0b0c;--stage-rgb:7 7 7;--stage-ink:#f1efea;--stage-fade:var(--bg);--nav-h:68px;--gutter:clamp(20px, 4vw, 56px);--maxw:1360px;--ease:cubic-bezier(.16, 1, .3, 1);--shift:12px;--nudge:3px;--zoom:1.025;--zoom-soft:1.03;--d1:clamp(3.4rem, 1.4rem + 6.4vw, 8.25rem);--d2:clamp(2.6rem, 1.2rem + 3.8vw, 5.5rem);--d3:clamp(2.1rem, 1.1rem + 2.6vw, 3.9rem);--d4:clamp(1.75rem, 1.2rem + 1.5vw, 2.75rem);--d5:clamp(1.35rem, 1rem + .9vw, 1.75rem);--display:"Cormorant Garamond", "Cormorant Fallback", "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;--sans:"Geist", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, "PingFang SC", "Microsoft YaHei", monospace}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f4f2;--bg-rgb:244 244 242;--surface:#e9e9e6;--text:#151514;--text-soft:#4f4e4a;--muted:#676661;--line:#15151421;--underline:#15151459;--hover-ink:var(--text);--focus:var(--text);--stage-fade:transparent}.hero,html[data-theme=light] .site-nav.is-overlay:not(.is-solid){--focus:var(--lamp)}body.has-accent{--accent:var(--p-accent);--hover-ink:var(--p-accent);--focus:var(--p-accent)}html[data-theme=light] body.has-accent{--accent:color-mix(in oklab, var(--p-accent) 56%, #000);--hover-ink:color-mix(in oklab, var(--p-accent) 56%, #000);--focus:color-mix(in oklab, var(--p-accent) 56%, #000);--on-accent:#f4f4f2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 12px)}html.motion{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}img{height:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul,ol{list-style:none}.icon{vertical-align:-.15em;flex-shrink:0;display:inline-block}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent);color:inherit}html[data-theme=light] ::selection{background:color-mix(in srgb, var(--p-accent,var(--lamp)) 40%, transparent)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:30;background:var(--text);color:var(--bg);padding:10px 14px;font-size:14px;font-weight:500;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}html[data-theme=light] body:has(.site-nav.is-overlay:not(.is-solid)) .skip-link{background:var(--stage-ink);color:#0b0b0c}html[data-theme=light] body:has(.site-nav.is-overlay:not(.is-solid)) .skip-link:focus-visible{outline-color:var(--lamp)}.display,.hero-title,.section-title,.feature-title,.row-title,.archive-title,.exp-role,.fact dd,.contact-email,.cs-title,.cs-section h2,.cs-note h2,.cs-next-title,.project-card-title{font-family:var(--display);letter-spacing:-.012em;font-weight:500}.feature-line,.exp-project,.cs-lede,.cs-next-line{font-family:var(--display);font-style:italic;font-weight:500}.section-title,.section-subtitle,.cs-title,.cs-section h2,.cs-note h2,.cs-system-title,.cs-next-title,.exp-role,.row-title,.feature-title,.project-card-title{text-wrap:balance}.cs-section p,.cs-note p,.cs-meta-value,.cs-next-line,.exp-points li,.about-copy>p,.project-card-line{text-wrap:pretty}html[lang=zh-CN] .hero-title{word-break:keep-all}html[lang=zh-CN] :is(.hero-title,.section-title,.exp-role){letter-spacing:.02em;line-height:1.2}html[lang=zh-CN] :is(.feature-line,.exp-project,.cs-lede,.cs-next-line,.about-lead){font-style:normal;line-height:1.7}.meta{font-family:var(--mono);color:var(--text-soft);font-size:12.5px;line-height:1.5}.text-link{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);transition:text-decoration-color .3s var(--ease), color .3s var(--ease);align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}.text-link .icon{transition:transform .4s var(--ease)}.text-link.quiet{color:var(--text-soft)}.button{white-space:nowrap;transition:background-color .35s var(--ease), transform .16s var(--ease);align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:500;display:inline-flex}.button.primary{background:var(--stage-ink);color:#0b0b0c}.button:active{transform:scale(.97)}.button .icon{transition:transform .4s var(--ease)}.site-nav{z-index:20;color:var(--text);background:rgb(var(--bg-rgb) / .84);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);transition:background-color .45s var(--ease), color .45s var(--ease), border-color .45s var(--ease), backdrop-filter .45s var(--ease), transform .4s var(--ease);position:sticky;top:0}.site-nav.is-overlay{position:fixed;inset:0 0 auto}.site-nav.is-overlay:not(.is-solid){color:var(--stage-ink);--nav-blur:0px;--nav-sat:1;-webkit-backdrop-filter:blur(var(--nav-blur)) saturate(var(--nav-sat));backdrop-filter:blur(var(--nav-blur)) saturate(var(--nav-sat));background:0 0;border-bottom-color:#0000}.nav-inner{min-height:var(--nav-h);align-items:center;gap:36px;display:flex}.logo{font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;font-size:1.7rem;font-weight:600;line-height:1}.nav-links{gap:28px;margin-left:auto;font-size:.875rem;display:flex}.nav-links a{opacity:.72;white-space:nowrap;transition:opacity .25s}.nav-tools{align-items:center;gap:10px;display:flex}.lang-switch{font-family:var(--mono);font-size:12px;display:flex}.lang-btn{opacity:.64;transition:opacity .25s ease, transform .16s var(--ease);padding:8px 7px}.lang-btn.active{opacity:1;text-underline-offset:6px;text-decoration:underline}.mode-switch{display:flex}.mode-opt{opacity:.64;place-items:center;width:32px;height:36px;transition:opacity .25s;display:inline-grid;position:relative}.nav-links .mode-opt{opacity:.64}.mode-opt[aria-current]{opacity:1}.mode-opt[aria-current]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:6px;left:9px;right:9px}.mode-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){a.mode-opt:hover{opacity:1}}.mode-switch-bar{border-left:1px solid var(--line);margin-left:4px;padding-left:10px}.mode-switch-row{display:none}@media (max-width:560px){.mode-switch-bar{display:none}.mode-switch-row{align-items:center;display:flex}.mode-switch-row [aria-current]{display:none}.mode-switch-row .mode-opt{border-left:1px solid var(--line);width:36px;height:44px;margin-left:2px}}.theme-toggle{opacity:.8;width:36px;height:36px;transition:opacity .25s ease, transform .16s var(--ease);place-items:center;display:grid}.theme-toggle span{place-items:center;display:grid}.motion-toggle{opacity:.8;width:36px;height:36px;transition:opacity .25s ease, transform .16s var(--ease);place-items:center;display:grid}.motion-toggle span{place-items:center;display:grid}.motion-toggle .icon-resume,html.motion-paused .motion-toggle .icon-pause{display:none}html.motion-paused .motion-toggle .icon-resume{display:grid}.theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-sun,html:not([data-theme]) .theme-toggle .icon-sun{display:grid}html[data-theme=dark] .theme-toggle .icon-moon,html:not([data-theme]) .theme-toggle .icon-moon{display:none}.hero{isolation:isolate;background:rgb(var(--stage-rgb));min-height:100svh;color:var(--stage-ink);align-items:end;display:grid;position:relative;overflow:hidden}.nav-sentinel{pointer-events:none;width:1px;height:48px;position:absolute;top:0;left:0}.hero-stage{z-index:-1;--rad:0px;transition:--rad 1.6s var(--ease);position:absolute;inset:0}.hero-stage.is-lit{--rad:clamp(190px, 23vw, 360px)}.hero-reel{object-fit:cover;filter:saturate(.95)contrast(1.04)brightness(1.7);width:80%;height:100%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 30%);mask-image:linear-gradient(90deg,#0000 0%,#000 30%)}.hero-lamp,.hero-dark,.hero-haze,.hero-veil{position:absolute;inset:0}.hero-lamp,.hero-dark,.hero-haze{will-change:transform}.hero-dark{background:radial-gradient(circle var(--rad) at 50% 50%, rgb(var(--stage-rgb) / 0) 0%, rgb(var(--stage-rgb) / .12) 30%, rgb(var(--stage-rgb) / .78) 68%, rgb(var(--stage-rgb) / .97) 100%);width:200%;height:200%;inset:-100% auto auto -100%}.hero-lamp,.hero-haze{inset:auto;top:calc(var(--rad) * -1);left:calc(var(--rad) * -1);width:calc(var(--rad) * 2);height:calc(var(--rad) * 2)}.hero-lamp{mix-blend-mode:color-dodge;background:radial-gradient(circle calc(var(--rad) * .9) at 50% 50%, #e6c4968c 0%, #e6c49638 50%, #e6c49600 100%)}.hero-haze{mix-blend-mode:screen;background:radial-gradient(circle calc(var(--rad) * .75) at 50% 50%, #ffdda817 0%, #ffdda809 55%, #ffdda800 100%)}.hero-veil{background:linear-gradient(90deg, rgb(var(--stage-rgb) / .74) 0%, rgb(var(--stage-rgb) / .4) 32%, rgb(var(--stage-rgb) / 0) 58%), linear-gradient(0deg, var(--stage-fade) 0%, rgb(var(--stage-rgb) / 0) 24%)}.hero-copy{padding-top:calc(var(--nav-h) + 40px);padding-bottom:clamp(56px,11vh,120px);position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.01em;color:#f1efeaad;flex-wrap:wrap;column-gap:.6ch;margin-bottom:24px;font-size:13px;display:flex}.eyebrow-name{color:var(--stage-ink);font-weight:500}.eyebrow-name:after{content:","}html[lang=zh-CN] .eyebrow{column-gap:0}html[lang=zh-CN] .eyebrow-name:after{content:"，"}.hero-title{max-width:7.6em;font-size:min(var(--d1), calc(15.4vw - 7px));text-wrap:balance;line-height:.96}.hero-intro{color:#f1efeabd;text-wrap:pretty;max-width:42ch;margin-top:28px;font-size:clamp(16px,1.15vw,18px);line-height:1.6}.button-row{flex-wrap:wrap;align-items:center;gap:30px;margin-top:36px;display:flex}.hero .text-link{--underline:#f1efea66}.motion:not([data-arrival=internal]) .hero-copy>*{opacity:0;animation:rise .8s var(--ease) forwards;transform:translateY(12px)}.motion .hero-copy>:first-child{animation-delay:.22s}.motion .hero-copy>:nth-child(2){animation-delay:.28s}.motion .hero-copy>:nth-child(3){animation-delay:.38s}.motion .hero-copy>:nth-child(4){animation-delay:.44s}@keyframes rise{to{opacity:1;transform:none}}.section{padding-top:clamp(112px,12vw,176px)}.section-head{margin-bottom:clamp(28px,3.5vw,48px)}.section-title{font-size:var(--d4);line-height:1.05}.projects-all .section-title{font-size:var(--d2)}.section-subtitle{max-width:52ch;color:var(--text-soft);margin-top:18px;font-size:17px}.media{background:var(--surface);display:block;position:relative;overflow:hidden}.media video,.media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}html[data-theme=light] :is(.media,.cs-video,.row-peek):after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #15151414}.feature-title{line-height:.95}.feature-title a{transition:color .35s var(--ease)}.feature-line{text-wrap:pretty;margin-top:.35em;padding-bottom:4px;line-height:1.28}.feature-links{flex-wrap:wrap;gap:12px 24px;display:flex}.feature-wide{flex-direction:column;display:flex}.feature-wide .media{aspect-ratio:16/9}.feature-wide .feature-body{order:-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px;margin:0 0 28px;display:grid}.feature-wide .feature-title{font-size:var(--d2);grid-column:1/span 5}.feature-wide .feature-line{font-size:var(--d5);grid-column:6/span 4;margin-top:.2em}html[lang=zh-CN] .feature-wide .feature-line{font-size:clamp(1.1rem,.95rem + .45vw,1.3rem)}.feature-wide .feature-side{grid-column:10/span 3;gap:22px;padding-top:6px;display:grid}.feature-wide .meta{gap:4px;display:grid}.feature-pair{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:clamp(104px,11vw,168px);display:grid}.feature-a{grid-column:1/span 7}.feature-b{grid-column:9/span 4;margin-top:clamp(120px,16vw,260px)}.feature-a .media{aspect-ratio:16/10}.feature-b .media{aspect-ratio:4/3}.feature-pair .feature-title{font-size:var(--d3);margin-top:26px}.feature-pair .feature-line{max-width:34ch;font-size:clamp(1.2rem,.95rem + .6vw,1.5rem)}html[lang=zh-CN] .feature-pair .feature-line{font-size:1.05rem}.feature-pair .meta{flex-wrap:wrap;gap:4px 20px;margin-top:18px;display:flex}.feature-pair .feature-links{margin-top:18px}.more{margin-top:clamp(128px,14vw,208px)}.more-title{border-bottom:1px solid var(--line);color:var(--text-soft);padding-bottom:14px;font-size:14px;font-weight:500}.row{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);align-items:center;gap:24px;padding:clamp(20px,2.1vw,28px) 0;display:grid;position:relative}.row-title{font-size:var(--d4);transition:color .2s ease, transform .32s var(--ease);line-height:1}.row:focus-visible .row-title{color:var(--hover-ink);transform:translateX(var(--shift))}.row-line{max-width:40ch;color:var(--text-soft);text-wrap:pretty;font-size:15px;line-height:1.5}.row-meta{text-align:right;justify-items:end;gap:4px;transition:opacity .15s;display:grid}.row:focus-visible .row-meta{opacity:0}.row-peek{z-index:2;aspect-ratio:16/9;background:var(--surface);opacity:0;transform-origin:100%;pointer-events:none;width:clamp(200px,19vw,280px);transition:opacity .14s ease, transform .14s var(--ease);position:absolute;top:50%;right:0;overflow:hidden;transform:translateY(-50%)scale(.96);box-shadow:0 28px 60px -24px #000000b3}html[data-theme=light] .row-peek{box-shadow:0 28px 60px -28px #15151459}.row-peek video,.row-peek img{object-fit:cover;width:100%;height:100%}.row:focus-visible .row-peek{opacity:1;transition:opacity .22s var(--ease), transform .32s var(--ease);transform:translateY(-50%)scale(1)}.rows>li+li{border-top:1px solid var(--line)}.row-thumb{display:none}.archive{border-top:1px solid var(--line);margin-top:clamp(56px,6vw,88px)}.archive-summary{cursor:pointer;color:var(--text-soft);align-items:center;gap:12px;padding:20px 0;font-size:15px;list-style:none;transition:color .25s;display:flex}.archive-summary::-webkit-details-marker{display:none}.archive-count{font-family:var(--mono);color:var(--muted);font-size:12px}.archive-caret{transition:transform .32s var(--ease);margin-left:auto}.archive[open] .archive-caret{transform:rotate(180deg)}.archive-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:8px;display:grid}.archive-list a{gap:4px;display:grid}.archive-title{font-size:var(--d5);transition:color .3s var(--ease);line-height:1.05}.archive-meta{flex-wrap:wrap;gap:4px 14px;display:flex}.exp{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.exp-head{grid-column:1/span 5;align-content:start;gap:18px;display:grid}.exp-role{font-size:var(--d3);line-height:1}.exp-project{font-size:var(--d5);padding-bottom:4px;line-height:1.25}.exp-meta{gap:4px;display:grid}.exp-shipped{color:var(--text)}.exp-cover{max-width:360px;margin-top:8px;display:block;overflow:hidden}.exp-cover img{width:100%;height:auto;transition:transform 1.2s var(--ease)}.exp-links{flex-wrap:wrap;gap:12px 24px;display:flex}.exp-points{grid-column:7/span 6;align-content:start;gap:28px;padding-top:10px;display:grid}.exp-points li{max-width:60ch;color:var(--text-soft);font-size:17px;line-height:1.65}.about-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px;display:grid}.about-photo{background:var(--surface);grid-column:1/span 4;overflow:hidden}.about-photo img{aspect-ratio:4/5;object-fit:cover;object-position:58% 50%;width:100%;height:auto}.about-copy{grid-column:6/span 7;gap:18px;display:grid}.about-lead{font-family:var(--display);font-weight:500;font-size:var(--d5);text-wrap:pretty;line-height:1.25}html[lang=zh-CN] .about-lead{font-size:clamp(1.2rem,1rem + .6vw,1.45rem)}.about-copy>p:not(.about-lead){max-width:62ch;color:var(--text-soft);font-size:17px;line-height:1.7}.about-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:20px 56px;margin-top:22px;padding-top:28px;display:flex}.fact{gap:4px;display:grid}.fact dd{font-variant-numeric:lining-nums;font-size:clamp(2.6rem,2rem + 1.4vw,3.5rem);line-height:1}.fact dt{font-family:var(--mono);color:var(--text-soft);order:1;font-size:12.5px}.about-tools{flex-wrap:wrap;align-items:baseline;gap:10px 24px;margin-top:6px;display:flex}.skills-title{color:var(--text-soft);font-size:14px;font-weight:500}.skills-list{font-family:var(--mono);flex-wrap:wrap;gap:6px 20px;font-size:13px;display:flex}.contact-email{font-size:var(--d3);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);overflow-wrap:anywhere;font-variant-numeric:lining-nums;transition:color .35s var(--ease), text-decoration-color .35s var(--ease);margin-top:40px;line-height:1.1;display:inline-block}.contact-links{flex-wrap:wrap;gap:12px 28px;margin-top:36px;display:flex}.site-footer{margin-top:112px;padding-bottom:40px}.site-footer-inner{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);padding-top:24px;font-size:12px}.case{isolation:isolate;position:relative}.cs-glow{z-index:-1;pointer-events:none;background:radial-gradient(70% 60% at 82% 0%, color-mix(in srgb, var(--p-accent) 14%, transparent) 0%, transparent 70%);height:min(90vh,880px);position:absolute;inset:0 0 auto}html[data-theme=light] .cs-glow{opacity:.6}.cs-hero{padding-top:clamp(32px,4vw,64px)}.cs-back{margin-bottom:clamp(24px,3vw,40px)}.cs-kicker{font-family:var(--mono);color:var(--accent);margin-bottom:18px;font-size:13px;display:block}.cs-title{font-size:var(--d1);letter-spacing:-.015em;line-height:.92}.cs-lede{text-wrap:pretty;max-width:24em;margin-top:28px;padding-bottom:4px;font-size:clamp(1.4rem,1rem + 1.1vw,2rem);line-height:1.3}html[lang=zh-CN] .cs-lede{font-size:clamp(1.15rem,1rem + .5vw,1.4rem)}@media (min-width:768px){.cs-lede{text-wrap:balance}}.cs-meta{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(40px,5vw,64px);padding-top:22px;display:grid}.cs-meta-item{align-content:start;gap:6px;display:grid}.cs-meta-label{font-family:var(--mono);color:var(--muted);font-size:12px}.cs-meta-value{font-size:15px;line-height:1.5}.cs-video{aspect-ratio:16/9;background:var(--surface);width:100%;margin-top:clamp(28px,3.5vw,48px);display:block;position:relative;overflow:hidden}.cs-video img,.cs-video video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.yt-facade{appearance:none;cursor:pointer;font:inherit;color:var(--text);border:0;padding:0}.yt-play-btn{z-index:3;width:76px;height:76px;color:var(--on-accent);background:var(--accent);transition:transform .16s var(--ease), opacity .2s ease;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-play-btn .icon{margin-left:3px}.yt-facade:focus-visible .yt-play-btn{transform:translate(-50%,-50%)scale(1.06)}.yt-player iframe{z-index:4;opacity:0;width:100%;height:100%;transition:opacity .25s var(--ease);border:0;position:absolute;inset:0}.yt-player.is-playing iframe{opacity:1}.yt-player.is-playing .yt-play-btn{opacity:0}.yt-player.is-loading .yt-play-btn{animation:1s ease-in-out infinite yt-wait}@keyframes yt-wait{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.yt-player.is-loading .yt-play-btn{opacity:.6;animation:none}}.cs-links{flex-wrap:wrap;gap:12px 28px;margin-top:20px;display:flex}.cs-system{margin-top:clamp(72px,9vw,128px)}.cs-system-title{font-family:var(--display);font-weight:500;font-size:var(--d4);margin-bottom:30px;line-height:1.05}.cs-system-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:24px;display:grid}.cs-system-step dt{font-family:var(--mono);color:var(--accent);font-size:12.5px}.cs-system-step dd{font-family:var(--display);text-wrap:pretty;margin-top:12px;font-size:clamp(1.25rem,1.05rem + .5vw,1.5rem);font-weight:500;line-height:1.3}html[lang=zh-CN] .cs-system-step dd{font-size:clamp(1.1rem,.95rem + .45vw,1.3rem);line-height:1.75}.cs-system-arrow{color:var(--accent);margin-top:1px}.cs-body{max-width:760px;margin-top:clamp(72px,9vw,128px)}.cs-section+.cs-section{margin-top:clamp(56px,6vw,88px)}.cs-section h2{font-size:var(--d4);margin-bottom:20px;line-height:1.05}.cs-section p{max-width:34rem;color:var(--text-soft);font-size:17.5px;line-height:1.75}.cs-section p+p{margin-top:1.1em}html[lang=zh-CN] :is(.cs-section h2,.cs-note h2){word-break:keep-all;overflow-wrap:anywhere}html[lang=zh-CN] .cs-section p{font-size:16.5px;line-height:1.9}.cs-note{border-top:1px solid var(--line);max-width:760px;margin-top:clamp(56px,6vw,88px);padding-top:28px}.cs-note h2{margin-bottom:10px;font-size:1.9rem;line-height:1.1}.cs-note p{color:var(--text-soft)}@media (min-width:1024px){.cs-body{max-width:none}.cs-section{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;column-gap:24px;display:grid}.cs-section h2{top:calc(var(--nav-h) + 32px);margin:0;padding-right:24px;position:sticky}.cs-note{max-width:34rem;margin-left:calc(33.3333% + 16px)}}.gallery-stack{gap:clamp(16px,2vw,28px);margin-top:clamp(72px,9vw,128px);display:grid}.gallery-figure img{width:100%;height:auto}@media (min-width:768px){.gallery-stack.is-paired{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-stack.is-paired .gallery-figure:first-child,.gallery-stack.is-paired .gallery-figure:last-child:nth-child(2n){grid-column:1/-1}}.cs-next{border-top:1px solid var(--line);margin-top:clamp(112px,12vw,176px);padding-top:28px}.cs-next a{gap:10px;display:grid}.cs-next-label{color:var(--text-soft);font-size:14px}.cs-next-title{font-size:var(--d2);transition:color .4s var(--ease), transform .7s var(--ease);line-height:.95}.cs-next a:focus-visible .cs-next-title{color:var(--hover-ink);transform:translateX(var(--shift))}.cs-next-line{max-width:40ch;font-size:var(--d5);color:var(--text-soft);padding-bottom:4px;line-height:1.3}.projects-all-page{padding-top:clamp(48px,6vw,96px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,5vw,72px) 24px;display:grid}.project-card{align-content:start;gap:16px;display:grid}.project-card .media{aspect-ratio:16/9}.project-card-title{font-size:var(--d3);line-height:1}.project-card-title a{transition:color .35s var(--ease)}.project-card-line{max-width:48ch;color:var(--text-soft);font-size:15px}.project-card .meta{flex-wrap:wrap;gap:4px 20px;display:flex}@media (hover:hover) and (pointer:fine){.text-link:hover{-webkit-text-decoration-color:var(--hover-ink);text-decoration-color:var(--hover-ink)}.text-link:hover .icon-go,.button:hover .icon{transform:translateX(var(--nudge))}.text-link:hover .icon-back{transform:translateX(calc(var(--nudge) * -1))}.hero .text-link:hover{-webkit-text-decoration-color:var(--lamp);text-decoration-color:var(--lamp)}.button.primary:hover{background:var(--lamp)}.nav-links a:hover,.theme-toggle:hover,.motion-toggle:hover{opacity:1}.lang-btn:not(.active):hover{opacity:.85}:is(.feature:has(.media:hover,.feature-title a:hover) .media :is(video,img),.project-card:has(.media:hover,.project-card-title a:hover) .media :is(video,img)){transform:scale(var(--zoom))}.exp-cover:hover img{transform:scale(var(--zoom-soft))}.feature-title a:hover,.project-card-title a:hover,.archive-list a:hover .archive-title{color:var(--hover-ink)}.feature:has(.media:hover) .feature-title a{color:var(--hover-ink)}.project-card:has(.media:hover) .project-card-title a{color:var(--hover-ink)}.contact-email:hover{color:var(--hover-ink);-webkit-text-decoration-color:var(--hover-ink);text-decoration-color:var(--hover-ink)}.archive-summary:hover{color:var(--text)}.row:hover .row-title{color:var(--hover-ink);transform:translateX(var(--shift))}.row:hover .row-meta{opacity:0}.row:hover .row-peek{opacity:1;transition:opacity .22s var(--ease), transform .32s var(--ease);transform:translateY(-50%)scale(1)}.yt-facade:hover .yt-play-btn{transform:translate(-50%,-50%)scale(1.06)}.cs-next a:hover .cs-next-title{color:var(--hover-ink);transform:translateX(var(--shift))}}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.theme-toggle:active,.lang-btn:active,.motion-toggle:active{transform:scale(.92)}.yt-facade:active .yt-play-btn{transform:translate(-50%,-50%)scale(.95)}:is(.text-link,.row,.cs-next a,.archive-list a,.feature-title a,.project-card-title a,.archive-summary,.contact-email):active{opacity:.7;transition:opacity 80ms}@media (pointer:coarse){.lang-btn{min-width:40px;min-height:40px}.theme-toggle,.motion-toggle{width:40px;height:40px}}@media (prefers-reduced-motion:no-preference){.archive{interpolate-size:allow-keywords}.archive::details-content{opacity:0;block-size:0;transition:block-size .32s var(--ease), opacity .24s ease, content-visibility .32s allow-discrete;overflow-y:clip}.archive[open]::details-content{opacity:1;block-size:auto}}html.no-transitions *,html.no-transitions :before,html.no-transitions :after{transition:none!important}html[data-vt] .site-nav{view-transition-name:none}html[data-vt=theme]::view-transition-old(root){mix-blend-mode:normal;animation:none}html[data-vt=theme]::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-vt=lang]::view-transition-old(root){animation:.14s linear both vt-out}html[data-vt=lang]::view-transition-new(root){animation:.26s var(--ease) 60ms both vt-fade}@keyframes vt-fade{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.site-nav{view-transition-name:site-nav}.feature-title,.row-title,.cs-title,.cs-next-title,.project-card-title,.archive-title{width:fit-content}::view-transition-old(root){animation:.16s cubic-bezier(.4,0,1,1) both vt-out}::view-transition-new(root){animation:.48s var(--ease) 90ms both vt-in}::view-transition-group(project-title){animation-duration:.64s;animation-timing-function:var(--ease)}::view-transition-old(project-title):only-child{animation:.16s cubic-bezier(.4,0,1,1) both vt-out}::view-transition-new(project-title):only-child{animation:.48s var(--ease) 90ms both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(14px)}}@media (max-width:900px){:root{--nav-h:96px}.nav-inner{flex-wrap:wrap;gap:0 16px;min-height:0;padding-block:6px 0}.logo,.nav-tools{align-items:center;min-height:42px;display:flex}.nav-tools{margin-left:auto}.nav-links{scrollbar-width:none;order:3;gap:20px;width:100%;margin-left:0;padding:0;overflow-x:auto}.nav-links a{padding-block:11px}.site-nav:not(.is-overlay){top:-48px}.site-nav.is-overlay.is-solid{transform:translateY(-48px)}html{scroll-padding-top:56px}.cs-system-flow{grid-template-columns:1fr;gap:18px}.cs-system-step dd{max-width:34em}.cs-system-arrow{transform:rotate(90deg)}}@media (max-width:400px){.nav-links{justify-content:space-between;gap:0;font-size:.8125rem}}@media (max-width:767px){.hero-reel{width:100%;height:64%;bottom:auto;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.hero-stage.is-lit{--rad:clamp(150px, 44vw, 230px)}.hero-reel{filter:saturate(.95)brightness(1.45)}.hero-lamp{background:radial-gradient(circle calc(var(--rad) * .9) at 50% 50%, #e6c49666 0%, #e6c49629 50%, #e6c49600 100%)}.hero-copy{padding-bottom:48px}.feature-wide .feature-body{grid-template-columns:1fr;gap:14px}.feature-wide .feature-title,.feature-wide .feature-line,.feature-wide .feature-side{grid-column:1/-1}.feature-wide .meta{flex-wrap:wrap;gap:4px 20px;display:flex}.feature-pair{grid-template-columns:1fr;gap:80px}.feature-a,.feature-b{grid-column:1/-1;margin-top:0}.feature-b .media{aspect-ratio:16/10}.row{grid-template-columns:1fr;gap:10px}.row-meta{text-align:left;justify-items:start;gap:18px;display:flex}.row-peek{display:none}.row-thumb{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:6px;display:block}.archive-list,.exp,.about-grid,.project-grid{grid-template-columns:1fr}.exp-head,.exp-points,.about-photo,.about-copy{grid-column:1/-1}.exp-points{margin-top:24px}.about-photo{max-width:280px}.cs-meta{grid-template-columns:1fr;gap:14px}.cs-meta-item{grid-template-columns:5.5em minmax(0,1fr);gap:12px}}@media (prefers-reduced-motion:reduce){:root{--shift:0px;--nudge:0px;--zoom:1;--zoom-soft:1}html{scroll-behavior:auto}.hero-stage{transition:none}.site-nav{transition:background-color .45s var(--ease), color .45s var(--ease), border-color .45s var(--ease)}.motion-toggle{display:none}.row-peek,.row:hover .row-peek,.row:focus-visible .row-peek{transform:translateY(-50%)}*,:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}