@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--ink:#102131;--dark:#0b2639;--blue:#1678bd;--muted:#63717c;--line:#d8e2e8;--paper:#f2f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans TC',Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:86px;display:flex;align-items:center;gap:28px;padding:0 4.5vw;border-bottom:1px solid #dbe6ed;position:sticky;top:0;z-index:5;background:#fffffff2;backdrop-filter:blur(10px)}.brand img{width:135px;display:block}.main-nav{margin:auto;display:flex;gap:29px;font-size:14px;font-weight:600}.main-nav a:hover,.text-link:hover{color:var(--blue)}.header-cta,.button{font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 22px;border:1px solid var(--ink);transition:.25s}.header-cta{background:var(--ink);color:white;padding:12px 17px}.button-primary{background:var(--blue);color:white;border-color:var(--blue)}.button:hover,.header-cta:hover{transform:translateY(-2px);filter:brightness(.95)}.button-quiet{border-color:transparent;padding-left:0}.button-outline{background:transparent;margin:35px auto 0;display:flex}.menu-button{display:none}.hero{min-height:650px;display:grid;grid-template-columns:1.04fr .96fr;background:var(--paper);overflow:hidden}.hero-copy{padding:10.5vw 7vw 7vw 10vw;align-self:center}.eyebrow{letter-spacing:.13em;font:11px 'DM Mono',monospace;color:#547080;margin:0 0 24px}.hero h1,h2{font-weight:800;letter-spacing:-.065em;line-height:1.07;margin:0}.hero h1{font-size:clamp(42px,5.2vw,79px)}.hero h1 em{font-style:normal;color:var(--blue)}.lead{max-width:570px;color:#435461;line-height:1.9;margin:27px 0}.hero-actions{display:flex;gap:22px;align-items:center}.hero-media{position:relative;min-height:560px}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),transparent 28%),linear-gradient(0deg,#0016266b,transparent 50%)}.hero-media img{width:100%;height:100%;object-fit:cover;position:absolute;filter:grayscale(35%)}.hero-stamp{position:absolute;bottom:36px;right:36px;z-index:1;background:var(--blue);color:white;width:142px;height:142px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-stamp strong{font-size:37px;line-height:1}.hero-stamp span{font-size:11px;margin-top:5px;line-height:1.4}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:43px 10vw;border-bottom:1px solid var(--line)}.stats div{border-right:1px solid var(--line);padding-left:38px}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;font-size:29px;letter-spacing:-.06em}.stats span{display:block;font-size:13px;color:var(--muted);margin-top:7px}.section{padding:130px 10vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section h2{font-size:clamp(36px,4.25vw,64px)}.about>div:last-child{max-width:575px;font-size:16px;color:#3f525f;line-height:2}.text-link{display:inline-block;border-bottom:1px solid;margin-top:22px;color:var(--ink);font-size:14px;font-weight:700}.services{background:var(--dark);color:#fff}.section-heading{max-width:700px}.services .section-heading>p:last-child{font-size:16px;line-height:1.9;color:#b3c2cb;max-width:500px}.services .eyebrow{color:#8cadbf}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #315268;margin-top:68px}.service-grid article{padding:26px 25px 15px 0;margin-right:25px;border-right:1px solid #315268}.service-grid article:last-child{border:none}.service-grid span{font:12px 'DM Mono';color:#55b7f2}.service-grid h3{font-size:21px;margin:53px 0 15px}.service-grid p{font-size:14px;line-height:1.8;color:#a9bac5}.row{max-width:none;display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.row>p{max-width:350px;line-height:1.8;color:#52636e;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery figure{margin:0;background:#edf3f7;aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative;border:1px solid #d7e3ea}.gallery img{width:100%;height:100%;object-fit:contain;transition:.45s}.gallery figure:hover img{transform:scale(1.04)}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:23px 16px 13px;color:#fff;font:12px 'DM Mono';background:linear-gradient(transparent,#001d30c7);opacity:0;transition:.3s}.gallery figure:hover figcaption{opacity:1}.equipment{background:var(--paper);display:grid;grid-template-columns:1.1fr .9fr;padding:0}.equipment-image{min-height:620px}.equipment-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(25%)}.equipment-copy{padding:10vw 8vw}.equipment-copy>p:not(.eyebrow){color:#435461;line-height:1.9}.equipment-copy ul{list-style:'✓  ';padding-left:20px;line-height:2.1;font-size:14px;margin:25px 0 36px}.process{text-align:center}.process .eyebrow{margin-bottom:18px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;margin-top:65px;border-top:1px solid var(--line)}.process-grid article{padding:25px;border-right:1px solid var(--line)}.process-grid article:last-child{border:0}.process-grid b{font:12px 'DM Mono';color:var(--blue)}.process-grid h3{margin:45px 0 10px;font-size:19px}.process-grid p{color:#60717c;font-size:14px;line-height:1.8}.contact{background:var(--blue);padding:100px 10vw;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:75px}.contact .eyebrow{color:#c7edff}.contact h2{font-size:clamp(39px,4.7vw,68px)}.contact>div:last-child{align-self:end;max-width:440px;line-height:1.9}.button-light{background:white;color:var(--ink);border-color:#fff;margin-top:17px}footer{background:#081e2c;color:#fff;padding:60px 10vw 24px;display:grid;grid-template-columns:1.4fr 1.4fr 1fr;gap:36px;font-size:13px;line-height:1.9}footer img{width:125px;filter:none}footer p{color:#b7c6cf;margin:10px 0}footer a{display:block;color:#c8d5dc}footer a:hover{color:#64c5fb}footer small{grid-column:1/-1;border-top:1px solid #345061;padding-top:20px;color:#8aa2ae;font-size:11px;margin-top:20px}dialog{border:0;background:transparent;padding:20px;max-width:min(900px,90vw)}dialog::backdrop{background:#001523d9}dialog img{max-width:100%;max-height:80vh;display:block}dialog button{position:absolute;top:0;right:0;border:0;background:var(--blue);color:#fff;font-size:26px;width:42px;height:42px;cursor:pointer}
@media(max-width:850px){.site-header{height:70px;padding:0 20px}.brand img{width:112px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:22px;background:#fff;flex-direction:column;gap:18px;border-bottom:1px solid #ddd}.main-nav.open{display:flex}.menu-button{display:block;margin-left:auto;background:none;border:0;font-weight:700}.header-cta{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 8vw 60px}.hero-media{height:430px;min-height:0}.hero-media:after{background:linear-gradient(0deg,#0007,transparent 60%)}.stats{grid-template-columns:1fr 1fr;padding:30px 8vw;gap:25px}.stats div{padding:0;border:0}.split,.contact{grid-template-columns:1fr;gap:35px}.section{padding:78px 8vw}.service-grid,.process-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(2){border-right:0}.service-grid article{margin-right:15px}.gallery{grid-template-columns:1fr 1fr}.row{display:block}.row>p{margin-top:22px}.equipment{grid-template-columns:1fr}.equipment-image{min-height:360px}.equipment-copy{padding:75px 8vw}.contact{padding:72px 8vw}footer{padding:52px 8vw 24px;grid-template-columns:1fr}footer small{grid-column:auto}}

/* Compact product presentation: preserve every image without crop. */
.gallery{grid-template-columns:repeat(3,1fr);gap:12px}.gallery figure{aspect-ratio:620/250;background:#fff}@media(max-width:850px){.gallery{grid-template-columns:1fr}}