@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&display=swap');
:root{--ink:#203b37;--muted:#60716b;--line:#d9dfd8;--paper:#f5f6f1;--gold:#8b7552;--serif:'Noto Serif TC','PMingLiU',serif}
*{box-sizing:border-box}html{scroll-padding-top:115px;scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,'Microsoft JhengHei',sans-serif;font-size:15px;line-height:1.95}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}figure,p,h1,h2,h3,dl{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:36px;line-height:1.65;letter-spacing:.03em}h3{font-size:23px;line-height:1.6}p+p{margin-top:19px}p{color:var(--muted)}[hidden]{display:none!important}.shell{width:min(1200px,calc(100% - 100px));margin-inline:auto}.section{padding-block:80px}.soft{background:var(--paper)}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--gold);margin-bottom:20px;line-height:1.6}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:var(--ink);color:white;padding:12px}.skip:focus{top:15px}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(10px);z-index:30;border-bottom:1px solid var(--line)}.header-inner{width:min(1380px,calc(100% - 80px));margin:auto;height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand img{width:80px;height:52px;object-fit:contain}.brand>span{font-family:var(--serif);font-size:23px;letter-spacing:.1em;line-height:1.55}.brand small{display:block;font:9px/1.6 Arial,sans-serif;letter-spacing:.15em;margin-top:4px}.desktop-nav{display:flex;gap:32px;align-items:center}.desktop-nav a{font-size:14px;padding:15px 0;position:relative;white-space:nowrap}.desktop-nav a:after{content:'';position:absolute;bottom:7px;left:0;width:0;height:2px;background:var(--gold);transition:width .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{width:100%}.menu-button{display:none;border:0;background:none;color:var(--ink);min-height:44px;padding:8px;font-size:13px;gap:12px;align-items:center}.menu-button span{font-size:23px}.mobile-nav{position:fixed;inset:82px 0 0;background:var(--paper);padding:25px;z-index:29;overflow:auto}.mobile-nav a{display:block;border-bottom:1px solid var(--line);padding:18px 0;font-family:var(--serif);font-size:23px}.mobile-nav a[aria-current=page]{color:var(--gold)}body.menu-open{overflow:hidden}
.hero{position:relative;height:clamp(500px,46vw,660px);overflow:hidden;background:#203b37;color:#fff}.hero-images,.hero-shade{position:absolute;inset:0}.hero-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease;transform:scale(1.025)}.hero-images img.is-active{opacity:1;animation:photo-drift 16s ease-out both}.hero-shade{background:linear-gradient(90deg,#0f2925b5,#0f292528 80%)}.hero-content{position:relative;padding-top:70px}.hero .eyebrow{color:#ddd7c4;margin-bottom:22px}.hero h1{font-size:clamp(52px,5.4vw,78px);line-height:1.5;letter-spacing:.07em;animation:enter .9s both}.hero-content>p:not(.eyebrow){font-size:15px;color:#fff;line-height:2;margin-top:24px;animation:enter 1s .15s both}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-caption{font-size:11px;letter-spacing:.06em}.hero-controls{display:flex;align-items:center;gap:12px}.slide-count{font-size:11px;letter-spacing:.12em;margin-right:12px;font-variant-numeric:tabular-nums}.hero-controls button{background:none;border:1px solid #ffffff65;color:#fff;min-width:44px;min-height:44px;padding:5px 11px;font-size:14px}.hero-controls .pause{font-size:11px;border:0;border-left:1px solid #ffffff65;min-width:52px}.hero-controls button:hover{background:#ffffff18}.hero-paused .hero-images img{animation-play-state:paused}.business-strip{border-bottom:1px solid var(--line);background:var(--paper)}.business-strip>.shell{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:58px;font-size:12px;letter-spacing:.06em}.business-strip span:last-child{font-size:10px;color:var(--muted);letter-spacing:.13em}.home-company,.home-quality{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;padding-block:76px}.read-link{display:inline-flex;align-items:center;gap:40px;font-size:13px;border-bottom:1px solid var(--gold);padding-block:12px;margin-top:22px}.read-link span{transition:transform .25s}.read-link:hover span{transform:translateX(5px)}.business-index{background:var(--paper);padding:70px 0}.business-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:center}.business-photo img{height:440px;width:100%;object-fit:cover}.photo figcaption{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}.business-list h2{margin-bottom:24px;font-size:32px}.business-list>a{display:grid;grid-template-columns:28px 1fr 20px;gap:16px;align-items:center;border-top:1px solid #ccd5cc;padding:22px 0;transition:color .25s}.business-list>a:last-child{border-bottom:1px solid #ccd5cc}.business-list>a:hover{color:var(--gold)}.row-number{font-size:11px;color:var(--gold);align-self:start;padding-top:8px}.business-list h3{font-size:23px}.business-list p{font-size:13px;margin-top:6px}.home-quality{padding-block:70px}.home-quality h2{font-size:31px}
.breadcrumb{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);padding-top:26px}.breadcrumb a:hover{text-decoration:underline}.page-title{padding-top:42px;padding-bottom:50px;border-bottom:1px solid var(--line)}.page-title .eyebrow{margin-bottom:15px}.page-title h1{font-size:46px;letter-spacing:.045em;line-height:1.5}.page-title>p:last-child{font-family:var(--serif);font-size:19px;margin-top:18px}.split,.facts-layout,.product-detail,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.split h2{margin-bottom:25px}.split .photo img{width:100%;height:350px;object-fit:cover}.intro-split{align-items:center}.facts-layout{grid-template-columns:.7fr 1.3fr}.facts{width:100%;margin-top:0}.facts>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.facts>div:first-child{border-top:1px solid var(--line)}.facts dt{color:var(--muted)}.facts dd{margin:0}.section-heading{margin-bottom:38px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.process-grid article{border-top:1px solid #a3b5a8;padding-top:20px}.process-grid article>span{font-size:12px;color:var(--gold)}.process-grid h3{margin:20px 0 12px}.process-grid p{font-size:14px}.process-grid a{display:inline-block;font-size:13px;margin-top:22px;border-bottom:1px solid var(--line)}.process-grid a:hover{border-color:var(--ink)}.wide-photo{padding-top:36px}.wide-photo img{height:430px;width:100%;object-fit:cover}.practice article{border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:22px}.practice article:last-child{margin-bottom:0}.practice article>span{font-size:10px;color:var(--gold);letter-spacing:.08em}.practice h3{font-size:22px;margin:9px 0}.practice p{font-size:14px}.related{display:flex;gap:40px;align-items:center;padding-block:32px;font-size:13px}.related>span{font-size:11px;color:var(--muted)}.related a:hover{text-decoration:underline}.subnav{display:flex;gap:35px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-block:20px;font-size:13px}.subnav a:hover{text-decoration:underline;text-underline-offset:6px}.product-detail{align-items:center}.product-detail h2{margin-bottom:20px}.product-detail .photo img{width:100%;height:355px;object-fit:cover;background:#edf0e9}.product-detail .contain img{object-fit:contain}.spec-table{border-collapse:collapse;width:100%;font-size:13px;margin-top:28px;text-align:left}.spec-table caption{font-size:11px;color:var(--muted);text-align:left;padding-bottom:12px}.spec-table th,.spec-table td{border-top:1px solid var(--line);padding:13px 0;vertical-align:top}.spec-table th{width:115px;font-weight:400;color:var(--muted);padding-right:16px}.spec-table tr:last-child>*{border-bottom:1px solid var(--line)}.quality-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.quality-intro h2{font-size:32px;margin-bottom:25px}.quality-intro .photo img{width:100%;height:270px;object-fit:cover}.quality-intro p{max-width:560px}.note{font-size:12px;margin-top:25px}.facts-layout>div>p+.facts{margin-top:28px}.contact-layout{padding-bottom:100px}.contact-layout h2{margin-bottom:26px}.contact-details{font-style:normal}.contact-details>div{border-bottom:1px solid var(--line);padding:0 0 27px;margin-bottom:27px}.contact-details span{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:18px}.contact-details a{font-size:clamp(18px,2.2vw,28px);font-family:Georgia,Arial,sans-serif;overflow-wrap:anywhere}.contact-details a:hover{color:var(--gold)}
.footer{background:#203b37;color:#fff;padding-top:48px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:50px;padding-bottom:40px}.footer-brand{font-family:var(--serif);font-size:24px;letter-spacing:.08em;line-height:1.5}.footer-brand small{display:block;font:8px/1.8 Arial,sans-serif;letter-spacing:.15em;margin-top:8px}.footer-grid p{color:#b9c9be;font-size:12px;margin-top:24px}.footer nav a{display:block;font-size:12px;margin-top:8px}.footer a:hover{color:#d5c5a3}.footer-label{display:block;font-size:10px;color:#b9c9be;margin-bottom:18px;letter-spacing:.08em}.footer address{font-style:normal;overflow-wrap:anywhere}.footer address a{display:block;font-size:13px;margin-bottom:12px}.footer-base{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding:20px 0;color:#b9c9be;font-size:10px;letter-spacing:.03em}.reveal{transition:opacity .65s,transform .65s}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(12px)}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes photo-drift{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(max-width:1100px){.desktop-nav{gap:20px}.header-inner{width:calc(100% - 60px)}.brand{gap:10px}.brand img{width:65px}.brand>span{font-size:21px}.shell{width:calc(100% - 70px)}.home-company,.home-quality,.business-layout,.split,.quality-intro,.contact-layout,.product-detail,.facts-layout{gap:45px}.hero{height:550px}.hero-content{padding-top:60px}.business-photo img{height:400px}}
@media(max-width:850px){.desktop-nav{display:none}.menu-button{display:flex}.header-inner{height:82px}.hero{height:540px}.hero-content{padding-top:58px}.hero h1{font-size:60px}.home-company,.home-quality{gap:35px}.business-layout{gap:35px}.business-photo img{height:360px}.footer-grid{gap:30px}h2{font-size:30px}.page-title h1{font-size:40px}.facts-layout{grid-template-columns:.7fr 1.3fr}.facts>div{grid-template-columns:100px 1fr;gap:12px}.process-grid{gap:25px}.split,.product-detail,.quality-intro{gap:30px}.product-detail .photo img{height:320px}.spec-table th{width:95px}}
@media(max-width:650px){html{scroll-padding-top:90px}.shell{width:calc(100% - 44px)}body{font-size:14px}.header-inner{width:calc(100% - 34px);gap:10px}.brand img{width:58px;height:42px}.brand>span{font-size:19px}.brand small{font-size:7px}.hero{height:530px}.hero-content{padding-top:55px}.hero h1{font-size:51px;line-height:1.6}.hero-content>p:not(.eyebrow){font-size:13px;margin-top:22px}.hero .eyebrow{font-size:8px;margin-bottom:24px}.hero-images img{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#0f2925bd,#0f292560)}.hero-bottom{bottom:20px;gap:8px}.hero-caption{font-size:9px}.hero-controls{gap:6px}.slide-count{font-size:9px;margin-right:2px}.hero-controls button{padding:4px;min-width:36px;height:44px}.hero-controls .pause{font-size:10px;min-width:42px}.business-strip>.shell{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:53px;text-align:center;font-size:10px}.business-strip span:last-child{display:none}.home-company,.home-quality,.business-layout,.split,.facts-layout,.contact-layout,.product-detail,.quality-intro{grid-template-columns:1fr;gap:28px}.home-company,.home-quality{padding-block:50px}.home-company h2{font-size:30px}.home-quality h2{font-size:28px}.eyebrow{font-size:9px;margin-bottom:17px}.business-index{padding:45px 0}.business-photo img{height:255px}.business-layout{gap:35px}.business-list h2{font-size:28px}.business-list>a{padding-block:19px;gap:10px}.business-list h3{font-size:21px}.business-list p{font-size:12px}.business-list .eyebrow{margin-bottom:15px}.read-link{margin-top:13px}.footer{padding-top:38px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-grid>div{grid-column:1/-1}.footer-grid address a{font-size:11px}.footer nav a{font-size:12px}.footer-brand{font-size:23px}.footer-grid p{margin-top:15px;font-size:11px}.footer-base{font-size:9px;display:block}.footer-base>span{display:block;margin-top:4px}.breadcrumb{padding-top:18px;font-size:10px}.page-title{padding-top:28px;padding-bottom:32px}.page-title h1{font-size:35px}.page-title>p:last-child{font-size:16px;line-height:1.9;margin-top:15px}.section{padding-block:45px}h2{font-size:28px}.split h2{margin-bottom:20px}.split .photo img{height:260px}.facts>div{font-size:13px;grid-template-columns:92px 1fr;padding-block:16px}.section-heading{margin-bottom:28px}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid h3{font-size:21px;margin:13px 0 9px}.process-grid p{font-size:13px}.process-grid a{margin-top:14px}.wide-photo{padding-top:25px}.wide-photo img{height:250px}.related{flex-wrap:wrap;gap:18px;padding-block:25px;font-size:12px}.related>span{width:100%}.subnav{gap:20px;padding-block:16px;font-size:12px}.product-detail .photo img{height:280px}.product-detail h2{font-size:30px;margin-bottom:14px}.spec-table{margin-top:23px;font-size:12px}.spec-table th{width:95px}.quality-intro .photo img{height:230px}.quality-intro h2{font-size:26px}.contact-details a{font-size:22px}.contact-details>div{padding-bottom:22px;margin-bottom:22px}.contact-layout{padding-bottom:45px}.note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}