:root{--paper:#f0f2f2;--paper-raised:#fff;--ink:#40424d;--ink-soft:#676a78;--ink-faint:#9694a6;--hairline:#d9c5b4;--accent:#070e8c;--lesser:#9694a6;--crimson:#a60311;--font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;--max-w:1120px;--pad-x:clamp(20px,5vw,48px);--nav-h:64px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);letter-spacing:.02em;overflow-x:hidden;font-size:16px;line-height:1.75}::selection{background:var(--crimson);color:#fff}a{color:inherit;text-decoration:none}ul{list-style:none}img,canvas,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer}.container{max-width:var(--max-w);padding-inline:var(--pad-x);margin:0 auto}.kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:flex;align-items: center;gap:12px;margin-bottom:20px;font-size:12px}.kicker:after{content:"";background:var(--accent);transform-origin:left center;width:56px;height:1px}h1,h2,h3{letter-spacing:.03em;font-weight:700;line-height:1.35}.h-display{font-size:clamp(30px,5.2vw,58px);line-height:1.28}.h-section{margin-bottom:16px;font-size:clamp(24px,3.2vw,36px)}.lede{color:var(--ink-soft);max-width:34em;font-size:clamp(15px,1.6vw,18px)}.nav{position:fixed;height:var(--nav-h);z-index:100;background:color-mix(in srgb,var(--paper)86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);inset:0 0 auto}.nav__inner{max-width:var(--max-w);padding-inline:var(--pad-x);display:flex;justify-content:space-between;align-items: center;gap:24px;height:100%;margin:0 auto}.nav__logo{letter-spacing:.06em;display:flex;align-items:baseline;gap:10px;font-size:17px;font-weight:700}.nav__logo .en{font-family:var(--font-mono);letter-spacing:.28em;color:var(--ink-faint);font-size:11px}.nav__links{display:flex;align-items: center;gap:clamp(16px,3vw,36px);font-size:14.5px}.nav__links a{position:relative;color:var(--ink-soft);padding:6px 0;transition:color .25s}.nav__links a:hover{color:var(--ink)}.nav__links a.btn:hover{color:#fff}.nav__links a:not(.btn):after{content:"";position:absolute;background:var(--accent);height:1px;transition:right .3s cubic-bezier(.7,0,.2,1);bottom:0;left:0;right:100%}.nav__links a:not(.btn):hover:after,.nav__links a:not(.btn)[aria-current=page]:after{right:0}.nav__links a[aria-current=page]{color:var(--ink)}.btn{display:inline-flex;border:1px solid var(--accent);background:var(--paper-raised);color:var(--accent);letter-spacing:.08em;align-items: center;gap:10px;padding:10px 22px;transition:background .25s,color .25s,border-color .25s;font-size:14.5px}.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn--ghost{border-color:var(--ink-soft);color:var(--ink);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:0 0}.btn .arrow{font-family:var(--font-mono)}.nav .btn{padding:8px 18px;font-size:13.5px}.hero{position:relative;display:flex;overflow:hidden;align-items: center;min-height:100svh}.hero__canvas{position:absolute;z-index:0;width:100%;height:100%;inset:0}.hero__inner{position:relative;z-index:1;padding-top:var(--nav-h);width:100%}.hero h1 .accent{color:var(--accent)}.hero h1 .punct{color:var(--crimson)}.hero .lede{margin:28px 0 40px}.hero__cta{display:flex;flex-wrap:wrap;gap:16px}.hero__meta{position:absolute;z-index:1;pointer-events:none;bottom:28px;left:0;right:0}.hero__meta .container{display:flex;font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-faint);justify-content:space-between;align-items: center;font-size:11px}.scroll-hint{display:inline-flex;align-items: center;gap:10px}.scroll-hint:after{content:"";background:var(--ink-faint);animation:hint-drop 1.8s cubic-bezier(.7,0,.2,1)infinite;transform-origin:top center;width:1px;height:36px}@keyframes hint-drop{0%{transform:scaleY(0)}45%{transform:scaleY(1);transform-origin:top center}55%{transform:scaleY(1);transform-origin:bottom center}to{transform:scaleY(0);transform-origin:bottom center}}.section{position:relative;padding:clamp(80px,12vh,140px) 0}.section+.section{border-top:1px solid var(--hairline)}.section__head{margin-bottom:clamp(40px,6vw,72px)}.section__head{display:grid;grid-template-columns:1fr;gap:8px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--hairline);border:1px solid var(--hairline);gap:1px}.value-card{background:var(--paper);padding:40px 32px 48px;transition:background .3s}.value-card:hover{background:var(--paper-raised)}.value-card .num{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.2em;font-size:12px}.value-card h3{margin:18px 0 12px;font-size:20px}.value-card p{color:var(--ink-soft);font-size:15px}.value-card .glyph{color:var(--hairline);opacity:1;height:40px;margin-top:28px}.value-card .glyph svg{overflow:visible;width:auto;height:100%}.value-card .glyph path,.value-card .glyph circle,.value-card .glyph polyline{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.value-card .glyph .pulse{stroke:var(--accent);stroke-width:1.6;stroke-dasharray:16 84;opacity:0;transition:opacity .35s}.value-card .glyph .pulse--b,.value-card:nth-child(2) .glyph .pulse{stroke:var(--crimson)}.value-card:nth-child(2) .glyph .pulse--b{stroke:var(--lesser)}.value-card:hover .glyph .pulse{opacity:1;animation:glyph-signal 2.8s linear infinite}.value-card:hover .glyph .pulse--b{animation-delay:-1.4s}@keyframes glyph-signal{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.service-row{display:grid;grid-template-columns:88px 1fr auto;border-bottom:1px solid var(--hairline);align-items:baseline;gap:24px;padding:32px 8px;transition:padding-left .35s cubic-bezier(.7,0,.2,1),background .3s}.service-row:first-of-type{border-top:1px solid var(--hairline)}.service-row:hover{background:var(--paper-raised);padding-left:24px}.service-row .num{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.18em;font-size:13px}.service-row h3{font-size:clamp(18px,2.4vw,24px)}.service-row p{color:var(--ink-soft);max-width:44em;margin-top:6px;font-size:15px}.service-row .tags{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);white-space:nowrap;font-size:11.5px}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--hairline);border:1px solid var(--hairline);gap:1px}.client-cell{background:var(--paper);aspect-ratio:2.2;display:flex;flex-direction:column;justify-content:center;align-items: center;gap:6px;transition:background .3s}.client-cell:hover{background:var(--paper-raised)}.client-cell .mark{letter-spacing:.08em;font-size:clamp(14px,1.6vw,17px);font-weight:700}.client-cell .field{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-faint);font-size:10.5px}.cta-band{text-align:center}.cta-band .h-section{margin-bottom:12px}.cta-band .lede{margin:0 auto 36px}.page-head{padding:calc(var(--nav-h) + clamp(64px,10vh,120px))0 clamp(40px,6vh,64px)}.page-head .lede{margin-top:16px}.post-row{display:grid;grid-template-columns:130px 1fr auto;border-bottom:1px solid var(--hairline);align-items:baseline;gap:24px;padding:28px 8px;transition:padding-left .35s cubic-bezier(.7,0,.2,1),background .3s}.post-row:first-of-type{border-top:1px solid var(--hairline)}.post-row:hover{background:var(--paper-raised);padding-left:24px}.post-row time{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.12em;font-size:12px}.post-row h3{font-size:clamp(17px,2vw,21px);font-weight:500}.post-row .cat{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent)35%,transparent);white-space:nowrap;padding:3px 10px;font-size:11px}.story-card{border:1px solid var(--hairline);background:var(--paper-raised);display:grid;grid-template-columns:1fr 220px;gap:clamp(24px,4vw,56px);margin-bottom:24px;padding:clamp(28px,4vw,48px)}.story-card .client{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-faint);margin-bottom:14px;font-size:12px}.story-card h3{margin-bottom:12px;font-size:clamp(19px,2.4vw,26px)}.story-card p{color:var(--ink-soft);font-size:15px}.story-card .metrics{border-left:1px solid var(--hairline);display:flex;flex-direction:column;justify-content:center;gap:22px;padding-left:clamp(20px,2.5vw,36px)}.metric .val{font-family:var(--font-mono);color:var(--accent);font-size:clamp(24px,3vw,32px);line-height:1.1}.metric .label{color:var(--ink-faint);margin-top:4px;font-size:12.5px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,6vw,88px);padding-bottom:clamp(80px,12vh,140px)}.contact-info dt{font-family:var(--font-mono);letter-spacing:.22em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:6px;font-size:11px}.contact-info dd{margin:0 0 28px;font-size:15.5px}.contact-info a{border-bottom:1px solid var(--hairline);transition:border-color .25s}.contact-info a:hover{border-color:var(--accent);color:var(--accent)}.form-field{margin-bottom:26px}.form-field label{display:block;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;font-size:11px}.form-field input,.form-field textarea{border:none;border-bottom:1px solid var(--hairline);font:inherit;color:var(--ink);outline:none;background:0 0;border-radius:0;width:100%;padding:10px 2px;transition:border-color .3s}.form-field textarea{resize:vertical;min-height:120px}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-status{color:var(--ink-soft);min-height:1.5em;margin-top:16px;font-size:13.5px}.form-status.is-ok{color:var(--accent)}.form-status.is-error{color:var(--crimson)}#contact-form button[disabled]{opacity:.55;pointer-events:none}.footer{border-top:1px solid var(--hairline);padding:48px 0 40px}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-end;gap:24px}.footer__brand{letter-spacing:.06em;font-weight:700}.footer__brand .en{display:block;font-family:var(--font-mono);letter-spacing:.28em;color:var(--ink-faint);margin-top:6px;font-size:11px;font-weight:400}.footer__links{display:flex;color:var(--ink-soft);gap:24px;font-size:13.5px}.footer__links a:hover{color:var(--accent)}.footer__legal{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-faint);font-size:11px}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}[data-reveal].in{opacity:1;transform:none}.rule{background:var(--ink);transform-origin:left center;height:1px;transition:transform 1.1s cubic-bezier(.7,0,.2,1);transform:scaleX(0)}.rule.in{transform:scaleX(1)}.pen-wipe{position:fixed;z-index:200;background:var(--paper);pointer-events:none;will-change:transform;inset:0;transform:translateY(-101%)}.pen-wipe:after{content:"";position:absolute;background:var(--accent);height:2px;bottom:-2px;left:0;right:0}.pen-wipe canvas{position:absolute;width:100%;height:100%;inset:0}.pen-wipe.is-covering{transition:transform .5s cubic-bezier(.76,0,.24,1);transform:translateY(0)}.pen-wipe.is-leaving{transition:transform .5s cubic-bezier(.76,0,.24,1);transform:translateY(101%)}html.is-transitioning{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M3 20C7 8 11 26 15 14S23 6 29 16' fill='none' stroke='%239694a6' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M4 24C10 18 12 30 18 22S26 18 30 24' fill='none' stroke='%23a60311' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M2 12C8 14 10 4 16 8S26 12 30 6' fill='none' stroke='%23070e8c' stroke-width='1.2' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") 16 16,progress}html.is-transitioning *{pointer-events:none}html.is-transitioning.has-3d-cursor{cursor:none}.cursor-loader{position:fixed;z-index:300;pointer-events:none;display:none;width:64px;height:64px;top:0;left:0}.cursor-loader.is-active{display:block}.cursor-loader canvas{display:block;width:100%;height:100%}@media (max-width:900px){.values-grid{grid-template-columns:1fr}.clients-grid{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:56px 1fr}.service-row .tags{grid-column:2}.story-card{grid-template-columns:1fr}.story-card .metrics{border-left:none;border-top:1px solid var(--hairline);flex-direction:row;gap:40px;padding:24px 0 0}.contact-grid{grid-template-columns:1fr}.post-row{grid-template-columns:1fr;gap:6px}}@media (max-width:640px){.nav__links a:not(.btn),.hero__meta .coords{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transition:none;transform:none}.rule{transition:none;transform:scaleX(1)}.scroll-hint:after{animation:none}.value-card .glyph .pulse,.value-card:hover .glyph .pulse{animation:none;visibility:hidden}.pen-wipe.is-covering,.pen-wipe.is-leaving{transition-duration:10ms}}