@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/poppins-latin-500-normal.7777133e.woff2) format("woff2"),url(/_next/static/media/poppins-latin-500-normal.fd8e96c2.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/poppins-latin-600-normal.d8692086.woff2) format("woff2"),url(/_next/static/media/poppins-latin-600-normal.c070cf14.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/poppins-latin-700-normal.9a881e2a.woff2) format("woff2"),url(/_next/static/media/poppins-latin-700-normal.c83dad1a.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/inter-latin-400-normal.ef6d3f52.woff2) format("woff2"),url(/_next/static/media/inter-latin-400-normal.2c7a775c.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/inter-latin-500-normal.b7b43ace.woff2) format("woff2"),url(/_next/static/media/inter-latin-500-normal.cb4c8ceb.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/inter-latin-600-normal.8fb1a964.woff2) format("woff2"),url(/_next/static/media/inter-latin-600-normal.ce0f5f43.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/_next/static/media/inter-latin-800-normal.95045d68.woff2) format("woff2"),url(/_next/static/media/inter-latin-800-normal.cbc721b6.woff) format("woff")}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-horizontal],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{--charcoal:#2b2f31;--charcoal-2:#24282a;--black:#000;--ink:#0e0f10;--paper:#fff;--muted-on-dark:rgba(255,255,255,0.64);--muted-on-light:#5b5f63;--line-on-dark:rgba(255,255,255,0.14);--line-on-light:#e7e7e7;--accent:#a9a1fa;--font-display:"Poppins","Noto Sans TC","Noto Sans CJK TC",system-ui,sans-serif;--font-sans:"Inter","Noto Sans TC","Noto Sans CJK TC",system-ui,sans-serif;--pad-x:clamp(20px,5vw,72px);--ease-out:cubic-bezier(0.2,0.75,0.2,1);--ease-io:cubic-bezier(0.76,0,0.24,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}a{color:inherit}img{display:block;max-width:100%}button{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{width:100%;max-width:1360px;margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}.sw{overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}.sw,.sw-i{display:inline-block}.js [data-split] .sw-i{transform:translateY(108%);transition:transform 1.05s var(--ease-out);transition-delay:calc(var(--d, 0s) + var(--i, 0) * 45ms)}.js [data-split].is-in .sw-i{transform:none}.js [data-fade]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out)}.js [data-fade].is-in{opacity:1;transform:none}html.has-cursor,html.has-cursor *{cursor:none!important}.cursor{position:fixed;left:0;top:0;z-index:1100;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .3s}.cursor.is-visible{opacity:1}.cursor-dot{display:block;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;transition:transform .45s var(--ease-out)}.cursor[data-mode=link] .cursor-dot{transform:scale(3.4)}.cursor[data-mode=hide] .cursor-dot{transform:scale(0)}.cursor[data-mode=big] .cursor-dot{transform:scale(7)}.cursor.is-down .cursor-dot{transform:scale(.7)}.curtain{position:fixed;inset:0;z-index:1000;background:var(--charcoal);display:grid;place-items:center;pointer-events:none;transform:translateY(100%)}.curtain-logo{width:120px;height:auto;opacity:.9}.curtain[data-state=intro]{transform:translateY(0);animation:curtain-out .95s var(--ease-io) .2s forwards}.curtain[data-state=cover]{transform:translateY(0);transition:transform .7s var(--ease-io);pointer-events:auto}.curtain[data-state=reveal]{transform:translateY(-100%);transition:transform .85s var(--ease-io)}.curtain[data-state=idle]{transform:translateY(100%);visibility:hidden}@keyframes curtain-out{to{transform:translateY(-100%)}}.top{background:var(--charcoal);color:var(--paper);position:relative;overflow-x:clip}.site-header{display:flex;align-items:center;justify-content:space-between;padding-top:clamp(22px,4vw,40px);padding-bottom:12px;position:relative;z-index:5}.logo{display:block;margin-left:-6px}.logo img{height:clamp(46px,4.6vw,66px);width:auto;transition:transform .5s var(--ease-out)}.logo:hover img{transform:rotate(-4deg) scale(1.04)}.nav{display:flex;gap:clamp(20px,4.6vw,68px);font-size:13px;font-weight:500;letter-spacing:.01em}.nav a{position:relative;text-decoration:none;padding:6px 0}.nav a:before{content:"";position:absolute;left:-11px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--accent);transform:translateY(-50%) scale(0);transition:transform .35s var(--ease-out)}.nav a:hover:before,.nav a[aria-current=page]:before{transform:translateY(-50%) scale(1)}.hero{display:flex;justify-content:flex-end;padding-top:clamp(72px,15vh,170px);padding-bottom:clamp(56px,11vh,120px)}.hero-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(36px,5.6vw,96px);line-height:1.1;letter-spacing:-.035em;text-align:right}.hero-title .line{display:block}.reveal{--pad:180px;position:relative}.reveal-mask{position:absolute;inset:calc(var(--pad) * -1);padding:var(--pad);pointer-events:none;-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);z-index:4;will-change:clip-path}.reveal-mask>*{margin:0}.reveal--dark .reveal-mask{background:var(--paper);color:var(--ink)}.reveal--light .reveal-mask{background:var(--ink);color:var(--paper)}.works-head-band{background:var(--charcoal);color:var(--paper)}.works-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;align-items:center;padding-bottom:22px}.works-head .slider-ctrl{grid-column:1/5}.works-meta{grid-column:6/13;display:flex;align-items:baseline;gap:clamp(16px,3vw,44px);font-size:13px}.works-name{font-family:var(--font-display);font-weight:600;font-size:15px;text-decoration:none}.works-tags{color:var(--muted-on-dark)}.slider-ctrl{display:flex;align-items:center;gap:10px}.ctrl-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease-out)}.ctrl-btn .icon-arrow{width:14px;height:14px}.ctrl-btn:hover{background:var(--paper);color:var(--ink)}.ctrl-btn--next,.ctrl-btn:hover{border-color:var(--paper)}.ctrl-btn--dark,.slider-ctrl--light .ctrl-btn{border-color:rgba(0,0,0,.3);color:var(--ink)}.slider-ctrl--light .ctrl-btn--next{border-color:var(--ink)}.ctrl-btn--dark:hover,.slider-ctrl--light .ctrl-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ctrl-count{margin-left:8px;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.7}.ctrl-count i{font-style:normal;opacity:.5;margin:0 2px}.swap-wrap{overflow:hidden;vertical-align:bottom}.swap,.swap-wrap{display:inline-block}.swap{animation:swap-in .9s var(--ease-out) both}@keyframes swap-in{0%{transform:translateY(110%)}to{transform:none}}.works{background:var(--paper);overflow-x:clip}.works-stage{position:relative;z-index:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px}.works-stage:before{content:"";position:absolute;z-index:-1;top:0;left:50%;width:100vw;margin-left:-50vw;height:55%;background:var(--charcoal)}.media{position:relative;overflow:hidden;background:#1b1e20;display:block}.media-layer{position:absolute;inset:0;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}.media-layer[data-dir="-1"]{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.media-layer.is-prev{z-index:1}.media-layer.is-active,.media-layer.is-prev{-webkit-clip-path:inset(0);clip-path:inset(0)}.media-layer.is-active{z-index:2;transition:-webkit-clip-path 1.1s var(--ease-io);transition:clip-path 1.1s var(--ease-io);transition:clip-path 1.1s var(--ease-io),-webkit-clip-path 1.1s var(--ease-io)}.media-layer img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);transition:transform 1.8s var(--ease-out)}.media-layer.is-active img{transform:scale(1)}.works-sub--0 .media-layer.is-active{transition-delay:.08s}.works-sub--1 .media-layer.is-active{transition-delay:.16s}.works-main{grid-column:1/9;aspect-ratio:16/10;text-decoration:none}.media-cta{position:absolute;z-index:3;right:18px;bottom:16px;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease-out)}.media-cta .icon-arrow{width:12px;height:12px}.works-main:focus-visible .media-cta,.works-main:hover .media-cta{opacity:1;transform:none}.works-label{grid-column:9/12;align-self:start;margin:18% 0 0;padding-left:12px;font-size:13px;font-style:italic;color:var(--muted-on-dark)}.works-social{grid-column:9/13;grid-row:1;align-self:end;justify-self:end;margin-bottom:18%;display:flex;align-items:center;gap:18px;color:var(--ink)}.works-social a{display:inline-flex;font-size:12px;text-decoration:none;opacity:.75;transition:opacity .25s}.works-social a:hover{opacity:1}.works-social svg{width:17px;height:17px}.works-subs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;margin-top:20px}.works-sub-slot:first-child{grid-column:5/9}.works-sub-slot:nth-child(2){grid-column:9/13}.works-sub{aspect-ratio:3/4.3;will-change:transform}.works-foot{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;align-items:center;padding-top:56px}.works-foot .slider-ctrl{grid-column:5/9;grid-row:1}.works-desc{grid-column:1/5;grid-row:1;max-width:26em;margin:0;font-size:13px;line-height:1.7;color:var(--muted-on-light)}.works-foot-name{grid-column:11/13;grid-row:1;justify-self:end;font-size:12px;font-style:italic}.about{padding:clamp(120px,20vh,220px) 0 clamp(80px,12vh,140px);overflow-x:clip}.about-title{margin:0;max-width:16.5em;font-family:var(--font-display);font-weight:600;font-size:clamp(32px,4.3vw,72px);line-height:1.12;letter-spacing:-.045em}.about-title .line{display:block}.about .reveal{max-width:16.5em;font-size:clamp(32px,4.3vw,72px)}.about-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;margin-top:clamp(48px,7vw,96px)}.about-col{font-size:15px;line-height:1.95;color:#2c2f32}.about-col:first-child{grid-column:1/6}.about-col:nth-child(2){grid-column:7/12;transition-delay:.12s}.about-col p{margin:0 0 1.1em}.services{padding:clamp(60px,10vh,120px) 0 clamp(80px,12vh,140px);text-align:center;overflow-x:clip}.eyebrow{margin:0 0 clamp(20px,3vw,36px);font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:-.01em;text-align:center}.svc-list{list-style:none;margin:0;padding:0}.svc{position:relative;cursor:default}.svc-text{margin:0;padding:0 var(--pad-x);font-family:var(--font-sans);font-weight:400;font-size:clamp(30px,6.6vw,112px);line-height:1.16;letter-spacing:-.035em;white-space:nowrap}.svc-pill{display:inline-block;width:1.5em;height:.74em;margin:0 .04em;border-radius:999px;overflow:hidden;vertical-align:-.02em;background:#ddd}.svc-pill img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}.svc:hover .svc-pill img{transform:scale(1.15)}.svc-band{position:absolute;top:8%;bottom:8%;left:50%;width:100vw;margin-left:-50vw;background:var(--ink);color:var(--paper);display:flex;align-items:center;overflow:hidden;-webkit-clip-path:inset(50% 0 50% 0);clip-path:inset(50% 0 50% 0);transition:-webkit-clip-path .6s var(--ease-io);transition:clip-path .6s var(--ease-io);transition:clip-path .6s var(--ease-io),-webkit-clip-path .6s var(--ease-io);pointer-events:none}.svc-track{display:flex;width:max-content;animation:marquee 26s linear infinite;animation-play-state:paused}.svc-item{display:inline-flex;align-items:center;gap:clamp(22px,3vw,44px);padding-right:clamp(22px,3vw,44px);font-size:clamp(14px,1.45vw,22px);font-weight:500;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}.svc-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}@media (hover:hover){.svc:hover .svc-band{-webkit-clip-path:inset(0);clip-path:inset(0)}.svc:hover .svc-track{animation-play-state:running}}.svc[data-active] .svc-band{-webkit-clip-path:inset(0);clip-path:inset(0)}.svc[data-active] .svc-track{animation-play-state:running}@keyframes marquee{to{transform:translateX(-50%)}}.services-cta{margin-top:clamp(32px,5vw,56px)}.pill-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;text-decoration:none;transition:background .3s,color .3s,transform .3s var(--ease-out)}.pill-btn .icon-arrow{width:14px;height:14px;transition:transform .3s var(--ease-out)}.pill-btn:hover{background:var(--accent);color:var(--ink)}.pill-btn:hover .icon-arrow{transform:translateX(3px)}.stack{padding:clamp(40px,6vh,80px) 0 clamp(100px,16vh,180px)}.stack .eyebrow{margin-bottom:clamp(48px,6vw,80px)}.stack-grid{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-row-gap:clamp(44px,6vw,80px);row-gap:clamp(44px,6vw,80px);grid-column-gap:24px;column-gap:24px}.stack-item{display:flex;align-items:center;justify-content:center;gap:10px;color:#161616;font-weight:600;font-size:clamp(14px,1.3vw,17px);letter-spacing:-.015em;transition:color .3s}.stack-item svg{fill:currentColor;flex-shrink:0}.stack-img,.stack-item svg{width:clamp(22px,2.2vw,28px);height:clamp(22px,2.2vw,28px)}.stack-img{filter:grayscale(1) invert(1) contrast(3);transition:filter .3s}.stack-item:hover{color:var(--brand)}.stack-item:hover .stack-img{filter:none}.contact{background:var(--black);color:var(--paper);overflow-x:clip;padding:clamp(110px,18vh,200px) 0 32px}.contact-top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;flex-wrap:wrap}.say{position:relative;display:inline-block;text-decoration:none}.say-text{display:block;font-family:var(--font-sans);font-weight:800;line-height:.92;letter-spacing:-.05em}.say-line,.say-text{font-size:clamp(76px,13vw,220px)}.say-line{position:absolute;left:.04em;bottom:-.16em;height:6px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease-io)}.say:focus-visible .say-line,.say:hover .say-line{transform:scaleX(.94)}.contact-handle{display:inline-flex;align-items:center;gap:12px;margin-top:1.6em;font-size:14px;text-decoration:none;opacity:.85;transition:opacity .25s}.contact-handle:hover{opacity:1}.contact-handle svg{width:18px;height:18px}.contact-sep{width:1px;height:16px;background:rgba(255,255,255,.5)}.contact-lead{margin:clamp(40px,5vw,64px) 0 0;font-size:15px;line-height:1.8;color:var(--muted-on-dark)}.contact-lead strong{color:var(--paper);font-weight:600}.contact-bottom{margin-top:clamp(80px,12vh,140px);padding-top:24px;border-top:1px solid var(--line-on-dark);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.5)}.contact-links{display:flex;gap:24px}.contact-links a{text-decoration:none;transition:color .25s}.contact-links a:hover{color:var(--paper)}.hero--blog{flex-direction:column;align-items:stretch;gap:clamp(40px,8vh,80px)}.hero--blog .reveal{align-self:flex-end}.blog-intro{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;font-family:var(--font-display);font-weight:600;font-size:13px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.blog-intro-zh{font-family:var(--font-sans);font-weight:400;color:var(--muted-on-dark)}.blog{padding:clamp(80px,14vh,160px) 0 clamp(100px,16vh,180px)}.blog-empty{text-align:center}.blog-empty-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(34px,5vw,80px);letter-spacing:-.045em;line-height:1.1}.blog-empty-sub{margin:16px 0 36px;color:var(--muted-on-light);font-size:15px}.blog-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-on-light)}.blog-list li{border-bottom:1px solid var(--line-on-light)}.blog-item{display:grid;grid-template-columns:140px 1fr auto 44px;grid-gap:24px;gap:24px;align-items:center;padding:34px 0;text-decoration:none;transition:padding .5s var(--ease-out)}.blog-item:hover{padding-left:16px}.blog-date{font-size:12px;color:var(--muted-on-light);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.blog-main{display:flex;flex-direction:column;gap:6px}.blog-title{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2.4vw,34px);letter-spacing:-.03em;line-height:1.2}.blog-excerpt{font-size:14px;color:var(--muted-on-light)}.blog-tag{font-size:12px;font-style:italic}.blog-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-on-light);display:grid;place-items:center;transition:background .3s,color .3s}.blog-arrow .icon-arrow{width:16px;height:16px}.blog-item:hover .blog-arrow{background:var(--ink);color:var(--paper)}@media (max-width:1024px){.works-meta{grid-column:5/13}}@media (max-width:820px){.nav{font-size:12px}.nav a:before{left:-9px}.hero{padding-top:clamp(64px,12vh,120px)}.hero-title .line{display:inline}.hero-title .line+.line:before{content:" "}.reveal{--pad:0px}.works-head{grid-template-columns:1fr;row-gap:14px}.works-head .slider-ctrl,.works-meta{grid-column:1/-1}.works-meta{flex-wrap:wrap;gap:4px 16px}.works-main{grid-column:1/-1}.works-label{display:none}.works-social{grid-column:1/-1;grid-row:2;justify-self:start;margin:18px 0 0}.works-stage:before{height:40%}.works-subs{grid-template-columns:1fr 1fr;column-gap:12px}.works-sub-slot:first-child,.works-sub-slot:nth-child(2){grid-column:auto}.works-sub-slot:nth-child(2){margin-top:40px}.works-foot{grid-template-columns:1fr auto;row-gap:14px;padding-top:32px}.works-foot .slider-ctrl{grid-column:1/2}.works-foot-name{grid-column:2/3}.works-desc{grid-column:1/-1;grid-row:2}.about-body{grid-template-columns:1fr}.about-col:first-child,.about-col:nth-child(2){grid-column:1/-1}.svc-text{padding:0 16px}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-item{justify-content:flex-start;padding-left:12%}.contact-handle{margin-top:0}.blog-item{grid-template-columns:1fr 44px;gap:12px 16px}.blog-date{grid-column:1/-1}.blog-tag{display:none}}@media (max-width:480px){.site-header{padding-top:20px}.nav{gap:18px}.contact-links{gap:16px}}@media (prefers-reduced-motion:reduce){.js [data-fade],.js [data-split] .sw-i{transform:none;opacity:1;transition:none}.curtain[data-state=intro]{animation-duration:.01s;animation-delay:0s}.svc-track{animation:none}.media-layer img,.media-layer.is-active{transition:none}}