:root{color-scheme:light;--paper: #FFFDF7;--paper-2: #F7F3E9;--ink: #1C1C1A;--soft: #4A4A45;--muted: #8C8C82;--line: #E5E1D4;--blue: #1C7FAC;--blue-deep: #135E80;--orange: #D97E1B;--green: #6F9A3C;--yellow: #F5D84F;--pastel-peach: #FFF0DB;--pastel-blue: #DFF3FB;--pastel-green: #E8F3D8;--bd: 2px solid var(--ink);--shadow-card: 8px 8px 0 var(--ink);--shadow-btn: 6px 6px 0 var(--ink);--shadow-sm: 4px 4px 0 var(--ink);--sans: "Noto Sans TC", "PingFang TC", "Helvetica Neue", "Segoe UI", sans-serif;--latin: "Space Grotesk", "Noto Sans TC", "PingFang TC", sans-serif;--s--1: clamp(.78rem, .76rem + .12vw, .86rem);--s-0: clamp(.98rem, .94rem + .2vw, 1.06rem);--s-1: clamp(1.16rem, 1.08rem + .4vw, 1.4rem);--s-2: clamp(1.5rem, 1.3rem + 1vw, 2rem);--s-3: clamp(1.9rem, 1.5rem + 2vw, 2.8rem);--s-4: clamp(2.4rem, 1.6rem + 4vw, 4.4rem);--gutter: clamp(1.25rem, 5vw, 4rem)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--s-0);line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3{font-weight:700;line-height:1.25;letter-spacing:-.015em;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit}.wrap{max-width:72rem;margin-inline:auto;padding-inline:var(--gutter)}.bleed{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}.site-head{position:sticky;top:0;z-index:50;background:#fffdf7eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:var(--bd)}.masthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;padding-block:.8rem}.wordmark{display:flex;align-items:baseline;gap:.6rem;font-size:var(--s-1);font-weight:700;letter-spacing:.02em;text-decoration:none}.wordmark small{font-family:var(--latin);font-size:var(--s--1);font-weight:500;letter-spacing:.02em;color:var(--blue)}.masthead nav{display:flex;align-items:center;gap:clamp(.1rem,1.2vw,.4rem);font-size:var(--s--1);font-weight:500}.masthead nav a{text-decoration:none;color:var(--soft);padding:.4rem .7rem;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.masthead nav a:hover,.masthead nav a:focus-visible{color:var(--ink);border-bottom-color:var(--yellow)}.masthead nav a.active{color:var(--ink);font-weight:700;border-bottom-color:var(--blue)}.masthead nav a.nav-cta{margin-left:.5rem;background:var(--ink);color:var(--paper);border:var(--bd);padding:.45rem .95rem;font-weight:700;transition:background-color .2s ease,color .2s ease}.masthead nav a.nav-cta:hover,.masthead nav a.nav-cta:focus-visible{background:var(--blue);color:#fff}.band{padding-block:clamp(3.5rem,9vh,6rem)}.tag{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--latin);font-size:var(--s--1);font-weight:700;letter-spacing:.12em;color:var(--ink);margin-bottom:1.4rem}.tag:before{content:"";width:.55rem;height:.55rem;background:var(--blue)}.tag.t-orange:before{background:var(--orange)}.tag.t-green:before{background:var(--green)}.tag.t-yellow:before{background:var(--yellow)}.hero{padding-block:clamp(3rem,9vh,6.5rem) clamp(3rem,8vh,5.5rem);border-bottom:var(--bd);position:relative;overflow:hidden;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;background-position:center}.hero:before{content:"";position:absolute;top:9%;left:-1.6rem;width:4.2rem;height:4.2rem;background:var(--orange);transform:rotate(18deg)}.hero:after{content:"";position:absolute;bottom:-3.5rem;right:-2.5rem;width:9rem;height:9rem;border-radius:50%;background:var(--green)}.hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,4rem);align-items:center;position:relative;z-index:1}@media(max-width:56rem){.hero-grid{grid-template-columns:1fr;align-items:start}}.hero h1{font-size:var(--s-4);font-weight:900;letter-spacing:-.02em;line-height:1.14}.hero h1 mark{background:linear-gradient(transparent 58%,var(--yellow) 58%);color:inherit;padding-inline:.04em}.hero h1 .strike{position:relative;white-space:nowrap;color:var(--blue)}.hero h1 .strike:after{content:"";position:absolute;left:-.06em;right:-.06em;top:47%;height:.08em;background:var(--orange);transform-origin:left}.js-anim .hero h1 .strike:after{transform:scaleX(0);transition:transform 1s cubic-bezier(.16,1,.3,1) .5s}.js-anim.is-lit .hero h1 .strike:after{transform:scaleX(1)}.hero-lede{margin-top:clamp(1.4rem,3vw,2rem);max-width:40ch;font-size:var(--s-1);color:var(--soft);line-height:1.9}.hero-actions{margin-top:clamp(1.8rem,4vw,2.6rem);display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.2rem}.btn{display:inline-block;padding:.8rem 1.6rem;font-size:var(--s-0);font-weight:700;letter-spacing:.02em;text-decoration:none;background:var(--yellow);color:var(--ink);border:var(--bd);box-shadow:var(--shadow-btn);transition:transform .18s ease,box-shadow .18s ease}.btn:hover,.btn:focus-visible{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}.btn-ghost{display:inline-block;padding:.8rem 1.6rem;font-size:var(--s-0);font-weight:700;text-decoration:none;background:var(--paper);color:var(--ink);border:var(--bd);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.btn-ghost:hover,.btn-ghost:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:var(--pastel-blue)}.hero-stack{position:relative;min-height:26rem}.hero-stack:before{content:"";position:absolute;inset:8% 0 8% 22%;background:var(--blue);border:var(--bd)}.h-card{position:absolute;display:block;width:min(78%,19rem);padding:1.1rem 1.3rem 1.2rem;border:var(--bd);box-shadow:var(--shadow-card);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.h-card:hover,.h-card:focus-visible{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--ink);z-index:5}.h-card.c1{top:0;left:0;background:var(--pastel-peach)}.h-card.c2{top:33%;left:14%;background:var(--pastel-blue)}.h-card.c3{top:66%;left:4%;background:var(--pastel-green)}.h-card .no{display:flex;justify-content:space-between;font-family:var(--latin);font-size:var(--s--1);font-weight:500;color:var(--muted);letter-spacing:.08em}.h-card .no:after{content:"↗";color:var(--ink);font-weight:700}.h-card h3{font-size:var(--s-1);margin-top:.15rem}.h-card p{font-size:var(--s--1);color:var(--soft);line-height:1.7;margin-top:.2rem}@media(max-width:56rem){.hero-stack{min-height:0;display:grid;gap:1.1rem;padding-left:1rem}.hero-stack:before{inset:1.5rem -.5rem -.75rem 40%}.h-card{position:relative;top:auto;left:auto;width:min(100%,24rem)}}.stat-band{border-block:var(--bd);padding-inline:0}.stat-band .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:48rem){.stat-band .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{padding:clamp(1.4rem,3vw,2.2rem) clamp(1.2rem,3vw,2.4rem);color:#fff}.stat:nth-child(1){background:var(--blue)}.stat:nth-child(2){background:var(--orange)}.stat:nth-child(3){background:var(--green)}.stat:nth-child(4){background:var(--yellow);color:var(--ink)}.stat b{display:block;font-family:var(--latin);font-size:var(--s-2);font-weight:700;line-height:1.2}.stat span{font-size:var(--s--1);opacity:.92}.band-dark{background:var(--ink);color:var(--paper);border-bottom:var(--bd)}.band-dark .tag{color:var(--paper)}.band-dark .tag:before{background:var(--yellow)}.band-dark .docket-head p{color:#fffdf7b8}.docket-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem 2rem;margin-bottom:clamp(1.8rem,4vw,2.8rem)}.docket-head h2{font-size:var(--s-3);max-width:22ch}.docket-head p{max-width:34ch;font-size:var(--s-0);color:var(--muted);line-height:1.9}.cases{border:var(--bd);background:#fff;box-shadow:var(--shadow-card)}.case{display:grid;grid-template-columns:6rem minmax(0,1fr) minmax(0,1.15fr);gap:clamp(.6rem,2.5vw,2.5rem);align-items:baseline;padding:clamp(1.3rem,3vw,1.7rem) clamp(1.2rem,3vw,1.8rem);transition:background-color .2s ease}.case+.case{border-top:var(--bd)}.case:hover{background:var(--pastel-blue)}@media(max-width:48rem){.case{grid-template-columns:1fr;gap:.4rem}}.case .no{font-family:var(--latin);font-size:var(--s--1);font-weight:700;color:var(--blue);letter-spacing:.08em}.case h3{font-size:var(--s-1)}.case p{color:var(--soft);font-size:var(--s--1);line-height:1.9}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--bd);background:#fff;box-shadow:var(--shadow-card)}@media(max-width:56rem){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:36rem){.services-grid{grid-template-columns:1fr}}.service{padding:1.5rem 1.5rem 1.7rem;outline:1px solid var(--line);outline-offset:-.5px;transition:background-color .2s ease}.service:hover{background:var(--pastel-peach)}.service .no{display:flex;align-items:center;gap:.55rem;font-family:var(--latin);font-size:var(--s--1);font-weight:700;color:var(--muted);letter-spacing:.08em;margin-bottom:.8rem}.service .no:before{content:"";width:.55rem;height:.55rem;background:var(--blue)}.service:nth-child(3n+2) .no:before{background:var(--orange)}.service:nth-child(3n) .no:before{background:var(--green)}.service h3{font-size:var(--s-1);margin-bottom:.5rem}.service p{font-size:var(--s--1);color:var(--soft);line-height:1.9}.group-head{display:flex;align-items:baseline;gap:1rem;margin:clamp(2.2rem,5vw,3.2rem) 0 1.3rem}.group-head h3{font-size:var(--s-2)}.group-head small{font-size:var(--s--1);color:var(--muted);letter-spacing:.04em}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:clamp(1.4rem,3vw,2rem)}.work{background:#fff;border:var(--bd);box-shadow:var(--shadow-card);padding:1.5rem 1.5rem 1.7rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .18s ease,box-shadow .18s ease}.work:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--ink)}.works-grid .work:nth-child(3n+1){background:var(--pastel-peach)}.works-grid .work:nth-child(3n+2){background:var(--pastel-blue)}.works-grid .work:nth-child(3n){background:var(--pastel-green)}.work .shot{display:block;margin:-1.5rem -1.5rem 0;border-bottom:var(--bd);overflow:hidden}.work .shot img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;transition:transform .3s ease}.work .shot:hover img,.work .shot:focus-visible img{transform:scale(1.03)}.work h3 a{text-decoration:none}.work h3 a:hover,.work h3 a:focus-visible{background:linear-gradient(transparent 58%,var(--yellow) 58%)}.work .visit{margin-top:auto;font-family:var(--latin);font-size:var(--s--1);font-weight:700;color:var(--blue);text-decoration:none}.work .visit:after{content:" ↗"}.work .visit:hover,.work .visit:focus-visible{color:var(--blue-deep);text-decoration:underline}@media(prefers-reduced-motion:reduce){.work .shot:hover img{transform:none}}.work-meta{display:flex;justify-content:space-between;gap:1rem;font-family:var(--latin);font-size:var(--s--1);font-weight:700;color:var(--muted);letter-spacing:.08em}.work-meta .wip{color:var(--ink);background:var(--yellow);border:1.5px solid var(--ink);padding:0 .55rem;font-weight:700}.work h3{font-size:var(--s-1)}.work p{font-size:var(--s--1);color:var(--soft);line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.4rem,3vw,2rem);counter-reset:step}@media(max-width:48rem){.steps{grid-template-columns:1fr}}.step{counter-increment:step;border:2px solid var(--paper);padding:1.5rem 1.5rem 1.7rem}.band-dark .step{background:transparent}.step:before{content:"0" counter(step);display:block;font-family:var(--latin);font-size:var(--s-2);font-weight:700;color:var(--yellow);line-height:1;margin-bottom:.9rem}.step h3{font-size:var(--s-1);margin-bottom:.5rem}.step p{font-size:var(--s--1);color:#fffdf7b8;line-height:1.9}.band:not(.band-dark) .step{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm)}.band:not(.band-dark) .step:before{color:var(--blue)}.band:not(.band-dark) .step p{color:var(--soft)}.lanes{border-top:var(--bd)}.lane{display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(0,1.2fr);gap:clamp(1rem,3vw,2.5rem);padding-block:clamp(1.8rem,4vw,2.6rem);border-bottom:var(--bd)}@media(max-width:56rem){.lane{grid-template-columns:1fr;gap:.9rem}}.lane-no{font-family:var(--latin);font-size:var(--s-2);font-weight:700;color:var(--blue);line-height:1.1}.lane:nth-child(2) .lane-no{color:var(--orange)}.lane:nth-child(3) .lane-no{color:var(--green)}.lane h3{font-size:var(--s-1);margin-bottom:.9rem}.fit{border-left:3px solid var(--blue);padding-left:.9rem}.lane:nth-child(2) .fit{border-left-color:var(--orange)}.lane:nth-child(3) .fit{border-left-color:var(--green)}.fit b{display:block;font-family:var(--latin);font-size:var(--s--1);font-weight:700;letter-spacing:.08em;color:var(--muted)}.fit p{color:var(--ink);font-weight:500;font-size:var(--s-0);line-height:1.8}.lane-desc>p{color:var(--soft);font-size:var(--s-0);line-height:1.9}.deliver{border:var(--bd);background:#fff;box-shadow:var(--shadow-sm);padding:1.1rem 1.3rem 1.2rem;margin-top:1.2rem}.deliver b{display:block;font-family:var(--latin);font-size:var(--s--1);font-weight:700;letter-spacing:.08em;color:var(--muted);margin-bottom:.35rem}.deliver ul{margin:0;padding:0;list-style:none}.deliver li{display:grid;grid-template-columns:1.6rem 1fr;align-items:baseline;padding-block:.3rem;font-size:var(--s--1);color:var(--soft)}.deliver li:before{content:"→";font-family:var(--latin);font-weight:700;color:var(--blue)}.lane:nth-child(2) .deliver li:before{color:var(--orange)}.lane:nth-child(3) .deliver li:before{color:var(--green)}.story-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(2rem,6vw,5rem)}@media(max-width:56rem){.story-grid{grid-template-columns:1fr}}.story-grid h2{font-size:var(--s-2);max-width:10em}.prose p+p{margin-top:1.3em}.prose{max-width:52ch;color:var(--soft)}.prose strong{color:var(--ink);font-weight:700}.pron{display:block;margin:2.2rem 0 0;padding:1.4rem 0 0;border-top:var(--bd);font-size:var(--s-2);font-weight:700;color:var(--ink);letter-spacing:.02em}.pron em{font-family:var(--latin);font-size:var(--s-1);font-style:normal;font-weight:500;color:var(--blue)}.refuse{background:var(--paper-2);border-block:var(--bd)}.refuse-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(1.5rem,5vw,4rem)}@media(max-width:56rem){.refuse-grid{grid-template-columns:1fr}}.refuse h2{font-size:var(--s-2);max-width:10em}.refuse ul{margin:0;padding:0;list-style:none}.refuse li{padding-block:1rem;border-bottom:1.5px solid var(--ink);font-size:var(--s-0);color:var(--soft);display:grid;grid-template-columns:1.7rem 1fr;align-items:baseline}.refuse li:before{content:"✕";font-family:var(--latin);font-weight:700;color:var(--orange)}.refuse li:last-child{border-bottom:none}.commission{background:var(--blue);border-block:var(--bd);color:#fff;position:relative;overflow:hidden}.commission:before{content:"";position:absolute;top:-1.8rem;left:6%;width:4.5rem;height:4.5rem;background:var(--orange);transform:rotate(14deg)}.commission:after{content:"";position:absolute;bottom:-4rem;right:8%;width:8.5rem;height:8.5rem;border-radius:50%;background:var(--green)}.commission>*{position:relative;z-index:1}.commission .tag{color:#fff}.commission .tag:before{background:var(--yellow)}.commission h2{font-size:var(--s-3);max-width:20ch;margin-bottom:1.2rem}.commission p{max-width:44ch;color:#ffffffe6;margin-bottom:2rem}.mail{display:inline-block;font-family:var(--latin);font-size:var(--s-2);font-weight:700;text-decoration:none;color:var(--blue);border-bottom:3px solid var(--yellow);padding-bottom:.15rem;transition:color .2s ease;overflow-wrap:anywhere}.mail:hover,.mail:focus-visible{color:var(--blue-deep)}.form{display:grid;gap:1.25rem;max-width:40rem}.field{display:grid;gap:.4rem}.field label{font-size:var(--s--1);font-weight:700;color:var(--ink)}.field .req{color:var(--orange);font-weight:700}.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:#fff;border:var(--bd);border-radius:0;padding:.75rem .95rem;width:100%;transition:box-shadow .18s ease,transform .18s ease}.field textarea{min-height:9rem;resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--blue)}.form button.btn{font-family:inherit;cursor:pointer;justify-self:start}.form-note{font-size:var(--s--1);color:var(--muted);line-height:1.9}.form-note a{color:var(--blue);font-weight:700}.site-foot{border-top:var(--bd);background:var(--paper-2);margin-top:clamp(2rem,6vh,4rem)}footer{padding-block:2rem 2.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;font-size:var(--s--1);color:var(--muted)}.js-anim .rise{opacity:0;transform:translateY(1rem);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--d, 0ms)}.js-anim .rise.in{opacity:1;transform:none}@media print{.js-anim .rise{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.btn:hover,.btn-ghost:hover,.h-card:hover,.work:hover{transform:none}}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}::selection{background:var(--yellow);color:var(--ink)}