:root{--white:#fff;--ink:#343334;--surface:#f7f7f7;--muted:#666;--line:#d6d6d6;--accent:#d02e6f;--hover:#bb2964;--sage:#b5d1c0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans TC Variable,Noto Sans TC,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.45}h1{font-size:clamp(34px,4.05vw,58px)}h2{white-space:pre-line;font-size:40px}h3{font-size:22px}p+p{margin-top:16px}.container{width:calc(100% - 192px);max-width:1248px;margin-inline:auto}.section{padding:80px 0}.surface{background:var(--surface)}.eyebrow{letter-spacing:.1em;margin-bottom:28px;font-size:13px;font-weight:600}.accent{color:var(--accent)}.muted{color:var(--muted)}.whitespace{white-space:pre-line}.header{z-index:20;background:#fff;justify-content:space-between;align-items:center;height:100px;padding:0 64px;display:flex;position:relative}.logo{white-space:nowrap;align-items:center;gap:12px;font-size:28px;font-weight:800;text-decoration:none;display:flex}.desktop-nav{gap:40px;font-size:15px;display:flex}.desktop-nav a{text-decoration:none}.desktop-nav a:hover{color:var(--accent);text-decoration:underline}.mobile-nav{display:none}.skip-link{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.hero{background:var(--ink);color:#fff;height:720px;position:relative}.hero-image{object-fit:cover;width:100%;height:100%}.hero-shade{background:linear-gradient(90deg,#000c,#0000);width:58.3333%;position:absolute;inset:0 auto 0 0}.hero-copy{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:80px 0}.hero-copy p{letter-spacing:.07em;font-size:16px}.hero-copy .hero-experience{letter-spacing:0;font-size:32px;font-weight:700;line-height:44px}.hero h1{white-space:pre-line;line-height:1.4}.stories{gap:64px;display:grid}.story-card{grid-template-columns:560fr 640fr;align-items:center;gap:48px;display:grid}.story-cover{object-fit:cover;width:100%;height:340px}.story-copy{flex-direction:column;align-items:flex-start;gap:22px;padding:12px 0;display:flex}.story-copy .eyebrow{margin:0}.story-copy h2{font-size:36px}.story-copy p:not(.eyebrow){max-width:500px;font-size:18px}.button{background:var(--accent);color:#fff;border:0;justify-content:center;align-items:center;min-height:50px;padding:14px 24px;font-size:16px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.button:hover{background:var(--hover)}.button:disabled{cursor:wait;opacity:.65}.text-link{margin-top:30px;font-size:15px;display:inline-block}.knowledge-section{grid-template-columns:368fr 816fr;gap:64px;display:grid}.knowledge-section h2{margin-bottom:24px;font-size:40px}.knowledge-list{margin:0;padding:0;list-style:none}.knowledge-list li{border-top:1px solid var(--line)}.knowledge-list a{grid-template-columns:40px 1fr 24px;gap:20px;padding:25px 0;text-decoration:none;display:grid}.knowledge-list a:hover h3{color:var(--accent)}.knowledge-list small,.number{color:var(--muted);font-size:13px}.knowledge-list h3{margin-top:5px;font-size:25px;font-weight:500}.arrow{color:var(--accent);font-size:22px}.brands{border-block:1px solid var(--line)}.brands h2{margin-bottom:36px;font-size:34px}.brand-grid{grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;gap:20px 32px;display:grid}.brand-logo{object-fit:contain;filter:grayscale();opacity:.8;width:170px;height:58px}.brand-02{filter:grayscale()invert()}.brand-05{filter:brightness(0);opacity:.6}.brand-03,.brand-07,.brand-14,.brand-15{max-width:64px}.brand-names{text-align:center;color:var(--muted);grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 14px;margin-top:40px;font-size:13px;display:grid}.brand-note{color:var(--muted);margin-top:28px;font-size:12px}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:32px 0 0;padding:0;list-style:none;display:grid}.process-icon{background:var(--sage);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:16px;display:grid}.process-grid h3{margin-bottom:10px;font-size:22px}.process-grid p{font-size:16px}.contact-section{background:var(--sage);padding:64px 0}.contact-section h1,.contact-section h2{margin-bottom:16px;font-size:48px}.contact-section .eyebrow{margin-bottom:16px}.contact-section .secondary{color:#4d554f;margin-bottom:24px;font-size:15px}.contact-form{max-width:800px}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field label{font-size:15px;font-weight:600}.field input,.field textarea{border:1px solid var(--muted);width:100%;color:var(--ink);background:#fff;border-radius:0;min-height:54px;padding:13px 16px}.field textarea{resize:vertical;min-height:140px}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border:2px solid #922044}.field-error{color:#711c35;font-size:14px}.privacy-note{margin:0 0 18px;font-size:13px}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-message:empty{display:none}.form-message{margin-top:20px}.form-message.error{color:#711c35;background:#fff;padding:16px}.form-message.success{border-left:4px solid var(--ink);background:#fff;padding:28px}.form-message small{overflow-wrap:anywhere}.contact-phone{margin-top:32px;font-size:17px}footer{background:var(--ink);color:#fff;padding:56px 0 28px;font-size:14px}.footer-name{font-size:26px;font-weight:700}.footer-links{border-top:1px solid #626162;justify-content:space-between;gap:24px;margin-top:24px;padding:28px 0;display:flex}.footer-links nav{gap:28px;display:flex}.footer-links a{text-decoration:none}.footer-bottom{border-top:1px solid #626162;gap:24px;padding-top:28px;font-size:12px;display:flex}.footer-bottom span:last-child{margin-left:auto}.index h1{margin-bottom:40px}.index .knowledge-list{max-width:960px;margin-top:48px}.article-heading{background:var(--sage);padding:72px 0}.article-heading h1{max-width:1050px;margin:24px 0}.article-heading p{max-width:960px;font-size:20px}.article-heading .eyebrow{text-decoration:none}.article-cover img{object-fit:cover;width:100%;max-height:650px}.article-body{width:calc(100% - 48px);max-width:800px;margin:72px auto}.prose{overflow-wrap:anywhere;font-size:18px;line-height:2}.prose h1{margin-bottom:32px}.prose h2{margin:56px 0 20px;font-size:30px}.prose h3{margin:32px 0 16px;font-size:24px}.prose p{margin:20px 0}.prose a{color:#a82256}.prose img{width:100%;height:auto;margin:32px 0}.prose li{margin:10px 0}.table-scroll{max-width:100%;margin:28px 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:16px}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:150px;padding:12px}.prose th{background:var(--surface)}.article-cta{background:var(--sage);margin-top:72px;padding:32px}.article-cta h2{font-size:32px}.article-cta p{margin:12px 0 24px}@media (min-width:1600px){.hero{height:760px}}@media (max-width:1100px){.container{width:calc(100% - 96px)}.header{padding-inline:48px}.knowledge-section{grid-template-columns:1fr 1.5fr;gap:40px}.knowledge-section h2{font-size:32px}.story-card{gap:32px}.story-copy h2{font-size:30px}.brand-names{grid-template-columns:repeat(4,minmax(0,1fr))}.process-grid h3{font-size:18px}}@media (max-width:767px){body{font-size:16px}.container{width:calc(100% - 48px)}.section{padding:48px 0}.header{height:76px;padding-inline:24px}.logo{gap:8px;font-size:23px}.logo svg{width:36px;height:36px}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:8px;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:var(--ink);width:100%;height:2px}.mobile-nav[open]>div{background:#fff;padding:12px 24px 24px;display:grid;position:absolute;top:76px;left:0;right:0;box-shadow:0 12px 16px #0001}.mobile-nav a{border-bottom:1px solid var(--line);padding:14px 0;text-decoration:none}.hero{height:620px}.hero-image{object-position:62% 50%!important}.hero-shade{background:linear-gradient(#000000d9 0%,#0000009e 27%,#00000005 48%,#0000000a 70%,#000000bf 100%);width:100%}.hero-copy{justify-content:flex-start;gap:42px;inset:36px 0}.hero-copy p{letter-spacing:.03em;font-size:12px}.hero-copy .hero-experience{margin-top:auto;font-size:24px;line-height:34px}.hero h1{font-size:36px;line-height:1.5}.stories{gap:40px}.story-card{grid-template-columns:1fr;gap:24px}.story-cover{height:260px}.story-copy{gap:16px;padding:0}.story-copy h2{font-size:30px}.story-copy p:not(.eyebrow){font-size:17px}.story-copy .button{width:100%}.eyebrow{margin-bottom:24px}.knowledge-section{grid-template-columns:1fr;gap:36px}.knowledge-section h2,h2{font-size:30px}.knowledge-section .text-link{margin-top:20px}.knowledge-list a{grid-template-columns:24px 1fr 18px;gap:12px;padding:24px 0}.knowledge-list h3{font-size:21px}.knowledge-list small{font-size:12px}.brands h2{font-size:28px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.brand-logo{width:100%;height:42px}.brand-names{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:11px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.process-grid h3{font-size:18px}.process-grid p{font-size:15px}.contact-section{padding:48px 0}.contact-section h1,.contact-section h2{font-size:36px}.contact-form .button{width:100%}.contact-section .secondary{font-size:14px}.footer-name{font-size:21px}.footer-links{flex-direction:column}.footer-links nav{flex-wrap:wrap;gap:16px 24px}.footer-bottom{flex-wrap:wrap;gap:16px}.footer-bottom span:first-child{width:100%}.footer-bottom span:last-child{margin-left:auto}.article-heading{padding:48px 0}.article-heading h1{font-size:34px}.article-heading p{font-size:17px}.article-cover img{height:320px}.article-body{margin-block:48px}.prose{font-size:17px}.prose h2{margin-top:40px;font-size:26px}.article-cta{padding:24px}.index h1{font-size:36px}.brand-note{font-size:11px}}@media (max-width:359px){.container{width:calc(100% - 32px)}.header{padding-inline:16px}.hero h1{font-size:31px}.process-grid{gap:24px 16px}.process-grid h3{font-size:16px}.brand-names{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.hero-details{max-width:600px}.hero-copy .hero-description{letter-spacing:0;margin-top:12px;font-size:16px}.hero-actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:24px;display:flex}.hero-actions a:focus-visible{outline-color:#fff}.hero-phone{font-size:16px}@media (min-width:768px) and (max-width:1000px){.desktop-nav{gap:20px}.header{padding-inline:32px}}@media (max-width:767px){.hero-copy{gap:28px}.hero-details{margin-top:auto}.hero-copy .hero-description{font-size:14px;line-height:1.7}.hero-copy .hero-experience{font-size:22px}.hero-actions{gap:14px;margin-top:20px}.hero-actions .button{padding-inline:18px}}.service-summary{padding-block:48px}.service-summary-inner{align-items:center;gap:40px;display:flex}.service-summary h2{width:144px;color:var(--accent);letter-spacing:.12em;flex-shrink:0;margin:0;font-size:13px;font-weight:500;line-height:20px}.service-summary ul{align-items:center;margin:0;padding:0;list-style:none;display:flex}.service-summary li{white-space:nowrap;align-items:center;font-size:32px;font-weight:700;line-height:48px;display:flex}.service-summary li+li:before{content:"／";color:var(--sage);margin-inline:48px;font-size:18px;font-weight:400;line-height:30px}@media (min-width:768px) and (max-width:1000px){.service-summary-inner{gap:24px}.service-summary h2{width:112px}.service-summary li{font-size:28px}.service-summary li+li:before{margin-inline:20px}}@media (max-width:767px){.service-summary{padding-block:40px}.service-summary-inner{flex-direction:column;align-items:flex-start;gap:24px}.service-summary li{font-size:clamp(18px,5.64vw,22px);line-height:33px}.service-summary li+li:before{margin-inline:clamp(6px,2.56vw,10px);font-size:14px;line-height:24px}}
