@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
.work-grid .work-card:first-child{grid-column:auto}.work-grid .work-card img{object-position:center 42%}.hero-image img{object-position:center 40%}
:root{--paper:#f3f2ed;--ink:#1d211f;--muted:#626761;--line:#d5d8cf;--accent:#b84b35;--lime:#d4e7b0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;font-size:15px;line-height:1.85}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;width:100%;object-fit:cover}header{height:98px;padding:20px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{display:flex;flex-direction:column;line-height:1}.brand>span{font-family:Arial,sans-serif;font-size:32px;font-weight:900;letter-spacing:-1.5px}.brand small{font-size:10px;letter-spacing:4px;margin-top:10px}.dot{color:var(--accent)}nav{display:flex;gap:34px;font-size:13px}.header-cta{border-bottom:1px solid var(--ink);padding:9px 0;font-weight:600;font-size:13px}.hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:720px}.hero-copy{padding:70px 8% 55px 10%}.eyebrow{font:11px Arial,sans-serif;letter-spacing:2.5px;font-weight:700;margin:0 0 25px;color:var(--accent)}.eyebrow>span{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-right:8px}.place{font-size:12px;color:var(--muted);letter-spacing:1px}h1{font-size:clamp(40px,4.2vw,66px);line-height:1.4;letter-spacing:-2px;margin:27px 0}h2{font-size:clamp(28px,3vw,43px);line-height:1.5;letter-spacing:-1px;margin:0 0 22px}h3{font-size:20px;line-height:1.5;margin:0 0 12px}.intro{color:var(--muted);line-height:2.1;max-width:440px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;padding:15px 23px;align-items:center;justify-content:center;gap:30px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary:hover{background:var(--accent)}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.hero-notes{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:55px;padding-top:20px;font-size:11px;color:var(--muted)}.hero-notes span:before{content:'＋';margin-right:6px}.hero-image{background:#181c19;position:relative;overflow:hidden}.hero-image img{height:100%;position:absolute;object-position:50% 50%;opacity:.9}.image-label{position:absolute;bottom:24px;left:26px;right:26px;color:white;display:flex;justify-content:space-between;font:10px Arial;letter-spacing:2px}.ticker{padding:20px 6%;display:flex;gap:38px;justify-content:space-between;background:var(--ink);color:#f1f1e9;font-size:12px;letter-spacing:2px}.ticker i{color:var(--lime);font-style:normal}.section{padding:100px 7%;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head>p{font-size:13px;color:var(--muted);max-width:420px}.section-head small{display:block;margin-top:12px;font-size:11px}.service-list article{border-top:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 130px;gap:20px;padding:30px 0;align-items:start}.service-list article:last-child{border-bottom:1px solid var(--line)}.num{font:12px Arial;color:var(--accent);padding-top:7px}.service-list p{margin:0 0 15px;color:var(--muted);font-size:14px;max-width:620px}.tag{font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:5px 10px}.service-list a{font-size:12px;justify-self:end;padding-top:6px}.fine{font-size:11px;color:var(--muted);margin-top:22px}.work-section{background:#e8ebe3}.work-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:22px}.work-card{background:var(--paper);overflow:hidden}.work-card img{height:350px;transition:transform .4s}.work-card:hover img{transform:scale(1.025)}.work-card:first-child img{object-position:center 42%}.work-card:nth-child(2) img{object-position:center}.work-card>div{padding:23px}.work-card span{font:10px Arial;letter-spacing:1.5px;color:var(--muted)}.work-card h3{font-size:16px;margin:12px 0 22px}.craft{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.craft-visual img{height:490px;object-position:30%}.craft-visual p{font:10px Arial;letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:18px}.body-copy{font-size:14px;color:var(--muted)}.principle{display:flex;gap:25px;padding-top:20px}.principle>span{font:11px Arial;color:var(--accent);padding-top:7px}.principle h3{font-size:16px;margin-bottom:5px}.principle p{font-size:13px;color:var(--muted);margin:0}.steps{background:var(--ink);color:var(--paper)}.steps .eyebrow{color:var(--lime)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:45px 0 35px}.step-grid>div{border-top:1px solid #565e55;padding-top:20px}.step-grid span{color:var(--lime);font-size:11px}.step-grid h3{margin-top:17px}.step-grid p{font-size:13px;color:#b7bdb4;max-width:280px}.steps .primary{background:var(--lime);color:var(--ink)}.steps .primary:hover{background:#e5f1ce}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;border-bottom:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary:after{content:'＋';color:var(--accent)}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);padding-right:25px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:7%}.visit-name{font-weight:600;margin-top:30px}address{font-style:normal}.visit p,address{font-size:13px}.visit small{color:var(--muted);font-size:11px}.phone{display:block;font:29px Arial;margin-top:25px}.outline{border:1px solid var(--ink)}.visit .actions{gap:12px}.socials{display:flex;gap:24px;margin-top:30px;flex-wrap:wrap;font-size:11px}.map-panel{align-self:stretch;min-height:440px;background:#e2e5dc}.map-panel iframe{border:0;width:100%;height:400px;filter:grayscale(1);display:block}.map-panel>p{padding:20px;margin:0;font:10px Arial;letter-spacing:2px;display:flex;justify-content:space-between}.map-panel>p span{font-size:24px;letter-spacing:0}footer{padding:40px 7%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}footer p,footer>small{font-size:11px;color:var(--muted)}footer .brand>span{font-size:26px}.privacy{flex-basis:100%;max-width:700px;border:0;padding:0}.privacy summary{font-size:10px;width:140px;color:var(--muted)}.privacy p{font-size:11px}.mobile-bar{display:none}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}@media(min-width:1500px){.hero-copy{padding-left:14%}.section{padding-left:12%;padding-right:12%}}@media(max-width:900px){nav{gap:18px}.hero{min-height:650px}.hero-copy{padding:55px 8%}.hero-notes{gap:12px}.section{padding:75px 6%}.work-grid{gap:12px}.work-card img{height:280px}.work-card>div{padding:17px}.craft{gap:6%}.craft-visual img{height:440px}.visit .btn{padding:13px 16px}.ticker{gap:15px;font-size:10px;letter-spacing:1px}}@media(max-width:650px){header{height:83px;padding:18px 6%}header .brand>span{font-size:27px}nav{display:none}.hero{display:flex;flex-direction:column}.hero-copy{padding:40px 6% 34px}.place{font-size:10px}h1{font-size:43px;margin:22px 0}.hero .intro{font-size:14px}.hero .actions{gap:18px}.hero-notes{margin-top:30px;font-size:10px}.hero-image{height:370px;min-height:370px}.hero-image img{object-position:50% 42%}.ticker{padding:18px 6%;gap:15px;flex-wrap:wrap;justify-content:center}.ticker span:last-child,.ticker i:last-of-type{display:none}.section{padding:62px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:25px}.section-head .text-link{display:inline-block;margin-top:10px}h2{font-size:31px}.service-list article{grid-template-columns:27px 1fr;gap:12px;padding:25px 0}.service-list article>a{grid-column:2;justify-self:start;padding-top:2px}.service-list h3{font-size:20px}.service-list p{font-size:13px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.work-card:first-child{grid-column:1/-1}.work-card img{height:240px}.work-card:first-child img{height:340px}.work-card h3{font-size:14px}.work-card>div{padding:15px}.work-card span{font-size:8px;letter-spacing:1px}.craft{display:flex;flex-direction:column-reverse;gap:35px}.craft-visual{width:100%}.craft-visual img{height:290px}.step-grid{grid-template-columns:1fr;gap:23px;margin-top:30px}.step-grid h3{margin-top:10px;font-size:20px}.step-grid p{max-width:none}.faq,.visit{grid-template-columns:1fr;gap:25px}.faq summary{font-size:14px}.visit .actions{gap:10px}.visit .btn{font-size:12px}.map-panel{min-height:0;margin-top:20px}.map-panel iframe{height:280px}footer{padding:30px 6% 95px;gap:20px}.mobile-bar{display:grid;grid-template-columns:1.4fr 1fr .7fr;position:fixed;bottom:0;left:0;right:0;background:var(--ink);z-index:10;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0002}.mobile-bar a{padding:16px 10px;color:white;text-align:center;font-size:12px;border-right:1px solid #ffffff26}.mobile-bar a:first-child{background:var(--lime);color:var(--ink);font-weight:700}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}