:root{color-scheme:light;--ink:#172e23;--forest:#173728;--muted:#495d50;--paper:#f6f5ec;--line:#ccd2c3;--lime:#dfefaa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.72 system-ui,-apple-system,"Noto Sans TC",sans-serif}a{color:inherit;text-underline-offset:.28em}a:focus-visible{outline:3px solid #a67a24;outline-offset:5px}.skip{position:absolute;top:-5rem;left:1rem;background:white;padding:.6rem;z-index:2}.skip:focus{top:1rem}.wrap{width:min(1120px,calc(100% - 56px));margin-inline:auto}header{border-bottom:1px solid var(--line)}.nav,.nav nav,footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}.nav{min-height:76px}.nav a{text-decoration:none}.nav nav{font-size:.9rem;flex-wrap:wrap;justify-content:flex-end}.nav nav a:hover{text-decoration:underline}.brand{font-size:1.4rem;line-height:1;letter-spacing:.08em;font-weight:850;white-space:nowrap}.brand span{display:block;font-size:.65rem;letter-spacing:.15em;margin-top:7px}.hero,.contact{background:var(--forest);color:var(--paper)}.hero-grid,.case-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:56px}.hero-grid{padding-block:clamp(48px,8vw,102px)}.eyebrow,.number{font-size:.8rem;font-weight:750;letter-spacing:.15em;margin:0 0 13px;color:#516449}.hero .eyebrow,.contact .eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2.1rem,5.1vw,4rem);margin-bottom:24px;letter-spacing:-.045em}h2{font-size:clamp(1.85rem,4vw,3rem);margin-bottom:21px;letter-spacing:-.04em}h3{font-size:1.22rem;margin-bottom:12px}.lead{font-size:clamp(1rem,2vw,1.18rem);color:#e3e9dd}.actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;background:var(--lime);color:var(--ink);font-weight:750;padding:11px 16px}.button:hover{background:#f0f8cc}.secondary{font-size:.9rem}.map{margin:0;border:1px solid #5a7964;background:#214533;overflow:hidden}.map svg{display:block;width:100%;height:auto}.map figcaption{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #5a7964;padding:9px 13px;font-size:.68rem;letter-spacing:.07em;color:#e0ead8}.block{padding-block:clamp(42px,7vw,78px)}.columns,.notes{display:grid;gap:26px}.columns{grid-template-columns:repeat(3,1fr)}.notes{grid-template-columns:repeat(2,1fr)}.columns>div,.notes article{border-top:1px solid var(--line);padding-top:17px}.columns p:last-child,.notes article p:not(.number),.case p:not(.eyebrow){color:var(--muted)}.case{background:#e8ecde}.case aside,.contact aside{border:1px solid var(--line);padding:22px}.case ol{margin:0;padding-left:1.35em}.contact aside{border-color:#6b8774}.contact aside p{margin:0}.contact small{display:block;font-size:.78rem;font-weight:500;margin-top:5px;color:#d6e4d6}.contact p:not(.eyebrow){max-width:34rem}footer .wrap{padding-block:22px;font-size:.86rem}
@media(max-width:740px){.wrap{width:calc(100% - 36px)}.hero-grid,.case-grid{grid-template-columns:1fr;gap:27px}.columns{grid-template-columns:1fr;gap:14px}.desktop{display:none}.nav nav{gap:5px 12px;font-size:.79rem}.nav{gap:12px}.map{max-width:500px}.notes{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}