:root{--ink:#10100f;--paper:#f6f1e8;--warm:#d9d1c4;--acid:#d8ff5b;--coral:#ff6d4a;--serif:Iowan Old Style,Baskerville,Times New Roman,serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}a{color:inherit;text-decoration:none}.skip{z-index:20;background:var(--acid);padding:10px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus{transform:none}.site-header{z-index:5;width:100%;color:var(--paper);justify-content:space-between;padding:26px clamp(24px,4vw,66px);display:flex;position:absolute}.brand{letter-spacing:.1em;text-transform:uppercase;flex-direction:column;font-size:11px;font-weight:700;display:flex}.brand strong{letter-spacing:-.11em;font-size:25px}.site-header nav{align-items:center;gap:19px;font-size:12px;font-weight:700;display:flex}.language{border:1px solid #ffffff80;border-radius:99px;display:inline-flex;overflow:hidden}.language button{min-width:38px;color:var(--paper);cursor:pointer;background:0 0;border:0;font-weight:700;line-height:28px}.language button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.hero{background:var(--ink);min-height:min(860px,100svh);color:var(--paper);grid-template-columns:1fr .72fr;align-items:end;gap:48px;padding:136px clamp(24px,7vw,112px) 54px;display:grid;overflow:hidden}.hero h1,h2,h3{font-family:var(--serif);letter-spacing:-.07em;font-weight:400;line-height:.88}.hero h1{max-width:760px;margin:18px 0 28px;font-size:clamp(54px,7.2vw,116px)}em{color:var(--acid);font-style:normal}.hero p{max-width:575px;color:var(--warm);font-size:clamp(17px,1.5vw,21px);line-height:1.52}.eyebrow{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow:before{background:var(--acid);content:"";border-radius:50%;width:9px;height:9px}.dark:before{background:var(--coral)}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid;border-radius:99px;justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-weight:700;display:inline-flex}.acid{border-color:var(--acid);background:var(--acid);color:var(--ink)}.ghost:hover{background:var(--paper);color:var(--ink)}.signal{background:#ffffff08;border:1px solid #fff3;border-radius:14px;min-height:450px;padding:42px;position:relative;overflow:hidden}.signal>div{color:var(--warm);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:11px;display:flex}.signal i{border:2px solid var(--acid);border-radius:48% 52% 42% 58%;width:120%;height:72%;position:absolute;bottom:-18%;left:-10%;transform:rotate(-14deg)}.signal i:after{border:2px solid var(--coral);content:"";border-radius:50%;width:38%;height:45%;position:absolute;top:7%;left:38%}.signal strong{max-width:220px;font-family:var(--serif);letter-spacing:-.05em;font-size:29px;line-height:.95;position:absolute;bottom:24px;right:26px}.focus{background:var(--acid);grid-template-columns:repeat(3,1fr);gap:24px;padding:24px clamp(24px,6vw,96px);display:grid}.focus div{border-top:1px solid #10100f4d;padding:20px 0}.focus strong{font-family:var(--serif);margin-bottom:32px;font-size:37px;font-weight:400;display:block}.focus p{margin:0}.section{padding:118px clamp(24px,6vw,96px)}.section-head{grid-template-columns:1fr .55fr;align-items:end;gap:48px;margin-bottom:54px;display:grid}.section h2{max-width:850px;margin:0;font-size:clamp(45px,7vw,104px)}.section-head>p{margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.55}.work{background:var(--ink);color:var(--paper)}.work .section-head>p{color:var(--warm)}.case{background:linear-gradient(140deg,#ef856b 0 31%,#0000 31%),linear-gradient(35deg,#a8c6cf 0 45%,#272724 45%);border-radius:12px;flex-direction:column;justify-content:space-between;max-width:760px;min-height:500px;padding:26px;display:flex}.case>div:first-child{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.case>div:last-child{border-top:1px solid #ffffff80;padding-top:16px}.case h3{margin:0 0 8px;font-size:40px}.case p{max-width:360px;color:var(--warm);margin:0;font-size:13px}.case a{color:var(--acid);margin-top:16px;font-size:12px;font-weight:700;display:inline-block}.service-list{border-top:1px solid var(--ink)}.service{border-bottom:1px solid #10100f4d;grid-template-columns:86px 1fr .72fr;gap:24px;padding:25px 0 30px;display:grid}.service>span{color:#77736d;font-family:var(--serif);font-size:21px}.service h3{margin:0 0 6px;font-size:clamp(29px,3.4vw,48px)}.service p{color:#494642;margin:0;font-size:14px}.service>p{align-self:end}.audience{border-top:1px solid var(--ink);grid-template-columns:1.1fr .9fr;gap:50px;margin-top:78px;padding-top:24px;display:grid}.audience h3{margin:0;font-size:clamp(39px,5.5vw,70px)}.audience ul{grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none;display:grid}.audience li{border-top:1px solid #10100f4d;padding:14px 0;font-size:14px}.audience li:before{color:var(--coral);content:"↗";margin-right:8px}.process{background:var(--warm)}.steps{border-top:1px solid var(--ink)}.steps article{border-bottom:1px solid #10100f52;grid-template-columns:110px 1fr .7fr;gap:28px;padding:31px 0;display:grid}.steps span{color:var(--coral);font-family:var(--serif);font-size:28px}.steps h3{margin:0;font-size:clamp(32px,4vw,54px)}.steps p{margin:0;font-size:14px}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid #10100f4d}summary{cursor:pointer;letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:clamp(19px,2.2vw,28px);font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--serif);font-size:35px}details[open] summary:after{content:"−"}details p{color:#494642;max-width:680px;margin:0;padding:0 42px 29px 0;line-height:1.65}.contact{color:var(--paper);background:var(--ink);grid-template-columns:.92fr 1.08fr;gap:clamp(38px,8vw,130px);display:grid}.contact h2{margin:18px 0 26px}.contact>div>p{max-width:500px;color:var(--warm);font-size:18px}.email{border-bottom:1px solid var(--acid);color:var(--acid);font-family:var(--serif);letter-spacing:-.05em;margin-top:22px;padding-bottom:8px;font-size:clamp(24px,3vw,40px);display:inline-flex}.contact form{gap:16px;display:grid}.contact label{color:var(--warm);letter-spacing:.11em;text-transform:uppercase;gap:8px;font-size:11px;font-weight:700;display:grid}.contact input,.contact textarea,.contact select{width:100%;color:var(--paper);background:0 0;border:0;border-bottom:1px solid #ffffff59;outline:0;padding:15px 0}.contact textarea{resize:vertical;min-height:100px}.contact select option{color:var(--ink)}.contact form button{justify-self:start;margin-top:4px}footer{background:var(--ink);color:var(--warm);border-top:1px solid #fff3;justify-content:space-between;gap:20px;padding:20px clamp(24px,6vw,96px);font-size:11px;display:flex}@media (width<=800px){.site-header{padding:20px 24px}.site-header nav>a{display:none}.hero{grid-template-columns:1fr;gap:25px;min-height:780px;padding:130px 24px 84px}.signal{min-height:270px}.focus,.section-head,.audience,.contact{grid-template-columns:1fr}.focus{gap:0}.focus strong{margin-bottom:15px}.section{padding:82px 24px}.section-head{gap:26px}.service{grid-template-columns:52px 1fr;gap:14px}.service>p{grid-column:2}.audience ul{grid-template-columns:1fr}.steps article{grid-template-columns:48px 1fr;gap:12px}.steps p{grid-column:2}.case{min-height:380px}footer{display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
