@font-face{font-family:"Open Sans";src:url("/assets/fonts/open-sans-latin.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap}:root{--ink:#000;--paper:#fff;--grey:#ededed;--line:#e2e2e2;--muted:#666;--footer:#020202;--font:"Open Sans","PingFang TC","PingFang HK","Microsoft JhengHei","Noto Sans TC","Heiti TC",sans-serif;--container:min(80%,1280px);--header-h:80px;--ease:cubic-bezier(0.22,0.61,0.36,1);--shadow:0 2px 18px rgba(0,0,0,0.3)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;font-weight:400;line-height:2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,iframe{max-width:100%}img{display:block;height:auto;border:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4,h5,p,figure,ul,ol{margin:0;padding:0}ul,ol{list-style:none}h1,h2,h3,h4,h5{font-weight:500;line-height:1.2}h1{font-size:36px}h2{font-size:21px}::selection{background:#000;color:#fff}:focus-visible{outline:2px solid currentColor;outline-offset:3px}.site-header.is-scrolled{box-shadow:0 1px 0 rgba(255,255,255,0.14)}.site-header:focus-visible,.site-footer:focus-visible{outline-color:#fff}[hidden]{display:none !important}.container{width:var(--container);max-width:1280px;margin-inline:auto}.visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:1em;height:1em;flex:none;fill:currentColor;stroke:none;vertical-align:-0.125em}.skip-link{position:fixed;top:-120px;left:16px;z-index:1000;padding:10px 18px;background:#fff;color:#000;font-size:14px;font-weight:600;box-shadow:0 2px 12px rgba(0,0,0,0.25);transition:top 0.2s var(--ease)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;background:#000;color:#fff}.header-inner{width:var(--container);max-width:1280px;height:var(--header-h);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex:none;line-height:0}.brand img{width:160px;height:auto}.site-nav{display:flex;align-items:center;gap:26px}.site-nav a{display:block;padding:4px 0;color:rgba(229,229,229,0.6);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0.01em;transition:color 0.2s var(--ease)}.site-nav a:hover,.site-nav a:focus-visible{color:#fff}.site-nav a[aria-current="page"]{color:#fff}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.nav-toggle .icon{width:24px;height:24px}.nav-toggle .icon-close{display:none}.nav-toggle[aria-expanded="true"] .icon-menu{display:none}.nav-toggle[aria-expanded="true"] .icon-close{display:block}.site-footer{background:var(--footer);color:#fff;font-size:14px;font-weight:500;line-height:1.8}.footer-inner{width:var(--container);max-width:1280px;min-height:58px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:8px 0}.footer-copy a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.footer-social{display:flex;align-items:center;gap:22px}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fff;opacity:0.95;transition:opacity 0.2s var(--ease)}.footer-social a:hover{opacity:0.65}.footer-social .icon{width:17px;height:17px}.hero{position:relative;height:80vh;height:80svh;min-height:460px;max-height:900px;overflow:hidden;background:#000}.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-poster{z-index:0;transition:opacity 0.8s var(--ease)}.hero-video{z-index:1;opacity:0;transition:opacity 0.8s var(--ease)}.hero.is-playing .hero-video{opacity:1}.hero.is-playing .hero-poster{opacity:0}.hero-toggle{position:absolute;right:max(18px,5%);bottom:22px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,0.45);border-radius:50%;background:rgba(0,0,0,0.42);color:#fff;cursor:pointer;backdrop-filter:blur(4px);transition:background 0.2s var(--ease),transform 0.2s var(--ease)}.hero-toggle:hover{background:rgba(0,0,0,0.7);transform:scale(1.04)}.hero-toggle .icon{width:18px;height:18px}.intro{padding:29px 0}.prose{max-width:1160px;font-size:14px;line-height:2}.prose p + p{margin-top:0}.prose p{padding-bottom:14px}.prose p:last-child{padding-bottom:0}.section-grey{background:var(--grey)}.category-section{padding:29px 0 55px}.services{padding:29px 0 46px}.section-title{font-size:21px;font-weight:500;line-height:1.2;text-align:center}.section-title::after{content:"";display:block;height:10px}.category-grid,.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin-top:30px}.category-card{display:flex;min-height:142px;flex-direction:column;align-items:center;text-align:center;color:#000}.category-card .icon{width:42px;height:42px;color:#303030;transition:transform 0.3s var(--ease)}.category-card:hover .icon{transform:translateY(-3px)}.category-label{margin-top:14px;font-size:16px;font-weight:700;line-height:1.35}.category-label span{display:block}.category-label .label-en{font-size:15px}.service-card{min-height:121px;text-align:center}.service-card .icon{width:42px;height:42px;color:#303030}.service-label{margin-top:14px;line-height:1.4}.service-en{display:block;font-size:16px;font-weight:700}.service-zh{display:block;margin-top:1px;font-size:14px;font-weight:400}.page-head{padding:29px 0 26px;text-align:center}.page-head h1{font-size:36px;font-weight:500;line-height:1.2}.page-head-note{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.7}.products-section{padding-bottom:44px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 12px}.product-card{display:flex;flex-direction:column;align-items:center;color:#000}.product-card-media{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.product-card-media img{width:100%;height:100%;object-fit:contain;transition:transform 0.4s var(--ease)}.product-card:hover .product-card-media img{transform:scale(1.035)}.product-card-name{margin-top:15px;max-width:96%;font-size:12.5px;font-weight:700;line-height:1.55;text-align:center}.product-card:hover .product-card-name{text-decoration:underline;text-underline-offset:3px}.product-detail{padding:44px 0 20px}.product-detail h1{margin-bottom:56px;font-size:36px;font-weight:500;line-height:1.2;text-align:center;overflow-wrap:anywhere}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.product-figure{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 3;background:#fff}.product-figure img{width:auto;max-width:100%;max-height:100%;height:auto;margin-inline:auto;object-fit:contain}.product-info{padding-top:8px;font-size:14px;line-height:2}.product-info h2{margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.6}.spec-group + .spec-group,.spec-group + .spec-lead{margin-top:22px}.spec-lead{margin-bottom:8px;font-weight:600}.spec-list{margin:0;padding:0}.spec-list li{position:relative;padding-left:1.15em;margin-bottom:2px}.spec-list li::before{content:"";position:absolute;top:0.9em;left:0.25em;width:4px;height:4px;border-radius:50%;background:#000}.product-cta{margin-top:28px}.projects-head{padding:28px 0 0}.projects-head h1{font-size:21px;font-weight:500;line-height:1.2;text-align:center}.filters{display:flex;flex-wrap:wrap;gap:0;padding:0}.filter-btn{min-height:38px;margin:0 0 -1px -1px;padding:8px 20px;border:1px solid var(--line);background:#fff;color:#000;font-size:15px;font-weight:400;line-height:1.4;cursor:pointer;transition:background 0.15s var(--ease),color 0.15s var(--ease),border-color 0.15s var(--ease)}.filter-btn:hover{background:#f4f4f4}.filter-btn[aria-pressed="true"]{position:relative;z-index:1;border-color:#000;background:#000;color:#fff}.projects-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:20px;margin-top:10px;color:var(--muted);font-size:12px;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 63px;padding:14px 0 8px}.project-card{display:block;min-width:0;color:#000;text-align:center}.project-card-media{display:block;aspect-ratio:4 / 3;overflow:hidden;background:#f2f2f2}.project-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 0.55s var(--ease)}.project-card:hover .project-card-media img{transform:scale(1.04)}.project-card-title{margin-top:12px;font-size:14px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.project-card:hover .project-card-title{text-decoration:underline;text-underline-offset:3px}.is-hidden{display:none !important}.projects-more{padding:16px 0 54px;text-align:center}.load-more{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 26px;border:1px solid #000;background:#fff;color:#000;font-size:13px;font-weight:600;letter-spacing:0.02em;cursor:pointer;transition:background 0.2s var(--ease),color 0.2s var(--ease)}.load-more:hover{background:#000;color:#fff}.projects-empty{padding:60px 0;text-align:center;color:var(--muted)}.noscript-note{margin:16px 0;padding:10px 14px;background:#f4f4f4;font-size:12px}.project-detail{padding:30px 0 60px}.project-detail h1{margin-bottom:8px;font-size:36px;font-weight:500;line-height:1.35;text-align:center;overflow-wrap:anywhere}.project-category{display:block;margin-bottom:26px;color:var(--muted);font-size:12px;line-height:1.6;text-align:center;letter-spacing:0.04em}.project-gallery{display:grid;gap:26px}.project-gallery img{width:100%;height:auto;margin-inline:auto}.detail-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;line-height:1.6}.detail-nav a,.back-link{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-weight:600;color:#000}.detail-nav a:hover,.back-link:hover{text-decoration:underline;text-underline-offset:3px}.detail-nav .icon{width:14px;height:14px}.detail-nav-pair{display:flex;flex-wrap:wrap;gap:24px}.product-detail-footer{margin-top:42px;padding-top:20px;border-top:1px solid var(--line)}.about{padding:29px 0 54px}.about h1{padding-bottom:10px;font-size:36px;font-weight:500;line-height:1.2;text-align:center}.about .prose{margin-top:20px;margin-bottom:69px}.video-gallery{margin-top:8px}.video-main{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9;background:#000}.video-main img{width:100%;height:100%;object-fit:cover}.video-main.is-playing .video-play{display:none}.video-main iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-play span{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:#fff;color:#000;box-shadow:0 2px 14px rgba(0,0,0,0.35);transition:transform 0.2s var(--ease)}.video-main:hover .video-play span{transform:scale(1.06)}.video-play .icon{width:26px;height:26px;margin-left:3px}.video-caption{margin-top:12px;font-size:13px;font-weight:600;line-height:1.6}.video-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.video-thumb{display:block;position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.video-thumb img{width:100%;height:100%;object-fit:cover;opacity:0.78;transition:opacity 0.2s var(--ease),transform 0.4s var(--ease)}.video-thumb:hover img,.video-thumb.is-active img{opacity:1}.video-thumb:hover img{transform:scale(1.03)}.video-thumb::after{content:"";position:absolute;right:0;bottom:0;left:0;height:54px;background:linear-gradient(to top,rgba(0,0,0,0.78),rgba(0,0,0,0));pointer-events:none}.video-thumb.is-active{box-shadow:0 0 0 2px #000}.video-thumb .icon{position:absolute;z-index:1;left:10px;bottom:8px;width:18px;height:18px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.6))}.video-thumb-title{position:absolute;z-index:1;right:0;bottom:0;left:0;overflow:hidden;padding:5px 8px 5px 34px;background:rgba(0,0,0,0.72);color:#fff;font-size:11px;font-weight:600;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,0.8)}.certificates{padding:29px 0 54px}.certificates h2{padding-bottom:10px;font-size:36px;font-weight:500;line-height:1.2;text-align:center}.cert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 24px;margin-top:67px}.cert-card{padding-bottom:25px;text-align:center}.cert-card img{width:100%;max-width:240px;height:auto;margin-inline:auto;background:#fff}.cert-label{margin-top:15px;font-size:14px;font-weight:700;line-height:1.55}.contact-hero{position:relative;min-height:634px;display:flex;align-items:center;justify-content:center;padding:60px 0;overflow:hidden;background:#eae6df}.contact-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contact-card{position:relative;z-index:1;width:min(561px,88%);padding:25px;background:#fff;box-shadow:var(--shadow)}.contact-card h2{padding-bottom:10px;font-size:21px;font-weight:600;line-height:1.2;text-align:center}.contact-divider{height:1px;margin:18px 0 24px;border:0;background:var(--line)}.contact-list{display:grid;gap:0;margin:0}.contact-row{display:flex;align-items:flex-start;gap:12px;min-height:33px;margin-bottom:14px;font-size:14px;font-weight:600;line-height:2}.contact-row:last-child{margin-bottom:14px}.contact-list:last-of-type .contact-row:last-child{margin-bottom:0}.contact-row .icon{width:18px;height:18px;margin-top:5px}.contact-row a{color:#000}.contact-row a:hover{text-decoration:underline;text-underline-offset:3px}.contact-map-link{position:absolute;right:max(18px,5%);bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;background:#fff;color:#000;font-size:12px;font-weight:600;line-height:1.4;box-shadow:0 1px 8px rgba(0,0,0,0.25)}.contact-map-link:hover{text-decoration:underline;text-underline-offset:3px}.contact-map-link .icon{width:13px;height:13px}.error-page{padding:72px 0 88px;text-align:center}.error-code{font-size:clamp(72px,12vw,132px);font-weight:300;line-height:1;letter-spacing:-0.03em}.error-page h1{margin-top:8px;font-size:26px;font-weight:500}.error-page p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.9}.error-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:28px;font-size:13px;font-weight:600}.error-links a{border-bottom:1px solid currentColor;padding-bottom:2px}@media (max-width:1100px){.category-grid,.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px}.video-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){:root{--container:88%;--header-h:72px}body{font-size:15px;line-height:1.9}.prose{font-size:15px;line-height:1.9}.brand img{width:142px}.site-nav{display:none}.js .site-nav{position:fixed;top:var(--header-h);right:0;left:0;display:block;max-height:calc(100svh - var(--header-h));padding:6px 6% 18px;overflow-y:auto;background:#000;border-top:1px solid rgba(255,255,255,0.12);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.2s var(--ease),transform 0.2s var(--ease),visibility 0.2s}.js .site-nav.is-open{opacity:1;visibility:visible;transform:none}.js .nav-toggle{display:inline-flex}body.nav-open{overflow:hidden}.site-nav a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.12);font-size:15px}.site-nav a:last-child{border-bottom:0}.no-js .header-inner{height:auto;flex-wrap:wrap;padding:14px 0}.no-js .site-nav{display:flex;flex-wrap:wrap;gap:0 22px;width:100%}.no-js .site-nav a{padding:4px 0;border-bottom:0}.hero{height:76vh;height:76svh;min-height:400px}.category-section{padding:29px 0 44px}.services{padding:29px 0 42px}.category-grid,.service-grid{margin-top:30px}.category-card,.service-card{min-height:0}.category-card .icon,.service-card .icon{width:38px;height:38px}.page-head{padding:24px 0 20px}.page-head h1,.product-detail h1,.project-detail h1,.about h1{font-size:30px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px}.product-layout{grid-template-columns:1fr;gap:26px}.product-figure img{max-width:520px}.product-info{padding-top:0}.product-detail h1{margin-bottom:24px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px}.project-card-title{font-size:13px}.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.certificates{padding-bottom:46px}.contact-hero{min-height:600px;padding:44px 0}.contact-card{width:min(561px,92%)}.video-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:column;justify-content:center;gap:8px;padding:16px 0 14px;text-align:center}.footer-copy{order:2}.footer-social{order:1;gap:26px}}@media (max-width:640px){:root{--container:90%}h1{font-size:26px}.hero{height:68vh;height:68svh;min-height:340px}.hero-toggle{right:16px;bottom:16px;width:40px;height:40px}.intro{padding:24px 0}.prose{font-size:14.5px;line-height:1.9}.section-title{font-size:20px}.category-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;margin-top:30px}.category-label{margin-top:10px;font-size:15px}.category-label .label-en{font-size:14px}.service-label{margin-top:10px}.service-en{font-size:15px}.service-zh{font-size:13px}.page-head h1,.product-detail h1,.project-detail h1,.about h1{font-size:26px}.projects-head h1{font-size:20px}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-btn{width:100%;padding:9px 8px;font-size:13.5px}.projects-grid{grid-template-columns:1fr;gap:28px;padding-top:14px}.project-card-media{aspect-ratio:4 / 3}.project-card-title{margin-top:10px;font-size:14px}.project-detail{padding-top:24px}.project-detail h1{text-align:left;font-size:25px}.project-category{text-align:left;margin-bottom:20px}.detail-nav{flex-direction:column;align-items:flex-start;gap:10px}.detail-nav-pair{gap:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}.product-card-name{margin-top:10px;font-size:12px;line-height:1.5}.product-detail{padding-top:24px}.product-detail h1{margin-bottom:24px;text-align:left;font-size:24px;line-height:1.35}.about{padding-top:24px}.about h1{font-size:26px}.about .prose{margin-top:16px;margin-bottom:34px}.about{padding-bottom:36px}.video-play span{width:54px;height:54px}.video-play .icon{width:21px;height:21px}.video-caption{font-size:12px}.video-thumb .icon{left:8px;bottom:7px;width:16px;height:16px}.video-thumb-title{padding-left:28px;font-size:10px}.certificates h2{padding-bottom:0;font-size:26px}.cert-grid{gap:28px 16px;margin-top:30px}.cert-card{padding-bottom:0}.cert-label{margin-top:10px;font-size:12.5px}.contact-hero{min-height:620px;padding:56px 0 40px}.contact-card{width:88%;padding:22px 18px}.contact-map-link{display:none}.contact-card h2{font-size:19px}.contact-row{gap:10px;font-size:13.5px}.contact-map-link{right:14px;bottom:14px}.error-page{padding:52px 0 68px}.error-page h1{font-size:22px}.footer-inner{padding:14px 0 16px}.footer-copy{font-size:12.5px;line-height:1.7}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important}.hero-video{display:none}}@media print{.site-header,.site-footer,.hero-toggle,.filters,.projects-more,.detail-nav{display:none !important}body{color:#000}.hero{display:none}a{text-decoration:underline}}