:root{--paper:#f6f5f0;--ink:#252923;--muted:#697065;--line:#dcded4;--orange:#e3683d;--orange-dark:#a74020;--soft:#eeeee6;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}::selection{background:#f1b59b;color:var(--ink)}:focus-visible{outline:3px solid var(--orange-dark);outline-offset:5px}img,svg{max-width:100%}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:white;z-index:200}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,240,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:27px;font-weight:730;letter-spacing:-1.2px;white-space:nowrap}.brand-studio{font-size:16px;font-weight:450;letter-spacing:-.5px;margin-left:6px}.brand-dot{color:var(--orange)}.brand-lockup{display:flex;align-items:center;gap:18px}.brand-chinese{border-left:1px solid var(--line);padding-left:18px;font-size:16px;font-weight:500;letter-spacing:2px;line-height:1.4}.brand-mark{display:flex;align-items:center;gap:3px;height:30px;transform:skew(-14deg)}.brand-mark i{display:block;background:var(--orange);width:6px;height:26px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:26px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:46px;padding-top:70px;padding-bottom:67px;min-height:664px}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono),var(--font);font-size:11px;font-weight:500;line-height:1.7;letter-spacing:1.1px;margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.6vw,64px);line-height:1.38;letter-spacing:-2.3px;font-weight:760;margin-bottom:25px;white-space:nowrap}.accent-word{position:relative}.accent-word svg{position:absolute;bottom:-10px;width:100%;height:16px;left:0;fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round}.hero-description{font-size:15px;line-height:1.95;color:var(--muted);letter-spacing:.3px;margin-bottom:32px}.hero-actions{display:flex;gap:26px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:16px 21px;border:0;border-radius:4px;font-size:13px;font-weight:650;line-height:1.4;min-height:51px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:#25251e}.button-primary:hover{background:#ec7a50}.text-link{display:inline-flex;gap:17px;align-items:center;font-size:12px;font-weight:550}.text-link:hover{color:var(--orange-dark)}.hero-art{background:#eceee5;border-radius:8px;position:relative;overflow:hidden;border:1px solid #e0e3d8}.hero-art>img{display:block;width:100%;height:auto;margin:0}.section{padding-top:103px;padding-bottom:104px}h2{font-size:39px;line-height:1.45;letter-spacing:-1.4px;font-weight:700;margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{border:1px solid var(--line);background:#fafaf6;padding:30px 32px 0;border-radius:6px;transition:border-color .2s,background .2s;display:flex;flex-direction:column}.service-card:hover{border-color:#c1b4a6;background:#fffefa}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.service-icon{height:34px;width:34px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.service-number{font-family:var(--mono);font-size:11px;color:#8a8e82}.service-english{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:1.2px;margin-bottom:10px}.service-card h3{font-size:24px;letter-spacing:-.5px;margin-bottom:12px}.service-card>p:not(.service-english){color:var(--muted);font-size:13px;line-height:1.95;max-width:460px;margin-bottom:23px}.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:29px}.service-tags span{background:#efefe8;border:1px solid #e8e9e0;border-radius:3px;font-size:10px;color:#555d50;padding:6px 9px}.service-card-ai{background:#eff0e8}.contact-panel{padding:44px 51px 47px;background:#e77a50;border-radius:7px;overflow:hidden;position:relative}.contact-heading{display:flex;align-items:flex-start;justify-content:space-between}.contact-heading .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:22px}.contact-spark{position:absolute;right:52px;top:35px;font-size:97px;line-height:1.2;color:rgba(37,41,35,.8);font-family:Arial,sans-serif}.contact-panel h2{font-size:45px;line-height:1.4;margin-bottom:27px}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.contact-bottom p{font-size:13px;line-height:1.9;margin-bottom:21px}.email-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #8f4d35;padding-bottom:7px;font-size:21px;font-weight:500;letter-spacing:-.4px}.email-link:hover{color:#fff9ee}.site-footer{padding-top:50px;padding-bottom:26px}.footer-main{display:flex;align-items:center;gap:42px;margin-bottom:34px}.footer-main .brand{font-size:23px}.footer-main .brand-studio{font-size:14px}.footer-main .brand-mark{transform:scale(.85) skew(-14deg)}.footer-main>p{color:var(--muted);font-size:11px;margin-bottom:0}.back-top{margin-left:auto;display:flex;gap:17px;font-size:10px;align-items:center}.back-top span{font-size:17px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.2px}.footer-bottom>span:last-child{font-size:8px;letter-spacing:1px}
@media(min-width:1500px){.hero{min-height:730px;gap:60px}.hero h1{font-size:64px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:26px;padding-block:58px;min-height:600px}h1{font-size:48px}.hero-actions{gap:19px}.button{gap:18px;padding:15px 17px}.text-link{gap:12px;font-size:11px}.contact-spark{font-size:82px}}
@media(max-width:900px){.brand{font-size:24px}.brand-studio{font-size:14px}.hero{gap:24px;min-height:550px}.hero h1{font-size:40px;letter-spacing:-1.7px}.eyebrow{font-size:9px;letter-spacing:.7px}.hero-description{font-size:13px}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.section{padding-block:78px}h2{font-size:34px}.service-card{padding:26px 25px 0}.contact-panel{padding:37px}.contact-panel h2{font-size:40px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:28px}.contact-bottom p{margin-bottom:15px}.contact-spark{right:37px}.footer-main{gap:25px}.footer-main>p{font-size:10px}.footer-bottom{font-size:8px}}
@media(max-width:680px){html{scroll-padding-top:84px}.container{width:calc(100% - 40px)}.header-inner{height:72px}.brand{font-size:25px}.brand-studio{font-size:14px}.brand-mark{height:25px;gap:3px}.brand-mark i{width:5px;height:23px}.brand-mark i:nth-child(3){height:23px}.brand-mark i:nth-child(2){height:15px}.hero{grid-template-columns:1fr;gap:37px;padding-top:44px;padding-bottom:35px;min-height:auto}.hero h1{font-size:clamp(36px,8.9vw,54px);letter-spacing:-1.4px;line-height:1.4;margin-bottom:24px}.accent-word svg{bottom:-7px;height:13px}.hero-description{font-size:14px;line-height:1.9;margin-bottom:26px}.hero-actions{flex-direction:row;align-items:center;gap:23px}.hero-actions .button{font-size:12px;padding:15px 16px;gap:20px}.hero-actions .text-link{font-size:11px;gap:13px}.hero-art{max-width:100%;width:100%;margin-inline:auto}.hero-art>img{width:100%;max-height:365px;object-fit:contain}.section{padding-block:62px}h2{font-size:30px;letter-spacing:-.8px;line-height:1.45}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:25px 25px 0}.service-top{margin-bottom:20px}.service-card h3{font-size:23px}.service-card>p:not(.service-english){font-size:13px;line-height:1.9;margin-bottom:20px}.service-tags{margin-bottom:24px;gap:6px}.service-tags span{font-size:10px;padding:5px 8px}.contact-section{width:calc(100% - 24px)}.contact-panel{padding:30px 24px 32px;border-radius:6px}.contact-heading .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:23px}.contact-panel h2{font-size:34px;margin-bottom:22px}.contact-spark{font-size:62px;right:23px;top:57px}.contact-bottom{gap:25px}.contact-bottom p{font-size:12px;line-height:1.9}.email-link{font-size:clamp(16px,4.6vw,22px);gap:15px;letter-spacing:-.5px}.email-link .icon{height:18px;width:18px}.contact-bottom .button{font-size:12px;padding:16px 18px;gap:26px}.site-footer{padding-top:36px;padding-bottom:22px}.footer-main{flex-wrap:wrap;gap:18px;margin-bottom:26px}.footer-main .brand{font-size:24px;gap:8px}.footer-main>p{order:3;width:100%;font-size:10px}.back-top{font-size:9px;gap:10px}.footer-bottom{flex-direction:column;gap:12px;padding-top:20px;line-height:1.7;font-size:8px}.footer-bottom>span:last-child{font-size:7px}}
@media(max-width:480px){.brand-lockup{flex-direction:column;align-items:flex-start;gap:3px}.brand-chinese{border-left:0;padding-left:0;font-size:11px;letter-spacing:2.5px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero-actions{gap:16px}.hero-actions .button{padding:14px 13px;gap:12px;font-size:11px}.hero-actions .text-link{font-size:10px;gap:8px}.service-card{padding-inline:20px}.service-tags span{font-size:9px}.contact-panel{padding-inline:20px}.email-link{gap:10px}.contact-spark{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
