/* Official business-card colors: graphite #303940, gold #C7A44E. */
:root{--paper:#303940;--ink:#f4f3ee;--line:#66707766;--muted:#bdc3c6;--accent:#c7a44e;--surface:#354047;--surface-deep:#273138;--brand-gold:#c7a44e;--brand-bg:#303940}
html{color-scheme:dark;scroll-behavior:smooth}body{background:var(--brand-bg);color:var(--ink);font-family:"Noto Sans TC",Arial,sans-serif}.preview{background:#252e34;border-bottom:1px solid #c7a44e40;color:#e6d9b5;font-size:10px;letter-spacing:1.3px}.preview span{opacity:.85}header{height:100px;background:#303940;position:relative;z-index:10;border-bottom:1px solid var(--line);padding:0 5%}.brand{display:flex;gap:14px;margin-right:32px;flex-shrink:0}.brand-sun{width:54px;height:54px;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;gap:5px;line-height:1.3;letter-spacing:2px}.brand-wordmark strong{font-size:22px;font-weight:500;color:#faf9f3}.brand-wordmark small{font-size:8px;letter-spacing:.25px;margin:0;color:#d6dadd;white-space:nowrap}nav{gap:22px;font-size:11px;letter-spacing:1px}nav a{color:#e8e8e3;white-space:nowrap;min-height:40px}nav a:hover,nav a.active{color:var(--brand-gold)}nav a.active{box-shadow:inset 0 -1px var(--brand-gold)}nav .nav-cta{border-color:#c7a44e80;padding:8px 16px;font-size:10px}nav .nav-cta span{margin-left:14px}nav sup{color:#c0c6c8}.menu{color:var(--ink)}.eyebrow{font-size:10px;letter-spacing:3px;color:#c6cbcbd9}.eyebrow:before{background:var(--brand-gold)}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--brand-gold)}.wrap{max-width:1440px;padding:0 6%}.section{padding-top:100px;padding-bottom:100px}.section h2,.page h1,.page h2,.cta h2{font-family:"Noto Sans TC",sans-serif;font-weight:400}.section h2{font-size:36px;line-height:1.6}.text-link{border-color:#c7a44e80;color:#e8ddc0}.text-link:hover{color:var(--brand-gold)}.section-head p,.intro,.page-lead{color:var(--muted)}
.brand-hero{min-height:690px;height:calc(100svh - 129px);max-height:1000px;position:relative;isolation:isolate;overflow:hidden;background:#1c252b}.brand-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.brand-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1a252de8 0%,#1a252dbf 28%,#1b252d44 58%,#19232b0d 100%),linear-gradient(0deg,#202b35ad,transparent 25%);z-index:-1}.brand-hero-copy{padding:64px 6.4% 110px;max-width:830px}.brand-hero .eyebrow{letter-spacing:3.5px;color:#ced2d3;font-size:10px}.brand-hero h1{font-family:Arial,"Noto Sans TC",sans-serif;font-size:clamp(58px,5.4vw,94px);font-weight:300;letter-spacing:2px;line-height:.99;margin:22px 0 24px}.brand-hero h1 span{display:block}.brand-hero h1 i{font-style:normal;color:#c2c9cd77;font-weight:300}.brand-hero-zh{font-family:"Noto Sans TC",sans-serif;font-size:20px;letter-spacing:3px;line-height:1.8;color:#d7dbdc;margin:16px 0 24px}.brand-hero-description{font-size:12px;line-height:2;letter-spacing:1.3px;max-width:390px;color:#e4e5e3}.arrow-link{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:2px;width:max-content;margin-top:35px}.arrow-link>span{width:58px;height:58px;display:grid;place-items:center;border:1px solid #d8dbd48c;border-radius:50%;font-size:29px;font-family:Arial;transition:border-color .2s,color .2s}.arrow-link:hover{color:var(--brand-gold)}.arrow-link:hover>span{border-color:var(--brand-gold)}.brand-hero-bottom{position:absolute;bottom:25px;left:6.4%;right:4%;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.brand-hero-bottom>a{display:flex;gap:30px;align-items:flex-start;font-size:11px;letter-spacing:1.5px}.brand-hero-bottom>a>span:first-child{color:var(--brand-gold);border-top:1px solid #c7a44e88;padding-top:8px}.brand-hero-bottom small{display:block;font-size:9px;letter-spacing:2px;color:#b7c0c5;margin-bottom:7px}.concept-tag{font-size:9px!important;letter-spacing:1px!important;color:#d5d9d6;background:#263139bc;padding:5px 9px;line-height:1.6;font-weight:400}.brand-story{border-bottom:1px solid var(--line)}.brand-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:12px}.brand-story-grid h2{font-size:46px;letter-spacing:3px;margin:20px 0}.brand-story-grid>div{padding-top:22px;max-width:490px}.brand-story-grid p{font-size:14px;color:#cbd0d1;line-height:2.2;margin:0 0 18px}.brand-story-grid .text-link{display:inline-block;margin-top:12px}.brand-services{padding-top:80px}.service-grid article{border-color:#c7a44e66}.service-grid h3{font-size:18px;font-weight:400}.service-grid small{color:var(--brand-gold)}
.brand-material-feature,.brand-material-hero{position:relative;isolation:isolate;overflow:hidden;background:#222b31}.brand-material-feature{height:570px}.brand-material-feature>img,.brand-material-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.brand-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#202b33e8 0%,#202b33bc 31%,#202b3322 63%,#202b330a);z-index:-1}.brand-material-feature>.wrap{padding-top:75px}.brand-material-feature h2{font:300 clamp(38px,4vw,62px)/1.05 Arial,sans-serif;letter-spacing:2px;margin:20px 0}.brand-material-feature h2>span{color:#c9cdd087}.brand-material-feature p{font-size:13px;color:#d3d6d6;line-height:2}.brand-material-feature>.concept-tag,.brand-material-hero>.concept-tag{position:absolute;right:25px;bottom:20px}.brand-material-hero{height:510px}.brand-material-hero>.wrap{padding-top:55px;padding-bottom:70px}.brand-material-hero h1{font:300 clamp(44px,4.3vw,68px)/1.05 Arial,sans-serif;letter-spacing:2px;margin:18px 0}.brand-material-hero h1>span{color:#bec5ca75}.brand-material-hero .brand-hero-zh{font-size:16px;letter-spacing:2px;margin:20px 0 12px}.brand-material-hero p:not(.brand-hero-zh){font-size:12px;color:#c9cfd0;line-height:2;max-width:330px}.brand-catalog{padding-top:38px;padding-bottom:75px}.material-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line)}.material-filters{display:flex;flex-wrap:wrap;gap:9px 20px;max-width:850px}.material-filter{background:none;border:0;border-bottom:1px solid transparent;color:#c8cdce;min-height:38px;padding:0 0 7px;font-size:11px;letter-spacing:.5px;cursor:pointer}.material-filter.active{border-color:var(--brand-gold);color:#f2e4ba}.material-filter:hover{color:#f2e4ba}.material-search{flex:0 0 225px;font-size:10px;color:#bdc4c7;letter-spacing:1px}.material-search span{display:block}.material-search input{background:transparent;color:#f4f4ef;border:0;border-bottom:1px solid #8b969b;border-radius:0;outline-offset:3px;padding:7px 1px;margin:0;height:36px;font-size:12px}.material-search input::placeholder{color:#aab5ba}.material-count{font-size:10px;color:#b5c0c5;letter-spacing:1px;margin:20px 0}.brand-material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.brand-material-card{border-bottom:1px solid #69757d;min-width:0;transition:transform .2s}.brand-material-card[hidden]{display:none}.brand-material-card:hover{transform:translateY(-4px);border-color:var(--brand-gold)}.brand-material-image{height:185px;overflow:hidden;background:#26323a;position:relative}.brand-material-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.brand-material-card:hover img{transform:scale(1.035)}.brand-material-image>span{position:absolute;top:12px;left:12px;font:11px Arial;color:#f0e8d4;background:#283239b8;padding:4px 7px}.brand-material-body{padding:17px 4px 18px}.brand-material-body h2{font-size:17px;letter-spacing:1px;font-weight:400;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}.brand-material-body h2>span{color:var(--brand-gold);font-size:22px}.brand-material-body p{font-size:10px;line-height:1.8;color:#c0c7ca;margin:0}.material-empty{padding:40px 0;text-align:center;color:#c6ced2;font-size:13px}.brand-material-notes{display:grid;grid-template-columns:1fr 1.3fr 1fr 1fr 1.2fr;gap:24px;border-top:1px solid var(--line);margin-top:60px;padding-top:30px;align-items:center}.brand-material-notes>div:first-child{font:300 24px/1.15 Arial;letter-spacing:2px;color:#ced2d2}.brand-material-notes p{font-size:11px;color:#bcc4c8;line-height:2}.brand-material-notes strong{font-size:11px;font-weight:400;display:block;color:#e3e6e3}.brand-material-notes small{font-size:9px;display:block;color:#b8c2c7;line-height:1.8;margin-top:9px}
.page{background:var(--brand-bg)}.panel{background:var(--surface);border-color:var(--line)}.panel p,.contact-list span,.step p,.service-card p,.case-card p,.portal-card p{color:var(--muted)}.notice,.review-detail{background:#3d4140;border-color:#c7a44e80;color:#e1d8c1}.review-detail p{color:#d2d2c8}.fact-grid,.step,.source-note,.contact-list li,.about-pillars article{border-color:var(--line)}.fact-grid small,.micro,.source-note,.source-note a{color:#bfc7ca}.about-pillars span,.step span{color:var(--brand-gold)}.about-pillars p{color:var(--muted)}.catalog-card,.swatch,.real-case{background:#354047;border-color:var(--line)}.real-case>img{height:320px}.real-case>div>small{font:9px Arial;letter-spacing:2px;color:#b5bfc4}.real-case h3{font:300 28px Arial;display:flex;justify-content:space-between;letter-spacing:1px;margin:15px 0}.real-case h3 span{color:var(--brand-gold);font-size:19px}.real-case p{color:#b9c3c8}.case-gallery img,.material-detail>img{background:#26323b}.case-gallery figcaption,.material-detail p{color:var(--muted)}.case-index a,.news-row{border-color:var(--line)}.news-row span,.case-index small{color:#b8c2c7}.news-row:hover strong{color:var(--brand-gold)}.portal-card{background:#354047;border-color:var(--line)}.portal-card .icon{color:var(--brand-gold)}.pill{border-color:#c7a44e88;color:#e2d3a8}.texture-list span{border-color:#71808b}.button{background:var(--brand-gold);border-color:var(--brand-gold);color:#202a32}.button.light{background:transparent;border-color:#c7a44e88;color:#eee6d1}.button:hover{background:#d9b961;color:#202a32}.portal-card button{color:#c8cfd2;border-color:#839098}.cta{background:#26323b;color:var(--ink);border-top:1px solid var(--line)}.cta p{color:var(--muted)}input,textarea,select{background:#2c363e;color:#edf0ec;border-color:#6a7984}input::placeholder,textarea::placeholder{color:#aab7bf}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.65}.brand-contact{display:flex;justify-content:space-between;gap:45px;align-items:center;padding:70px 7%;background:#29343c;border-top:1px solid #c7a44e55}.brand-contact h2{font-size:35px;font-weight:400;line-height:1.6;letter-spacing:2px;margin:18px 0}.brand-contact p{font-size:12px;color:#c0c9cd}.circle-cta{display:flex;align-items:center;gap:35px;font-size:12px;letter-spacing:2px;white-space:nowrap}.circle-cta b{width:82px;height:82px;display:grid;place-items:center;border:1px solid #c7a44e99;border-radius:50%;font-size:30px;font-weight:300;color:#e9ddbc}.circle-cta:hover{color:var(--brand-gold)}footer{background:#303940;color:#e0e5e3;border-top:1px solid var(--line)}.footer-brand{display:flex;gap:20px;align-items:center;font-size:23px;letter-spacing:2px}.footer-brand>img{width:64px;height:64px}.footer-brand small{font-size:10px;letter-spacing:.5px;margin-top:8px;color:#c6ced1}footer p{color:#c0c9cd}.footer-bottom{border-color:var(--line);color:#b6c2c8;font-size:10px}footer>div:nth-of-type(2){color:#d0d7da}.skip-link{background:var(--brand-gold);color:#202a32}.case-index a:hover,.contact-list a:hover{color:var(--brand-gold)}
@media(min-width:1101px) and (max-width:1450px){header{padding:0 3%}.brand{gap:11px;margin-right:20px}.brand-sun{width:44px;height:44px}.brand-wordmark strong{font-size:20px}.brand-wordmark small{font-size:7px}nav{gap:14px;font-size:10px;letter-spacing:.3px}nav .nav-cta{padding:8px 11px}.brand-hero-copy{padding-top:55px}.brand-hero h1{font-size:76px}.brand-hero-zh{font-size:18px}}
@media(max-width:1100px){header{height:84px;padding:0 5%}.brand{margin-right:0}.brand-sun{width:45px;height:45px}.brand-wordmark strong{font-size:21px}.menu{display:block;background:none;border:0;padding:10px;font-size:24px}nav{display:none;position:absolute;top:84px;left:0;right:0;background:#303940;padding:22px 6%;border-bottom:1px solid #c7a44e66;flex-direction:column;align-items:stretch;gap:8px;font-size:13px;letter-spacing:1px;max-height:calc(100svh - 120px);overflow-y:auto}nav.open{display:flex}nav a{padding:6px 0;min-height:40px}nav a.active{box-shadow:none;color:var(--brand-gold)}nav sup{display:inline;margin-left:8px}nav .nav-cta{padding:10px 15px}.brand-hero{height:auto;min-height:730px}.brand-hero-copy{padding-top:65px;padding-bottom:140px}.brand-hero h1{font-size:76px}.brand-hero-zh{font-size:19px}.brand-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-material-notes{grid-template-columns:1fr 1fr 1fr}.brand-material-notes>div:first-child{grid-column:1}.brand-material-notes p{grid-column:2/-1}.material-toolbar{flex-direction:column;gap:14px}.material-search{flex:auto;width:100%;max-width:330px}.brand-story-grid{gap:45px}}
@media(max-width:700px){.preview{font-size:8px;letter-spacing:.5px;padding:3px 10px;line-height:1.7}.preview span{display:block;margin-left:0;font-size:8px}header{height:80px}nav{top:80px}.brand-sun{width:40px;height:40px}.brand-wordmark strong{font-size:20px}.brand-wordmark small{font-size:7px}.brand-hero{min-height:690px}.brand-hero-image{object-position:59% center}.brand-hero-shade{background:linear-gradient(90deg,#1c2831e6,#1c28319c 65%,#1c28315c),linear-gradient(0deg,#25323be6,transparent 40%)}.brand-hero-copy{padding:53px 7% 140px;max-width:none}.brand-hero .eyebrow{font-size:8px;letter-spacing:2px}.brand-hero h1{font-size:clamp(48px,11vw,72px);margin:25px 0;letter-spacing:1px}.brand-hero-zh{font-size:16px;letter-spacing:2px;margin:20px 0}.brand-hero-description{font-size:11px;letter-spacing:.5px;line-height:2}.arrow-link{margin-top:28px;font-size:11px;gap:16px}.arrow-link>span{width:50px;height:50px;font-size:25px}.brand-hero-bottom{left:7%;right:7%;bottom:22px;display:block}.brand-hero-bottom>a{gap:20px;font-size:10px}.brand-hero-bottom .concept-tag{display:inline-block;margin-top:15px;font-size:8px!important}.brand-story-grid{grid-template-columns:1fr;gap:10px}.section{padding-top:60px;padding-bottom:60px}.brand-story-grid h2{font-size:33px;margin-top:10px}.brand-story-grid>div{padding-top:0}.brand-story-grid p{font-size:12px;line-height:2}.section h2{font-size:28px}.service-grid{grid-template-columns:1fr 1fr;gap:0 18px}.service-grid h3{font-size:14px;letter-spacing:.3px}.brand-material-feature{height:510px}.brand-material-feature>.wrap{padding-top:65px}.brand-material-feature>img,.brand-material-hero>img{object-position:60% center}.brand-feature-shade{background:linear-gradient(90deg,#202c35ed,#202c35b3 55%,#202c3555)}.brand-material-feature h2{font-size:41px}.brand-material-feature>.concept-tag,.brand-material-hero>.concept-tag{right:16px;bottom:16px;font-size:8px!important;max-width:85%}.brand-material-hero{height:500px}.brand-material-hero>.wrap{padding-top:55px;padding-left:7%}.brand-material-hero h1{font-size:clamp(35px,8vw,52px);letter-spacing:1px}.brand-material-hero .brand-hero-zh{font-size:14px;max-width:260px;line-height:1.9}.brand-catalog{padding-top:25px;padding-bottom:50px}.material-filters{gap:7px 18px}.material-filter{font-size:11px;min-height:40px}.material-search input{font-size:16px;height:42px}.brand-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.brand-material-image{height:165px}.brand-material-body h2{font-size:15px;letter-spacing:.3px}.brand-material-body p{font-size:10px}.brand-material-notes{grid-template-columns:1fr;gap:20px;margin-top:40px}.brand-material-notes p,.brand-material-notes>div:first-child{grid-column:auto}.brand-material-notes>div:first-child{font-size:27px}.brand-material-notes strong{font-size:12px}.brand-material-notes small{font-size:10px;margin-top:5px}.brand-contact{display:block;padding:45px 7%}.brand-contact h2{font-size:28px}.circle-cta{margin-top:30px;justify-content:space-between;gap:20px}.circle-cta b{width:64px;height:64px;font-size:26px}.real-case>img{height:290px}.case-grid{grid-template-columns:1fr}.footer-brand{font-size:17px;gap:14px;letter-spacing:1px}.footer-brand>img{width:49px;height:49px}.footer-brand small{font-size:8px}.page h1{font-size:34px}.page h2{font-size:26px}.panel{padding:25px}.page-lead{font-size:13px}.source-note{font-size:10px}.review-detail{padding:20px}}
@media(max-width:370px){.brand-wordmark small{font-size:6.4px}.brand-hero h1{font-size:46px}.brand-material-grid{grid-template-columns:1fr}.brand-material-image{height:210px}.brand-material-hero h1{font-size:33px}.footer-brand{font-size:15px}.service-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arrow-link>span,.brand-material-card,.brand-material-image img{transition:none}.brand-material-card:hover{transform:none}}