:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3f3ee;--paper-strong:#ecece6;--ink:#11110f;--muted:#6c6c66;--rule:#1e1e1933;--grid:#434f460e;--font-zh:"Noto Sans TC", sans-serif;--font-display:"Noto Serif TC", serif;--font-mono:"Noto Sans Mono", monospace;--page-pad:clamp(20px, 3.2vw, 52px);--header-height:72px;--header-compact:60px;--ease-out:cubic-bezier(.22, 1, .36, 1);--motion-fast:.42s;--motion-slow:.62s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(0deg, transparent 0 23px, var(--grid) 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, var(--grid) 23px 24px);font-family:var(--font-zh);-webkit-font-smoothing:antialiased;margin:0}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}img,video{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.mono{font-family:var(--font-mono)}.preline{white-space:pre-line}.site-header{z-index:50;min-height:var(--header-height);margin-inline:var(--page-pad);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);border-left:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:min-height var(--motion-fast) var(--ease-out);grid-template-columns:minmax(180px,2fr) 5fr 2fr;display:grid;position:sticky;top:0}.site-header--compact{min-height:var(--header-compact)}.brand-lockup{border-right:1px solid var(--rule);flex-direction:column;justify-content:center;padding-inline:20px;font-size:14px;font-weight:600;line-height:1.15;display:flex}.brand-lockup__en{font-family:var(--font-mono);font-weight:600}.brand-lockup__picture,.brand-lockup__picture img{object-fit:contain;object-position:left center;max-width:100%;max-height:42px;display:block}.site-nav{align-items:stretch;display:flex}[data-site-root] .section-heading__zh{color:var(--section-chinese-color,inherit);font-family:var(--section-chinese-font,var(--font-zh));font-size:var(--section-chinese-size,14px);font-weight:var(--section-chinese-weight,500);line-height:var(--section-chinese-line-height,1.2);text-align:var(--section-chinese-align,left)}[data-site-root] .section-heading__en{color:var(--section-english-color,inherit);font-family:var(--section-english-font,var(--font-mono));font-size:var(--section-english-size,16px);font-weight:var(--section-english-weight,600);line-height:var(--section-english-line-height,1.2);text-align:var(--section-english-align,left)}.cms-text{color:var(--cms-color,inherit);font-family:var(--cms-font,inherit);font-size:var(--cms-desktop-size,inherit);font-weight:var(--cms-weight,inherit);line-height:var(--cms-line-height,inherit);text-align:var(--cms-align,inherit)}@media (width<=1000px){.cms-text{font-size:var(--cms-tablet-size,var(--cms-desktop-size,inherit))}}@media (width<=700px){.cms-text{font-size:var(--cms-mobile-size,var(--cms-tablet-size,var(--cms-desktop-size,inherit)))}}.site-nav__link{border-right:1px solid var(--rule);min-width:124px;font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:12px;padding-inline:18px;font-size:10px;display:flex;position:relative}.site-nav__link:after{background:var(--ink);content:"";transform-origin:0;height:1px;transition:transform var(--motion-fast) var(--ease-out);position:absolute;bottom:10px;left:18px;right:18px;transform:scaleX(0)}.site-nav__link[aria-current=location]:after,.site-nav__link:hover:after{transform:scaleX(1)}.site-nav__number{color:var(--muted)}.site-header__motto{font-family:var(--font-mono);white-space:pre-line;place-self:center end;padding-right:20px;font-size:9px;line-height:1.35}.menu-button{border-left:1px solid var(--rule);min-width:56px;min-height:56px;font-family:var(--font-mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-left:auto;font-size:20px;display:none}.page-shell{margin-inline:var(--page-pad);border-right:1px solid var(--rule);border-left:1px solid var(--rule)}.hero{border-bottom:1px solid var(--rule);grid-template-columns:repeat(12,minmax(0,1fr));min-height:calc(100svh - 112px);display:grid;position:relative}.hero:before,.section-band:before{z-index:-1;background-image:repeating-linear-gradient(90deg, transparent 0 calc(8.333% - 1px), var(--grid) calc(8.333% - 1px) 8.333%);pointer-events:none;content:"";position:absolute;inset:0}.hero__est{font-family:var(--font-mono);white-space:pre-line;grid-column:1/span 3;align-self:start;margin:36px 20px;font-size:9px;line-height:1.7}.hero__statement{grid-column:1/span 7;align-self:center;padding:20px}.hero__statement-zh{min-height:1.8em;font-family:var(--font-display);margin:0 0 16px;font-size:clamp(19px,2vw,29px);font-weight:600;line-height:1.45}.hero__statement-en{max-width:660px;min-height:2.8em;color:var(--muted);font-family:var(--font-mono);margin:0;font-size:11px;line-height:1.5}.hero__cursor{vertical-align:-.1em;background:currentColor;width:1px;height:1em;margin-left:4px;display:inline-block}.hero__archive{border-left:1px solid var(--rule);font-family:var(--font-mono);flex-direction:column;grid-column:11/span 2;justify-content:space-between;padding:36px 16px 20px;font-size:9px;line-height:1.35;display:flex}.hero__archive-list,.hero__file{flex-direction:column;display:flex}.hero__scroll{min-height:70px;font-family:var(--font-mono);grid-column:1/span 4;align-self:end;align-items:center;gap:18px;padding:0 20px;font-size:9px;display:flex}.hero__scroll-mark{font-size:25px;font-weight:300}.section-band{border-bottom:1px solid var(--rule);position:relative}.section-heading{border-bottom:1px solid var(--rule);grid-template-columns:minmax(260px,4fr) minmax(260px,4fr) minmax(160px,2fr);min-height:126px;display:grid;position:relative;overflow:hidden}.section-heading__title,.section-heading__description,.section-heading__aside{padding:25px 20px}.section-heading__title{border-right:1px solid var(--rule);grid-template-columns:44px 1fr;gap:12px;display:grid}.section-heading__number{font-family:var(--font-mono);text-underline-offset:4px;font-size:16px;font-weight:600;text-decoration:underline}.section-heading h2{margin:0;font-size:16px;line-height:1.2}.section-heading__en{font-family:var(--font-mono);margin-bottom:6px;font-size:16px;font-weight:600;display:block}.section-heading__zh{font-size:14px;font-weight:500;display:block}.section-heading__description{border-right:1px solid var(--rule);color:#4c4c47;margin:0;font-size:13px;line-height:1.8}.section-heading__aside{color:var(--muted);font-family:var(--font-mono);white-space:pre-line;font-size:9px;line-height:1.4}.partners-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.partner-wordmark{border-right:1px solid var(--rule);min-height:88px;font-family:var(--font-mono);text-align:center;justify-content:center;align-items:center;padding:12px;font-size:12px;font-weight:500;display:flex}.partner-wordmark a{justify-content:center;align-items:center;width:100%;min-height:64px;display:flex}.partner-wordmark img{object-fit:contain;filter:grayscale();width:auto;max-width:min(132px,82%);height:auto;max-height:42px;display:block}.partner-wordmark:last-child{border-right:0}.projects-list{border-bottom:1px solid var(--rule)}.projects-row__cards{grid-template-columns:repeat(var(--project-columns), minmax(0, 1fr));display:grid}.project-card{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(112px,.82fr) minmax(0,1.18fr);min-height:286px;padding:0;display:grid}.project-card:nth-child(3n){border-right:0}.project-card__copy{flex-direction:column;min-width:0;padding:16px 14px;display:flex;position:relative}.project-card__number,.project-detail__number{font-family:var(--font-mono);margin-bottom:38px;font-size:19px;line-height:1}.project-card__client,.project-card__title-zh{font-size:14px;font-weight:600;line-height:1.45}.project-card__title-en{color:var(--muted);font-family:var(--font-mono);margin-top:8px;font-size:8px;line-height:1.35}.project-card__action{font-family:var(--font-mono);margin-top:auto;font-size:22px}.project-card__image-wrap{background:var(--paper-strong);min-width:0;overflow:hidden}.project-card__image{object-fit:cover;filter:grayscale()contrast(1.06);width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-out), filter var(--motion-fast) ease}.project-card:hover .project-card__image,.project-card:focus .project-card__image,.project-card--active .project-card__image{filter:grayscale(0)contrast();transform:scale(1.025)}.project-card--active{background:var(--ink);color:var(--paper)}.project-card--active .project-card__title-en{color:#f3f3eea3}.project-detail{border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--paper-strong) 55%, transparent);padding:clamp(30px,5vw,72px) 20px}.project-detail__intro{grid-template-columns:1.2fr 1fr 1fr;gap:28px;margin-bottom:38px;display:grid;position:relative}.project-detail__heading{grid-template-columns:44px 1fr;gap:12px;display:grid}.project-detail__heading h3{margin:0;font-size:20px;line-height:1.35}.project-detail__title-en,.project-detail__summary-en,.project-detail__meta,.project-detail__prototype{font-family:var(--font-mono)}.project-detail__title-en{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.45}.project-detail__summary-zh,.project-detail__summary-en{margin:0;line-height:1.8}.project-detail__summary-zh{font-size:13px}.project-detail__summary-en{color:var(--muted);padding-right:42px;font-size:9px}.project-detail__meta{grid-column:2/span 2;grid-template-columns:1fr .6fr 1.4fr;gap:22px;margin:0;display:grid}.project-detail__meta div{border-top:1px solid var(--rule);padding-top:10px}.project-detail__meta dt{color:var(--muted);margin-bottom:8px;font-size:8px}.project-detail__meta dd{margin:0;font-size:10px;line-height:1.5}.project-detail__prototype{color:var(--muted);align-self:end;font-size:8px}.project-detail__close{width:36px;height:36px;font-family:var(--font-mono);cursor:pointer;background:0 0;place-items:center;font-size:24px;display:grid;position:absolute;top:-10px;right:0}.project-detail__media-grid{background:var(--rule);grid-template-rows:repeat(2,minmax(180px,1fr));grid-template-columns:2fr 1fr;gap:1px;height:min(68svh,680px);min-height:420px;display:grid}.project-detail__media-cell{background:var(--paper-strong);min-width:0;min-height:180px;overflow:hidden}.project-detail__media-cell:first-child{grid-row:1/span 2}.project-detail__media-cell img,.project-detail__media-cell video,.project-detail__media-cell iframe{object-fit:cover;border:0;width:100%;height:100%}.project-detail__media-cell img{filter:grayscale(0)contrast()}.project-detail__media-fallback{width:100%;height:100%;min-height:180px;color:var(--muted);font-family:var(--font-mono);place-items:center;font-size:10px;display:grid}.project-detail__return{justify-content:flex-end;padding-top:24px;display:flex}.project-detail__return button{border:1px solid var(--rule);text-align:left;cursor:pointer;width:min(50%,520px);min-height:82px;transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);background:0 0;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:16px 18px;display:grid}.project-detail__return-copy{flex-direction:column;gap:5px;font-size:13px;display:flex}.project-detail__return-copy span:last-child{color:var(--muted);font-family:var(--font-mono);font-size:9px}.project-detail__return-arrow{font-family:var(--font-mono);transition:transform var(--motion-fast) var(--ease-out);font-size:21px}.project-detail__return button:hover{background:var(--ink);color:var(--paper)}.project-detail__return button:hover .project-detail__return-copy span:last-child{color:#f3f3eea3}.project-detail__return button:hover .project-detail__return-arrow{transform:translate(4px)}.projects-section__archive{min-height:58px;color:var(--muted);font-family:var(--font-mono);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 20px;font-size:9px;display:grid}.approach-grid,.capabilities-grid{margin:0;padding:0;list-style:none;display:grid}.approach-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.approach-item,.capability-item{border-right:1px solid var(--rule);min-width:0;padding:22px 16px 28px}.approach-item:last-child,.capability-item:last-child{border-right:0}.approach-item__sequence{grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:32px;display:grid}.approach-item__number,.capability-item__number{font-family:var(--font-mono);font-size:clamp(24px,2.5vw,34px);font-weight:400;line-height:1}.approach-item__arrow{color:var(--muted);font-family:var(--font-mono);align-items:center;gap:8px;font-size:19px;display:flex}.approach-item__arrow:before{background:var(--rule);content:"";width:100%;height:1px}.approach-item h3,.capability-item h3{flex-direction:column;min-height:54px;margin:12px 0 28px;font-size:14px;line-height:1.35;display:flex}.approach-item h3 span:last-child,.capability-item h3 span:last-child{font-family:var(--font-mono);font-size:13px;font-weight:500}.approach-item__detail-zh,.approach-item__detail-en,.capability-item__detail-zh,.capability-item__detail-en{white-space:pre-line;margin:0}.approach-item__detail-zh,.capability-item__detail-zh{color:#4c4c47;min-height:50px;font-size:12px;line-height:1.6}.approach-item__detail-en,.capability-item__detail-en{color:var(--muted);font-family:var(--font-mono);font-size:8px;line-height:1.4}.capabilities-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.capability-item__number{margin-bottom:14px;font-size:18px;display:block}.capability-item h3{margin-top:0}.contact{min-height:300px}.contact .section-heading{border-bottom:0}.contact__actions{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(2,minmax(180px,1fr));width:min(58%,760px);margin:12px 0 34px auto;display:grid}.contact__actions a{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:88px;font-family:var(--font-mono);grid-template-columns:1fr auto;align-content:center;gap:5px 18px;padding:14px 18px;font-size:12px;display:grid;position:relative}.contact__label{color:var(--muted);grid-column:1/span 2;font-size:8px}.contact__arrow{transition:transform var(--motion-fast) var(--ease-out);font-size:20px}.contact__actions a:hover .contact__arrow{transform:translate(4px)}.site-footer{min-height:106px;font-family:var(--font-mono);grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;padding:24px 16px;font-size:8px;line-height:1.5;display:grid}.site-footer span:last-child{text-align:right}.site-footer__brand{font-family:var(--font-zh);font-size:11px;font-weight:600}@media (width<=1080px){.site-header{grid-template-columns:minmax(180px,1fr) 4fr}.site-header__motto{display:none}.site-nav__link{flex:1;min-width:0}.hero__statement{grid-column:1/span 8}.hero__archive{grid-column:10/span 3}.project-card:nth-child(3n){border-right:1px solid var(--rule)}.project-card:nth-child(2n){border-right:0}.approach-grid{grid-template-columns:repeat(5,minmax(144px,1fr));overflow-x:auto}.capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-item:nth-child(2n){border-right:0}.capability-item:nth-child(-n+2){border-bottom:1px solid var(--rule)}}@media (width<=720px){:root{--page-pad:12px;--header-height:64px}.site-header{grid-template-columns:1fr auto}.brand-lockup{border-right:0}.menu-button{display:flex}.site-nav{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper);flex-direction:column;display:none;position:absolute;top:100%;left:-1px;right:-1px}.site-nav--open{display:flex}.site-nav__link{border-right:0;border-bottom:1px solid var(--rule);min-height:52px}.hero{grid-template-columns:repeat(4,minmax(0,1fr));min-height:calc(100svh - 102px)}.hero:before,.section-band:before{background-image:repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), var(--grid) calc(25% - 1px) 25%)}.hero__est{grid-column:1/span 2}.hero__statement{grid-column:1/span 4;padding-block:80px 40px}.hero__statement-zh{font-size:20px}.hero__archive{grid-area:1/3/auto/span 2;min-height:210px}.hero__scroll{grid-column:1/span 3}.section-heading{grid-template-columns:1fr}.section-heading__title,.section-heading__description{border-right:0;border-bottom:1px solid var(--rule)}.section-heading__aside{display:none}.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-wordmark{border-bottom:1px solid var(--rule)}.project-card,.project-card:nth-child(2n),.project-card:nth-child(3n){border-right:0;min-height:270px}.project-detail{padding-inline:14px}.project-detail__intro,.project-detail__meta{grid-template-columns:1fr}.project-detail__meta{grid-column:auto}.project-detail__media-grid{grid-template-rows:minmax(0,2fr) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));height:min(66svh,520px);min-height:0}.project-detail__media-cell:first-child{grid-area:auto/1/auto/-1}.project-detail__media-cell,.project-detail__media-fallback{min-height:0}.project-detail__return button{width:100%;min-height:76px}.projects-section__archive{grid-template-columns:auto auto}.projects-section__archive span:last-child{display:none}.approach-grid,.capabilities-grid{grid-template-columns:1fr;overflow:visible}.approach-item,.approach-item:last-child,.capability-item,.capability-item:nth-child(2n),.capability-item:last-child{border-right:0;border-bottom:1px solid var(--rule);min-height:230px}.approach-item__sequence{grid-template-columns:auto 1fr}.approach-item__arrow{justify-self:end;transform:rotate(90deg)}.approach-item h3,.capability-item h3{min-height:0}.contact__actions{grid-template-columns:1fr;width:calc(100% - 24px)}.site-footer{grid-template-columns:1fr}.site-footer span:last-child{text-align:left}}.hero__cursor:not(.hero__cursor--complete){animation:.72s step-end infinite cursor-blink}@keyframes cursor-blink{50%{opacity:0}}.project-detail{animation:project-detail-enter var(--motion-slow) var(--ease-out) both;transform-origin:top}@keyframes project-detail-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-reveal]{opacity:0;transition:opacity var(--motion-slow) var(--ease-out), transform var(--motion-slow) var(--ease-out);transform:translateY(14px)}[data-reveal][data-revealed=true]{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){[data-section-heading]:after{background:var(--ink);content:"";opacity:.42;transform-origin:0;height:1px;transition:transform .68s var(--ease-out) 80ms;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}[data-section-heading] .section-heading__number{opacity:.14;filter:blur(5px);transition:opacity .52s var(--ease-out) .1s, filter .56s var(--ease-out) .1s, transform .56s var(--ease-out) .1s;transform:translateY(10px)}[data-section-heading] .section-heading__en,[data-section-heading] .section-heading__zh,[data-section-heading] .section-heading__description,[data-section-heading] .section-heading__aside{opacity:0;transition:opacity .52s var(--ease-out), transform .56s var(--ease-out);transform:translateY(12px)}[data-section-heading] .section-heading__en{transition-delay:.17s}[data-section-heading] .section-heading__zh{transition-delay:.23s}[data-section-heading] .section-heading__description{transition-delay:.3s}[data-section-heading] .section-heading__aside{transition-delay:.37s}[data-reveal][data-revealed=true] [data-section-heading]:after{transform:scaleX(1)}[data-reveal][data-revealed=true] [data-section-heading] .section-heading__number,[data-reveal][data-revealed=true] [data-section-heading] .section-heading__en,[data-reveal][data-revealed=true] [data-section-heading] .section-heading__zh,[data-reveal][data-revealed=true] [data-section-heading] .section-heading__description,[data-reveal][data-revealed=true] [data-section-heading] .section-heading__aside{opacity:1;filter:blur();transform:translateY(0)}}.project-card__action{transition:transform var(--motion-fast) var(--ease-out)}.project-card:hover .project-card__action{transform:translate(4px)}.project-card--active .project-card__action{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1!important;transform:none!important}[data-section-heading]:after{transform:scaleX(1)!important}[data-section-heading] .section-heading__number,[data-section-heading] .section-heading__en,[data-section-heading] .section-heading__zh,[data-section-heading] .section-heading__description,[data-section-heading] .section-heading__aside{opacity:1!important;filter:none!important;transform:none!important}}