@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#101820;--navy:#102a43;--blue:#1e5a82;--gold:#d0a35a;--mist:#eef2f4;--line:#d6dde1;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans TC',sans-serif;background:#f7f8f7;line-height:1.8}a{color:inherit;text-decoration:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#f7f8f7;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(16,24,32,.08)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;object-fit:contain;border-radius:50%}.brand strong{display:block;font-size:1.05rem;letter-spacing:.15em}.brand small{display:block;color:#6b7680;font:500 .62rem 'Space Grotesk';letter-spacing:.12em}.nav{display:flex;gap:2.5rem;font-size:.9rem}.nav a{color:#53616c}.nav a:hover{color:var(--blue)}.menu-toggle{display:none;background:none;border:0;font-size:1.5rem}.hero{min-height:650px;padding:8rem 10vw 7rem;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;background:linear-gradient(115deg,#f7f8f7 56%,#e3eaed 56%)}.eyebrow,.section-label,.tag{color:var(--blue);font:700 .72rem 'Space Grotesk';letter-spacing:.18em}.hero h1{font-size:clamp(2.7rem,5.3vw,5.5rem);line-height:1.17;letter-spacing:.02em;margin:1rem 0 1.5rem;font-weight:900}.hero h1 em,h2 span{font-style:normal;color:var(--gold)}.hero-text{max-width:530px;color:#53616c;font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.3rem}.button{padding:.85rem 1.45rem;display:inline-block;font-weight:700}.button-primary{background:var(--navy);color:white}.text-link{font-size:.9rem;color:var(--blue);font-weight:700}.hero-visual{height:400px;position:relative;display:grid;place-items:center}.visual-ring{border:1px solid rgba(30,90,130,.35);border-radius:50%;position:absolute}.ring-one{width:340px;height:340px}.ring-two{width:220px;height:220px;border-color:rgba(208,163,90,.65)}.visual-card{width:205px;height:260px;background:var(--navy);color:#fff;position:relative;padding:1.7rem;box-shadow:20px 20px 0 rgba(208,163,90,.8);transform:rotate(-8deg)}.visual-card span{font:700 1rem 'Space Grotesk';color:var(--gold)}.visual-card p{font:700 2.2rem/1.05 'Space Grotesk';margin:3rem 0 2rem}.visual-card small{font:500 .75rem 'Space Grotesk';color:#b8c8d2}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;padding:2rem 10vw}.stats div{padding:0 2rem;border-right:1px solid rgba(255,255,255,.2)}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;color:var(--gold);font:700 2.1rem 'Space Grotesk'}.stats strong span{font-size:1rem}.stats span{display:block;color:#c8d3da;font-size:.8rem}.section{padding:7rem 10vw}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem;margin-top:3rem}.section h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.3;margin:.5rem 0;font-weight:900}.lead{font-size:1.3rem;line-height:1.8}.about-grid p:not(.lead){color:#697680}.dark-section{background:var(--navy);color:#fff}.dark-section .section-label{color:var(--gold)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin:1.5rem 0 4rem}.section-heading p{max-width:370px;color:#afc0cc}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.2)}.service-grid article{padding:2rem;background:var(--navy);min-height:230px}.service-grid b{font:700 1rem 'Space Grotesk';color:var(--gold)}.service-grid h3{font-size:1.3rem;margin:2.5rem 0 .5rem}.service-grid p{color:#afc0cc;font-size:.92rem}.equipment-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem}.equipment-feature{background:#fff;border:1px solid var(--line)}.equipment-feature img{width:100%;height:330px;object-fit:cover}.equipment-feature div{padding:1.7rem 2rem}.equipment-feature h3{font-size:1.5rem;margin:.5rem 0}.equipment-feature p,.equipment-list p{color:#687680;font-size:.92rem}.equipment-list>div{padding:1.4rem 0;border-top:1px solid var(--line)}.equipment-list span{color:var(--blue);font:700 .68rem 'Space Grotesk';letter-spacing:.15em}.equipment-list h3{margin:.4rem 0;font-size:1.2rem}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1rem;margin-top:4rem}.gallery img{width:100%;height:180px;object-fit:cover;filter:grayscale(15%)}.gallery img:first-child{height:240px}.contact{background:var(--gold);padding:6rem 10vw}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:8rem}.contact .section-label{color:var(--navy)}.contact h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1.25}.contact h2 span{color:#fff}.contact-details{padding-top:2.5rem}.contact-details p{border-bottom:1px solid rgba(16,24,32,.25);padding:.8rem 0;margin:0;display:grid;grid-template-columns:100px 1fr}.contact-details span{font-size:.8rem;font-weight:700}.contact-details a{text-decoration:underline;text-underline-offset:4px}footer{background:#0b1c2b;color:#9aaebc;padding:1.5rem 10vw;display:flex;justify-content:space-between;font:500 .7rem 'Space Grotesk';letter-spacing:.1em}@media(max-width:800px){.site-header{height:72px;padding:0 6vw}.menu-toggle{display:block;color:var(--navy)}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#f7f8f7;padding:1rem 6vw;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{padding:5rem 7vw;grid-template-columns:1fr;background:#f7f8f7}.hero-visual{display:none}.stats{padding:1.5rem 7vw;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stats div{padding:0;border:0}.section{padding:5rem 7vw}.about-grid,.equipment-grid,.contact-inner{grid-template-columns:1fr;gap:2rem}.section-heading{display:block;margin-bottom:2.5rem}.service-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img,.gallery img:first-child{height:150px}.contact{padding:5rem 7vw}footer{padding:1.5rem 7vw;display:block}footer span{display:block;margin:.3rem 0}}
 .quality-detail{margin-top:5rem;padding-top:4rem;border-top:1px solid var(--line)}.quality-heading{display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:2rem;align-items:start}.quality-heading h3{font-size:1.7rem;line-height:1.4;margin:0}.quality-heading p{color:#687680;margin:0}.quality-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:2.5rem}.quality-cards article{background:#f7f8f7;padding:1.5rem 1.7rem;min-height:170px}.quality-cards h4{font-size:1.05rem;margin:0 0 .7rem;color:var(--navy)}.quality-cards p{font-size:.88rem;color:#687680;margin:0}.equipment-feature p+p{margin-top:.8rem}@media(max-width:800px){.quality-heading{grid-template-columns:1fr;gap:.7rem}.quality-cards{grid-template-columns:1fr}}
 .facility-intro{margin-top:6rem;padding-top:3rem;border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem;align-items:start}.facility-intro h3{font-size:1.8rem;line-height:1.45;margin:.7rem 0 1rem}.facility-intro p{color:#687680;font-size:.94rem}.facility-photos{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.facility-photos figure{margin:0;background:#f7f8f7}.facility-photos img{display:block;width:100%;height:220px;object-fit:cover}.facility-photos figcaption{padding:1rem 1.1rem}.facility-photos figcaption b{display:block;font-size:1rem;color:var(--navy)}.facility-photos figcaption span{display:block;font-size:.78rem;color:#687680;margin-top:.25rem}@media(max-width:800px){.facility-intro{grid-template-columns:1fr;gap:2rem;margin-top:4rem}.facility-photos img{height:170px}}
 .equipment-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:0}.equipment-photo-pair img{width:100%;height:330px;object-fit:cover}@media(max-width:800px){.equipment-photo-pair img{height:220px}}
 .product-showcase{padding:6rem 10vw;background:#e8edf0;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.product-copy h2{font-size:clamp(2rem,3.5vw,3.4rem);margin:.7rem 0 1.2rem;color:var(--navy)}.product-copy p{max-width:520px;color:#687680}.product-showcase figure{margin:0;background:#fff;padding:1rem;box-shadow:15px 15px 0 rgba(208,163,90,.7)}.product-showcase figure img{display:block;width:100%;height:340px;object-fit:cover}.product-showcase figcaption{padding:.8rem .2rem .1rem;font-size:.82rem;color:var(--blue);font-weight:700}@media(max-width:800px){.product-showcase{padding:4rem 7vw;grid-template-columns:1fr;gap:2rem}.product-showcase figure img{height:280px}}
 .showroom-card{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}.showroom-card img{display:block;width:100%;height:330px;object-fit:cover}.showroom-card h3{font-size:1.8rem;line-height:1.4;margin:.7rem 0 1rem}.showroom-card p{color:#687680;font-size:.94rem}@media(max-width:800px){.showroom-card{grid-template-columns:1fr;gap:1.5rem}.showroom-card img{height:240px}}
 .product-showcase figure{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;align-items:center}.product-showcase figure figcaption{grid-column:1/-1}.product-showcase figure img+img{height:210px}@media(max-width:800px){.product-showcase figure{grid-template-columns:1fr 1fr}.product-showcase figure img+img{height:180px}}
 .product-showcase figure{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.product-showcase figure img{width:100%;height:300px;object-fit:cover}.product-showcase figure img+img{height:300px}.product-showcase figure figcaption{grid-column:1/-1}@media(max-width:800px){.product-showcase figure{grid-template-columns:1fr}.product-showcase figure img,.product-showcase figure img+img{height:260px}}
 .product-showcase figure>img:first-child{grid-column:1;grid-row:1}.product-showcase figure>img+img{grid-column:2;grid-row:1}.product-showcase figure>figcaption{grid-column:1/-1;grid-row:2}
 .product-showcase figure{display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:1rem}.product-showcase figure>img{display:block!important;width:calc(50% - .5rem)!important;height:300px!important;flex:0 0 calc(50% - .5rem)!important;object-fit:cover}.product-showcase figure>figcaption{width:100%;flex:0 0 100%}@media(max-width:800px){.product-showcase figure>img{width:100%!important;flex-basis:100%!important;height:260px!important}}
 .product-showcase figure{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:1rem!important}.product-showcase figure>img:first-child{grid-column:1!important;grid-row:1!important}.product-showcase figure>img:nth-of-type(2){grid-column:2!important;grid-row:1!important}.product-showcase figure>figcaption{grid-column:1/-1!important;grid-row:2!important}.product-showcase figure>img{width:100%!important;height:300px!important;object-fit:cover!important}@media(max-width:800px){.product-showcase figure{grid-template-columns:1fr!important}.product-showcase figure>img:first-child,.product-showcase figure>img:nth-of-type(2){grid-column:1!important;grid-row:auto!important;height:260px!important}}
 .hero-photo-card{padding:0;overflow:hidden;transform:rotate(-5deg);background:#fff;box-shadow:18px 18px 0 rgba(208,163,90,.8)}.hero-photo-card img{width:100%;height:100%;display:block;object-fit:cover}.hero-photo-card .hero-photo-label{position:absolute;left:0;bottom:0;background:rgba(16,42,67,.9);color:#fff;padding:.65rem 1rem;font:700 .78rem/1.15 'Space Grotesk';letter-spacing:.08em}
 .quality-cards article>img{display:block;width:calc(100% + 3.4rem);height:180px;margin:-1.5rem -1.7rem 1.2rem;object-fit:cover}.quality-cards article:nth-child(2)>img{object-position:center 45%}.quality-cards article:nth-child(4)>img{object-position:center 45%}@media(max-width:800px){.quality-cards article>img{height:210px}}
 .quality-cards article:nth-child(2)>img{object-position:center top}