@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2")}:root{color-scheme:light dark;--paper:#f6f6f3;--ink:#20211e;--muted:#5f6059;--line:#d6d7cf;--accent:#d7ea78;--inverse:#efefe7;--dark:#242620;--dark-muted:#b4b8aa;--dark-line:#55584e;--page-gutter:clamp(20px, 4.4vw, 72px);--header-height:76px;--display-size:clamp(46px, 8.2vw, 136px);--section-gap:clamp(88px, 10vw, 168px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.2, .7, .2, 1);--header-layer:10;--dialog-layer:20}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + 20px);scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Helvetica Neue,Arial,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;border-radius:0}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600}::selection{background:var(--accent);color:#20211e}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}[hidden]{display:none!important}[lang=zh-Hant]{line-break:strict;text-wrap:pretty;letter-spacing:.02em}.nowrap{white-space:nowrap}.container{width:min(100%,1560px);padding-inline:var(--page-gutter);margin-inline:auto}.section{padding-bottom:var(--section-gap)}.icon{vertical-align:middle;flex-shrink:0;width:22px;height:22px;display:inline-flex}.icon svg{width:100%;height:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--dialog-layer);background:var(--accent);color:#20211e;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.header-sentinel{height:1px;margin-bottom:-1px}.site-header{z-index:var(--header-layer);background:var(--paper);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.site-header.is-stuck,.site-header.is-menu-open{border-bottom-color:var(--line)}.site-header-inner{min-height:var(--header-height);align-items:center;gap:40px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:14px;font-size:14px;font-weight:700;line-height:1.2;display:flex}.brand-mark{letter-spacing:-.14em;padding-right:.1em;font-family:Arial,sans-serif;font-size:46px;font-weight:900;line-height:.8;transform:skew(-7deg)}.brand-name{display:block}.brand-zh{letter-spacing:.06em;margin-top:4px;font-size:11px;font-weight:500;display:block}.desktop-nav{gap:32px;margin-left:auto;font-size:14px;font-weight:600;display:flex}.desktop-nav a{padding-block:12px;position:relative}.desktop-nav a:after{content:"";transform-origin:0;height:1px;transition:transform .35s var(--ease-out);background:currentColor;position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.header-contact{border-bottom:1px solid var(--ink);align-items:center;gap:12px;padding-block:10px;font-size:14px;font-weight:600;display:inline-flex}.menu-toggle,#mobile-nav{display:none}.eyebrow{letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:600}.display-title{font-size:var(--display-size);letter-spacing:-.06em;font-weight:600;line-height:1.02}.line{margin-block:-.08em -.16em;padding-block:.08em .16em;display:block;overflow:hidden}.line-inner{display:block}.soft-text{color:var(--muted)}.section-label{letter-spacing:.09em;text-transform:uppercase;gap:20px;margin-bottom:clamp(40px,5.5vw,88px);padding-top:18px;font-size:12px;font-weight:600;display:flex;position:relative}.section-label:before{content:"";transform-origin:0;background:currentColor;height:1px;position:absolute;inset:0 0 auto}.section-label-index{font-variant-numeric:tabular-nums;color:var(--muted)}.section-title{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(36px,4.7vw,72px);line-height:1.06}.split-intro{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(28px,6vw,104px);margin-bottom:clamp(44px,5.5vw,80px);display:grid}.split-copy{color:var(--muted);padding-top:.5em}.split-copy p{max-width:46ch}.split-copy p+p{margin-top:18px}.split-copy [lang=zh-Hant]{font-size:15px;line-height:1.9}.split-copy .split-lede{color:var(--ink);letter-spacing:-.01em;font-size:18px;font-weight:500}.hero{padding-top:clamp(24px,3.4vw,56px);padding-bottom:clamp(64px,8vw,128px)}.hero-meta{justify-content:space-between;gap:24px;padding-bottom:clamp(36px,5.4vw,88px);display:flex}.hero-main{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(16px,3vw,56px);display:grid}.hero-break{display:none}.hero-symbol{margin-bottom:calc(var(--display-size) * .19)}.hero-symbol>span{letter-spacing:-.145em;transform-origin:0 100%;padding-right:.16em;font-family:Arial,sans-serif;font-size:clamp(170px,24vw,400px);font-weight:900;line-height:.72;display:block;transform:skew(-7deg)}.hero-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-top:clamp(40px,5vw,80px);display:grid}.hero-bottom>p{max-width:44ch;color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.65}.hero-actions{align-items:center;gap:28px;display:flex}.button{justify-content:space-between;align-items:center;gap:22px;min-height:56px;padding:16px 22px;font-size:14px;font-weight:600;transition:background .25s,color .25s;display:inline-flex}.button-dark{color:var(--paper);background:var(--ink)}.text-link{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding-block:10px;font-size:14px;font-weight:600;display:inline-flex}.button .icon,.text-link .icon,.header-contact .icon,.contact-email .icon{transition:transform .35s var(--ease-out)}.product-row-status{align-items:center;gap:10px;font-size:13px;font-weight:500;display:inline-flex}.product-row-status:before{content:"";border:1.5px solid;border-radius:50%;flex-shrink:0;width:9px;height:9px}.product-row-status[data-state=released]:before{background:var(--accent)}.step-index{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.dark-band{background:var(--dark);color:var(--inverse);padding-top:clamp(56px,6vw,96px)}.dark-band :focus-visible{outline-color:var(--accent)}.dark-band .section-label-index,.dark-band .split-copy{color:var(--dark-muted)}.dark-band+.section{padding-top:clamp(56px,6vw,96px)}.dark-band .split-copy p:first-child{color:var(--inverse);font-size:18px}.site-footer{color:var(--muted);grid-template-columns:1fr 1fr 1fr;align-items:start;gap:26px;padding-block:40px;font-size:13px;display:grid}.footer-name{min-height:44px;color:var(--ink);align-items:center;font-size:15px;font-weight:700;display:inline-flex}.site-footer [lang]{margin-top:-6px}.site-footer>p{justify-self:center;margin-top:3px}.footer-end{text-align:right;justify-self:end}.footer-end .text-link{color:var(--ink);overflow-wrap:anywhere;margin-top:6px;font-size:13px}.not-found{padding-top:70px}.not-found h1{letter-spacing:-.06em;margin-block:70px 30px;font-size:clamp(40px,7vw,90px);line-height:1.1}.not-found p{margin-bottom:30px}.not-found .brand-mark{font-size:66px;display:inline-block}@media (prefers-color-scheme:dark){:root{--paper:#20221e;--ink:#f0f0e8;--muted:#b4b8aa;--line:#51554b;--dark:#171914;--dark-muted:#b4b8aa}}@media (width<=1023px){.site-header-inner{gap:28px}.desktop-nav{gap:22px}.hero-actions{gap:20px}}@media (width<=767px){:root{--header-height:64px;--display-size:clamp(46px, 14.4vw, 84px)}.site-header-inner{gap:8px}.brand{gap:10px;font-size:13px}.brand-mark{font-size:38px}.brand-zh{margin-top:3px;font-size:10px}.desktop-nav{display:none}.header-contact{text-underline-offset:6px;border-bottom:0;gap:6px;min-height:44px;margin-left:auto;font-size:13px;text-decoration:underline}.header-contact .icon{width:16px;height:16px}.menu-toggle{background:0 0;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;width:48px;height:48px;margin-right:-4px;padding:0;display:flex}.menu-toggle span{background:var(--ink);width:26px;height:1.5px;transition:transform .35s var(--ease-out);display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.25px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.25px)rotate(-45deg)}#mobile-nav:not([hidden]){height:calc(100dvh - var(--header-height));overscroll-behavior:contain;background:var(--paper);border-bottom:1px solid var(--line);padding-block:8px 28px;display:block;position:absolute;inset:100% 0 auto;overflow-y:auto}#mobile-nav a{letter-spacing:-.045em;border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:64px;font-size:30px;font-weight:600;display:flex}#mobile-nav a:last-child{border-bottom:0}#mobile-nav .icon{width:26px;height:26px;margin-left:auto}.mobile-nav-index{letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}html:has(.site-header.is-menu-open){overflow:hidden}html:not(.js) .menu-toggle{display:none}html:not(.js) .site-header{position:static}html:not(.js) .site-header-inner{flex-wrap:wrap;padding-block:10px}html:not(.js) .desktop-nav{order:3;gap:24px;width:100%;margin:0;display:flex}.section-label{gap:14px}.split-intro{grid-template-columns:1fr;gap:22px}.split-copy{padding-top:0}.section-title{font-size:clamp(34px,10.4vw,52px)}.hero{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow eyebrow""title title""triad symbol""bottom bottom";align-items:end;padding-top:20px;display:grid}.hero-meta,.hero-main{display:contents}.hero-meta>.eyebrow:first-child{grid-area:eyebrow;padding-bottom:28px}.hero .display-title{grid-area:title}.hero-triad{grid-area:triad;max-width:14ch;padding-bottom:6px;line-height:1.7}.hero-symbol{grid-area:symbol;margin:30px 0 0}.hero-symbol>span{padding-right:.1em;font-size:clamp(132px,41vw,260px)}.hero-break{display:inline}.hero-bottom{grid-area:bottom;margin-top:36px;display:block}.hero-actions{flex-wrap:wrap;gap:14px 24px;margin-top:28px}.site-footer{grid-template-columns:1fr;gap:22px;padding-block:36px}.site-footer>p,.footer-end{text-align:left;justify-self:start}}@media (width<=374px){.header-contact{display:none}.menu-toggle{margin-left:auto}}@media (hover:hover){.button-dark:hover{background:var(--muted)}.button:hover .icon,.text-link:hover .icon,.header-contact:hover .icon,.contact-email:hover .icon{transform:translate(3px,-3px)}.button[href^=\#]:hover .icon{transform:translateY(4px)}.text-link[href^=\/products]:hover .icon{transform:translate(4px)}.work-filters button:hover:not([aria-pressed=true]),.icon-button:hover{background:var(--line)}.work-open:hover .work-art img{transform:scale(1.035)}.work-open:hover .work-arrow,.product-row:hover .product-row-arrow{background:var(--ink);color:var(--paper);border-color:var(--ink)}.product-row:hover:after{transform:scaleX(1)}.product-row:hover .product-row-title{transform:translate(14px)}.service summary:hover{color:var(--muted)}}.product-row:focus-visible:after{transform:scaleX(1)}.product-row:focus-visible .product-row-title{transform:translate(14px)}.work-open:focus-visible .work-arrow,.product-row:focus-visible .product-row-arrow,.product-row:active .product-row-arrow,.work-open:active .work-arrow{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero .line-inner{animation:line-rise .95s var(--ease-out) both}.hero .line:nth-child(2) .line-inner{animation-delay:90ms}.hero-symbol>span{animation:mark-lean 1.15s var(--ease-out) .1s both}.hero-meta>*,.hero-identity{animation:.7s ease-out 50ms both fade-in}.hero-bottom{animation:fade-rise .8s var(--ease-out) .42s both}@media (hover:hover){.product-row:hover .product-row-arrow .icon,.work-open:hover .work-arrow .icon{animation:arrow-diagonal .55s var(--ease-soft)}.product-row:not([target]):hover .product-row-arrow .icon{animation-name:arrow-forward}}.product-row:focus-visible .product-row-arrow .icon,.work-open:focus-visible .work-arrow .icon{animation:arrow-diagonal .55s var(--ease-soft)}.product-row:not([target]):focus-visible .product-row-arrow .icon{animation-name:arrow-forward}#mobile-nav:not([hidden]){animation:menu-in .4s var(--ease-out) both}#mobile-nav:not([hidden]) a{animation:fade-rise .5s var(--ease-out) both;animation-delay:calc(60ms + var(--i,0) * 45ms)}.service[open] p{animation:fade-rise .4s var(--ease-out) both}.gallery-dialog[open]{animation:dialog-in .35s var(--ease-out) both}.gallery-dialog[open]::backdrop{animation:.3s ease-out both fade-in}.work-stage{transition:opacity .32s ease-out}.work-section.is-switching .work-stage{opacity:0;transition-duration:.14s}::view-transition-group(*){animation-duration:.5s;animation-timing-function:var(--ease-out)}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}.reveal-ready[data-reveal=rise]{opacity:0;transition:opacity .8s ease-out var(--delay,0s), transform .9s var(--ease-out) var(--delay,0s);transform:translateY(20px)}.reveal-ready[data-reveal=rise].is-visible{opacity:1;transform:none}.reveal-ready[data-reveal=rule]:before{transition:transform 1.1s var(--ease-out);transform:scaleX(0)}.reveal-ready[data-reveal=rule]>*{opacity:0;transition:opacity .6s ease-out .25s}.reveal-ready[data-reveal=rule].is-visible:before{transform:none}.reveal-ready[data-reveal=rule].is-visible>*{opacity:1}.reveal-ready[data-reveal=lines] .line-inner{transition:transform 1s var(--ease-out);transform:translateY(108%)}.reveal-ready[data-reveal=lines] .line:nth-child(2) .line-inner{transition-delay:.1s}.reveal-ready[data-reveal=lines].is-visible .line-inner{transform:none}.reveal-ready[data-reveal=stagger]>*{opacity:0;transition:opacity .6s ease-out calc(var(--i,0) * 70ms), transform .7s var(--ease-out) calc(var(--i,0) * 70ms);transform:translateY(14px)}.reveal-ready[data-reveal=stagger]>:nth-child(2){--i:1}.reveal-ready[data-reveal=stagger]>:nth-child(3){--i:2}.reveal-ready[data-reveal=stagger]>:nth-child(4){--i:3}.reveal-ready[data-reveal=stagger]>:nth-child(5){--i:4}.reveal-ready[data-reveal=stagger]>:nth-child(n+6){--i:5}.reveal-ready[data-reveal=stagger].is-visible>*{opacity:1;transform:none}.reveal-ready[data-reveal=media] :is(.work-art,.software-visual){clip-path:inset(0 0 100%);transition:clip-path 1.1s var(--ease-out)}.reveal-ready[data-reveal=media] :is(.work-art,.software-visual) img{transition:transform 1.4s var(--ease-out);transform:scale(1.08)}.reveal-ready[data-reveal=media] :is(.work-caption,.software-case-copy,.work-badge){opacity:0;transition:opacity .7s ease-out .3s}.reveal-ready[data-reveal=media].is-visible :is(.work-art,.software-visual){clip-path:inset(0)}.reveal-ready[data-reveal=media].is-visible :is(.work-art,.software-visual) img{transform:none}.reveal-ready[data-reveal=media].is-visible :is(.work-caption,.software-case-copy,.work-badge){opacity:1}@media (hover:hover){.reveal-ready.is-visible .work-open:hover .work-art img{transition-duration:.9s;transform:scale(1.035)}}}@keyframes line-rise{0%{transform:translateY(108%)}}@keyframes mark-lean{0%{opacity:0;transform:translate(-3%)skew(0deg)}to{opacity:1;transform:skew(-7deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-10px)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes arrow-diagonal{0%{transform:none}45%{transform:translate(130%,-130%)}46%{transform:translate(-130%,130%)}to{transform:none}}@keyframes arrow-forward{0%{transform:none}45%{transform:translate(160%)}46%{transform:translate(-160%)}to{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media print{.reveal-ready,.reveal-ready *{opacity:1!important;clip-path:none!important;transform:none!important}}