.work-index{padding-block-end:0}.work-index__bar{padding-block-end:var(--space-7)}.work-index__count{margin:var(--space-4) 0 0;color:var(--color-text-meta);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;font-variant-numeric:tabular-nums lining-nums;font-weight:500}:lang(zh) .work-index__count{letter-spacing:var(--tracking-cjk-max)}.work-index__empty{padding-block-end:var(--section-m)}.work-index__feature{padding-block:var(--space-6) var(--section-m)}.work-index__list{padding-block-end:var(--section-l)}@media (width>=1024px){.work-index__filters,.work-index__empty>.empty-state{grid-column:4/13}.work-index__empty>.empty-state{grid-column-end:10}}.project-feature{row-gap:var(--space-5);color:var(--color-text);text-decoration:none}.project-feature__media{overflow:clip}.project-feature__cover>.project-cover__art,.project-feature__cover>.project-cover__image{filter:grayscale(.35)brightness(.92)}.project-feature__text{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.project-feature__head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.project-feature__title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-title-list);font-weight:var(--weight-title);font-stretch:var(--stretch-title);line-height:var(--leading-title);letter-spacing:var(--tracking-title);text-wrap:balance;margin:0}:lang(zh) .project-feature__title{font-size:var(--text-title-list-zh);font-weight:var(--weight-heading-zh);letter-spacing:.01em;line-height:1.2}.project-feature__role{color:var(--color-text-secondary);font-size:var(--text-body-s);font-weight:var(--weight-label)}.project-feature__description{max-inline-size:40ch;color:var(--color-text-secondary);font-size:var(--text-lede);line-height:var(--leading-lede)}:lang(zh) .project-feature__description{max-inline-size:22em;line-height:var(--leading-lede-zh)}.project-feature:active .project-feature__text{opacity:.85}.project-feature:focus-visible{outline-offset:var(--space-2)}.project-feature:focus-visible .project-feature__cover{outline:var(--focus-width) solid var(--focus-color);outline-offset:-2px}@media (width<=767.98px){.project-feature__media{margin-inline-end:calc(-1 * var(--page-margin))}.project-feature__cover.project-cover[data-aspect]{--cover-ratio:.8}}@media (width>=768px) and (width<=1023.98px){.project-feature__media{grid-column:1/6}.project-feature__text{grid-column:6/9;align-self:end}}@media (width>=1024px){.project-feature__media{grid-column:1/9}.project-feature__text{grid-column:9/13;align-self:end}}@media (hover:hover){.project-feature:hover .project-feature__cover>.project-cover__art,.project-feature:hover .project-feature__cover>.project-cover__image{filter:none}.project-feature:hover .project-feature__cta{-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text)}}.project-feature:focus-visible .project-feature__cover>.project-cover__art,.project-feature:focus-visible .project-feature__cover>.project-cover__image{filter:none}@media (prefers-reduced-motion:no-preference){.project-feature__cover>.project-cover__art,.project-feature__cover>.project-cover__image{transition:filter var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out)}.project-feature__title,.project-feature__cta .text-link__arrow{transition:transform var(--dur-2) var(--ease-out-quart)}@media (hover:hover){.project-feature:hover .project-feature__cover>.project-cover__art,.project-feature:hover .project-feature__cover>.project-cover__image{transform:scale(1.02)}.project-feature:hover .project-feature__title{transform:translate(.25rem)}.project-feature:hover .project-feature__cta .text-link__arrow{transform:translate(4px)}}}.project-page{padding-block-end:0}.project-page__back{padding-block-end:var(--space-5)}.project-page__back-link{justify-self:start}@media (prefers-reduced-motion:no-preference) and (hover:hover){.project-page__back-link .text-link__arrow{transition:transform var(--dur-2) var(--ease-out-quart)}.project-page__back-link:hover .text-link__arrow{transform:translate(-4px)}}.project-hero{row-gap:var(--space-5);padding-block-end:var(--space-8)}.project-hero__head{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.project-hero__title{text-wrap:balance;max-inline-size:22ch;margin:0}.project-hero__lede{max-inline-size:48ch;color:var(--color-text-secondary);font-size:var(--text-lede);line-height:var(--leading-lede);margin:0}:lang(zh) .project-hero__lede{max-inline-size:32em;line-height:var(--leading-lede-zh)}.project-hero__cover{aspect-ratio:16/9;background:var(--color-bg-2);inline-size:100%;margin:0}@media (width>=1024px){.project-hero__cover{aspect-ratio:21/9}}.project-summary{row-gap:var(--space-7);padding-block-start:var(--space-8)}.project-facts{gap:var(--space-5) var(--grid-gutter);grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));margin:0;display:grid}.project-facts__item,.track-sheet__meta>div{border-block-start:1px solid var(--color-rule);padding-block-start:var(--space-3)}.project-facts dt,.track-sheet__meta dt{color:var(--color-text-meta);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:500;line-height:var(--leading-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;margin-block-end:var(--space-2)}:lang(zh) .project-facts dt,:lang(zh) .track-sheet__meta dt{letter-spacing:var(--tracking-cjk-max)}.project-facts dd,.track-sheet__meta dd{color:var(--color-text);font-size:var(--text-body-s);line-height:var(--leading-body-s);margin:0}.project-facts__list{margin:0;padding:0;list-style:none}.track-sheet{gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);box-shadow:var(--edge-light);display:grid}.track-sheet__signal .flat-line{inline-size:100%;margin-block-end:var(--space-3)}.track-sheet__pending{color:var(--color-text-meta);font-size:var(--text-body-s);margin:0}.track-sheet__meta{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));margin:0;display:grid}@media (width>=768px){.track-sheet{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}}.project-doc{padding-block:var(--space-8) var(--section-m)}.project-doc__body{max-inline-size:65ch}.case-toc__list{margin:0;padding:0;list-style:none}.case-toc__link{min-block-size:var(--target-min);color:var(--color-text-secondary);font-size:var(--text-body-s);align-items:center;text-decoration:none;display:flex}@media (hover:hover){.case-toc__link:hover{color:var(--color-text)}}.case-toc--rail{display:none}.case-toc--inline{border-block:1px solid var(--color-rule);margin-block-end:var(--space-6)}.case-toc__summary{min-block-size:var(--target-min);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;cursor:pointer;align-items:center;display:flex}:lang(zh) .case-toc__summary{letter-spacing:var(--tracking-cjk-max)}.case-toc--inline nav{padding-block-end:var(--space-3)}@media (width>=1024px){.project-doc__body,.case-toc--inline{grid-column:4/11}}@media (width>=1280px){.case-toc--rail{grid-area:1/1/auto/4;align-self:start;display:block;position:sticky;inset-block-start:calc(var(--header-h) + var(--space-6))}.case-toc--inline{display:none}.project-doc__body{grid-row:1}}.case-section+.case-section{margin-block-start:var(--space-8)}.case-section__heading{margin:0 0 var(--space-4);font-size:var(--text-h2);line-height:var(--leading-heading-s);letter-spacing:var(--tracking-heading-s);scroll-margin-top:calc(var(--header-h) + var(--space-4))}:lang(zh) .case-section__heading{font-size:var(--text-h2-zh)}.case-section p{color:var(--color-text);margin:0 0 1em}.case-section__items{color:var(--color-text-secondary);margin:0 0 1em;padding-inline-start:1.25em}.case-media{margin:var(--space-6) 0 0}.case-media img{object-fit:cover;max-block-size:70vh;inline-size:100%;display:block}.case-media figcaption{color:var(--color-text-meta);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-cjk-max);margin-block-start:var(--space-3)}.case-links{margin:0;padding:0;list-style:none}.case-credits{gap:var(--space-3);margin:0;display:grid}.case-credits>div{gap:var(--space-4);flex-wrap:wrap;display:flex}.case-credits dt{min-inline-size:10rem;color:var(--color-text-meta)}.case-credits dd,.project-doc__body>.content-blocks{margin:0}.project-next{row-gap:var(--space-3);padding-block:var(--space-8) var(--section-m);border-block-start:1px solid var(--color-rule)}.project-next__link{justify-self:start;gap:var(--space-3);min-block-size:var(--target-min);color:var(--color-text);text-decoration:none;display:grid}.project-next__title{align-items:baseline;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-heading);font-stretch:var(--stretch-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);flex-wrap:wrap;display:inline-flex}:lang(zh) .project-next__title{font-size:var(--text-h1-zh);font-weight:var(--weight-heading-zh)}.project-next__arrow{font-family:var(--font-mono);font-size:.6em}.project-next__link:active{opacity:.8}@media (prefers-reduced-motion:no-preference) and (hover:hover){.project-next__arrow{transition:transform var(--dur-2) var(--ease-out-quart)}.project-next__link:hover .project-next__arrow{transform:translate(4px)}}