/* Sylwave: component-led company presentation, graphite and copper palette. */
:root{--navy:#252b2e;--ink:#292f32;--accent:#b54b24;--pale:#f7f6f2;--muted:#626965}
body{font-family:'DM Sans',Arial,'Microsoft YaHei','PingFang SC',sans-serif}h1,h2,h3{font-family:Manrope,Arial,'Microsoft YaHei','PingFang SC',sans-serif}html[lang=ja] body{font-family:'DM Sans',Arial,'Yu Gothic',Meiryo,sans-serif}html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3{font-family:Manrope,Arial,'Yu Gothic',Meiryo,sans-serif}
.site-header-inner{min-height:100px;gap:50px}.site-header .logo{font-size:2.55rem}.header-search{max-width:630px;height:48px;background:white}.header-search button{padding:0 20px;font-size:.82rem;white-space:nowrap}.header-bom{display:flex;align-items:center;gap:12px;font-size:.78rem;line-height:1.5}.header-bom strong{display:block;font-size:.85rem;color:var(--accent)}.document-symbol{font-size:1.8rem;color:var(--accent)}.brand-nav-wrap{border-top:1px solid var(--line)}.site-header #main-nav{display:flex;justify-content:flex-start;align-items:center;gap:36px;min-height:50px;padding:0;font-size:.85rem;flex-wrap:nowrap}.site-header #main-nav>a{padding:14px 0}.site-header #main-nav .nav-cta{margin-left:auto;color:var(--accent);font-weight:700;align-self:auto}.site-header [aria-current=page]{text-decoration:underline;text-underline-offset:8px}
.home-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding-top:22px}.home-category-nav{border:1px solid var(--line);display:flex;flex-direction:column;background:#fff;font-size:.8rem}.mini-heading{font-size:.78rem;font-weight:700;letter-spacing:.3px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--pale)}.home-category-nav>a{display:flex;justify-content:space-between;gap:8px;padding:9px 18px}.home-category-nav>a:hover{background:#fcf1e9;color:var(--accent)}.home-category-nav>a>span{color:#8a948e}.home-category-nav .category-all{border-top:1px solid var(--line);margin-top:auto;color:var(--accent);padding-block:14px;font-weight:600}.home-hero .hero{min-height:416px}.home-hero .hero-copy{padding:46px 40px 32px;max-width:665px}.home-hero h1{font-size:clamp(2rem,3.1vw,2.9rem);line-height:1.17;letter-spacing:-1.1px}.home-hero .hero-copy>p:not(.eyebrow){font-size:.96rem;max-width:440px;line-height:1.75}.home-hero .hero:before{background:linear-gradient(90deg,rgba(25,28,29,.96),rgba(25,28,29,.75) 48%,rgba(25,28,29,.08)),url('/hero-copper-v2.webp') 58% center/cover}.hero-footnote{margin-top:32px;color:#c9c8bd;font-size:.75rem;border-top:1px solid #ffffff30;padding-top:16px;max-width:415px}.service-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-bottom:1px solid var(--line);padding:9px 0 26px}.service-strip>div{display:flex;align-items:center;gap:14px;min-width:0}.service-strip>div>span{color:#ada899;font:500 1.5rem/1 Manrope,Arial,sans-serif}.service-strip p{margin:0}.service-strip strong{display:block;font-size:.84rem}.service-strip small{display:block;font-size:.75rem;color:var(--muted)}
.home-components{padding-block:44px}.home-components h2,.home-services h2{font-size:1.8rem}.home-components .section-heading,.home-services .section-heading{margin-bottom:24px}.home-component-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-component-grid>a{display:flex;align-items:center;position:relative;min-height:132px;border:1px solid var(--line);padding:15px 16px 15px 8px;gap:9px;background:#fff;transition:border-color .15s,box-shadow .15s}.home-component-grid>a:hover{border-color:#d3a180;box-shadow:0 5px 20px #162c410a;color:var(--ink)}.home-component-grid>a>div{min-width:0}.home-component-grid h3{font-size:.9rem;margin:0 0 8px}.home-component-grid p{font-size:.75rem;color:var(--muted);line-height:1.6;margin:0}.tile-arrow{position:absolute;right:11px;bottom:7px;color:var(--accent);font-size:.85rem}.component-image{display:block;background-image:url('/components-atlas-v1.webp');background-repeat:no-repeat;background-size:400% 200%;flex:0 0 auto;width:156px;height:156px}.home-component-grid .component-image{width:85px;height:85px}.component-0{background-position:0 0}.component-1{background-position:33.333333% 0}.component-2{background-position:66.666667% 0}.component-3{background-position:100% 0}.component-4{background-position:0 100%}.component-5{background-position:33.333333% 100%}.component-6{background-position:66.666667% 100%}.component-7{background-position:100% 100%}
.home-services{background:var(--pale);padding-block:42px}.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-cards article{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);padding:28px;display:flex;flex-direction:column;min-width:0}.service-cards h3{margin:21px 0 13px;font-size:1.25rem}.service-cards p{font-size:.9rem;color:var(--muted);line-height:1.75}.service-cards a{color:var(--accent);font-size:.82rem;font-weight:600;margin-top:auto;padding-top:6px}.home-quality{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:55px}.packaging-figure{margin:0;min-width:0}.packaging-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#eeeee8}.packaging-figure figcaption{font-size:.75rem;color:#676f68;margin-top:8px}.home-quality h2{font-size:2rem}.home-quality p:not(.eyebrow){color:var(--muted);font-size:.94rem}.check-list{padding:0;list-style:none;margin:23px 0}.check-list li{padding:7px 0 7px 23px;font-size:.88rem;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:700}.company-band{background:var(--navy);color:#fff}.company-band>.wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:75px;padding-block:45px;align-items:center}.company-band .eyebrow{color:#e8ad87}.company-band h2{font-size:1.9rem}.company-band p:not(.eyebrow){color:#deddd4;font-size:.93rem;max-width:610px}.button-light{background:#fff;color:var(--navy);margin-top:9px}.company-signature{border-left:1px solid #ffffff26;padding-left:60px}.signature-brand{font:800 3.5rem/1 Manrope,Arial,sans-serif;letter-spacing:-2px;display:block;margin-bottom:20px}.signature-brand>span{font:500 .9rem/1.4 'DM Sans',Arial,sans-serif;letter-spacing:5px;display:block;margin-top:10px;color:#e8ad87}.company-signature>div{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.75rem;color:#deddd4}.company-band+.footer{border-top:1px solid #ffffff25}
.page-intro{padding-top:10px;padding-bottom:32px}.page-intro h1{font-size:clamp(2rem,3vw,2.7rem)}.page-intro>p:last-child{font-size:1rem;max-width:770px}.breadcrumbs{padding-block:20px;font-size:.75rem}.footer-top{padding-block:35px}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 35px;align-content:start;font-size:.8rem}
@media(max-width:1150px){.site-header-inner{gap:30px}.site-header #main-nav{gap:27px}.home-hero{grid-template-columns:200px minmax(0,1fr)}.home-hero .hero-copy{padding:36px 30px}.home-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-component-grid>a{padding:12px 24px;min-height:122px;gap:20px}.home-component-grid .component-image{width:90px;height:90px}.home-quality{gap:38px}.company-band>.wrap{gap:40px}.company-signature{padding-left:36px}}
@media(max-width:1000px){.site-header-inner{display:flex;flex-wrap:wrap;gap:18px;padding-block:20px;min-height:0}.site-header .logo{font-size:2.25rem}.header-search{order:2;flex-basis:100%;min-width:0;width:100%;max-width:none;min-height:48px;margin:0}.header-search input{font-size:.88rem}.header-bom{display:none}.menu-toggle{display:inline-flex;order:1;margin-left:auto;max-width:100%}.brand-nav-wrap{border-top:0}.site-header #main-nav{display:none;flex-direction:column;align-items:stretch;gap:0;padding-bottom:16px;min-height:0;overflow:visible;white-space:normal}.site-header #main-nav.is-open{display:flex}.site-header #main-nav>a{border-top:1px solid var(--line);padding:12px 0}.site-header #main-nav .nav-cta{margin:0}.home-hero{grid-template-columns:1fr;padding-top:18px}.home-category-nav{display:none}.home-hero .hero-copy{max-width:670px;padding:42px 38px}.home-hero .hero{min-height:360px}.service-strip{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:3px}.service-cards{gap:15px}.service-cards article{padding:22px}.home-quality{gap:28px}.home-quality h2{font-size:1.7rem}}
@media(max-width:720px){.home-hero .hero-copy{padding:35px 25px}.home-hero h1{font-size:2.15rem}.home-hero .hero-copy>p:not(.eyebrow){font-size:.92rem}.hero-footnote{margin-top:25px}.service-strip{gap:16px 10px;padding-bottom:20px}.service-strip>div{gap:8px;align-items:flex-start}.service-strip>div>span{font-size:1.1rem;margin-top:5px}.service-strip strong{font-size:.76rem}.service-strip small{font-size:.75rem}.home-components,.home-services{padding-block:32px}.home-components .section-heading,.home-services .section-heading{align-items:flex-start;flex-direction:column;gap:6px}.home-components h2,.home-services h2{font-size:1.55rem}.home-component-grid{gap:10px}.home-component-grid>a{flex-direction:column;align-items:flex-start;padding:14px;gap:8px}.home-component-grid .component-image{width:100px;height:100px;align-self:center}.home-component-grid h3{font-size:.85rem}.home-component-grid p{font-size:.75rem}.service-cards{grid-template-columns:1fr;gap:14px}.service-cards article{padding:24px}.service-cards h3{margin:15px 0 10px}.home-quality{grid-template-columns:1fr;gap:25px;padding-block:36px}.home-quality .packaging-figure{max-width:560px}.home-quality h2{font-size:1.7rem}.company-band>.wrap{grid-template-columns:1fr;gap:30px;padding-block:34px}.company-signature{border-left:0;border-top:1px solid #ffffff26;padding:26px 0 0}.signature-brand{font-size:2.8rem}.company-band h2{font-size:1.65rem}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.header-search button{padding-inline:14px;font-size:.78rem}.hero-actions{gap:17px}.page-intro h1{font-size:2rem}.section-heading .text-link{flex-shrink:0}}
@media(max-width:390px){.home-hero h1{font-size:1.95rem}.home-hero .hero-copy{padding:30px 22px}.home-component-grid>a{padding:12px}.home-component-grid .component-image{width:90px;height:90px}.service-strip{grid-template-columns:1fr 1fr}.service-strip>div>span{display:none}.header-search input{padding-inline:11px}.header-search button{padding-inline:10px;font-size:.75rem}}

/* Product families and service detail pages. */
.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px}.catalog-sidebar{border:1px solid var(--line);align-self:start;background:white}.catalog-sidebar h2{font-size:1rem;padding:20px 20px 0}.catalog-sidebar .filters{display:flex;flex-direction:column;gap:0;margin:15px 0 0}.catalog-sidebar .filters button{border:0;border-radius:0;padding:15px 20px;text-align:left;background:white;white-space:normal;line-height:1.5}.catalog-sidebar .filters button.active{background:#fbeddf;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.catalog-help{padding:25px 20px;background:var(--pale);border-top:1px solid var(--line)}.catalog-help h3{font-size:1.1rem}.catalog-help p:not(.eyebrow){color:var(--muted);font-size:.85rem}.catalog-help .text-link{font-size:.83rem}.catalog-content{min-width:0}.catalog-content .section-heading{align-items:center;margin-bottom:24px}.catalog-content h2{font-size:1.55rem}.catalog-content .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-content .product-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:20px;text-align:left;min-height:0}.product-card .component-image{align-self:center;margin:0 auto 20px}.product-card .category-index{font-size:.75rem;color:var(--muted)}.catalog-content .product-card h3{font-size:1.05rem;margin:13px 0 10px}.catalog-content .product-card p{font-size:.79rem;min-height:42px}.catalog-content .card-action{margin-top:auto;padding-top:18px}.quality-overview{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-bottom:55px}.quality-overview h2{font-size:2rem}.quality-overview p:not(.eyebrow){color:var(--muted);font-size:.95rem;line-height:1.8}.quality-aside .check-list{margin-bottom:24px}.quality-list h2{font-size:1.35rem}.company-capabilities{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;padding-block:55px}.company-capabilities h2{font-size:2rem}.company-capabilities>div>p:not(.eyebrow){font-size:.96rem;color:var(--muted);line-height:1.8}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.capability-grid article{border-top:1px solid var(--line);padding-top:18px;min-width:0}.capability-grid span,.service-number{font:500 .85rem/1.5 Manrope,Arial,sans-serif;color:var(--accent)}.capability-grid h3{font-size:1rem;margin:10px 0}.capability-grid p{font-size:.85rem;color:var(--muted);margin:0}.service-support{background:var(--pale);padding-block:42px}.service-support h2{font-size:1.8rem}.enquiry-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:45px}.enquiry-band h2{font-size:1.6rem}.enquiry-band p{color:var(--muted);font-size:.95rem}.enquiry-band .button{flex-shrink:0}
@media(max-width:1150px){.catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:22px}.catalog-content .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-capabilities{gap:35px}.quality-overview{gap:35px}}
@media(max-width:820px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{border:0}.catalog-sidebar h2,.catalog-help{display:none}.catalog-sidebar .filters{flex-direction:row;flex-wrap:wrap;gap:8px;margin:0}.catalog-sidebar .filters button{border:1px solid var(--line);padding:10px 15px;border-radius:3px}.catalog-sidebar .filters button.active{box-shadow:none;border-color:#d3a180}.quality-overview{grid-template-columns:1fr;gap:25px}.quality-overview .packaging-figure{max-width:640px}.company-capabilities{grid-template-columns:1fr;gap:28px}.quality-overview h2,.company-capabilities h2{font-size:1.7rem}}
@media(max-width:600px){.catalog-content .product-card{padding:15px}.product-card .component-image{width:115px;height:115px;margin-bottom:15px}.catalog-content .product-card h3{font-size:.9rem}.catalog-content .product-card p{font-size:.75rem;min-height:0}.catalog-content .card-action{font-size:.75rem}.catalog-content .product-grid{gap:10px}.catalog-content .section-heading{align-items:flex-start;gap:12px}.catalog-content h2{font-size:1.35rem}.catalog-sidebar .filters button{font-size:.75rem;padding:9px 12px}.quality-overview{padding-bottom:30px}.company-capabilities{padding-block:35px}.capability-grid{gap:22px 18px}.capability-grid h3{font-size:.94rem}.service-support{padding-block:32px}.service-support .section-heading{align-items:flex-start;flex-direction:column;gap:8px}.enquiry-band{flex-direction:column;align-items:flex-start;gap:12px;padding-block:32px}}
@media(max-width:360px){.product-card .component-image{width:95px;height:95px}.catalog-content .product-card{padding:12px}.catalog-content .category-index{font-size:.75rem}.capability-grid{grid-template-columns:1fr}}

/* Text remains readable and controls can reflow when browser text is enlarged. */
.footer-top>.footer-links a[aria-current=page]{color:#a3401d}
.header-search{height:auto;min-height:48px}.header-search input{padding-block:12px}.header-search button{flex-shrink:0;max-width:50%;white-space:normal;overflow-wrap:anywhere}
.site-header .logo{max-width:100%}.site-header .logo>span{min-width:0;overflow-wrap:anywhere}
.site-header #main-nav,.header-search button,.header-bom,.header-bom strong,.mini-heading,.home-category-nav,.footer-links{font-size:.875rem}
.home-hero .hero-copy>p:not(.eyebrow),.service-cards p,.home-quality p:not(.eyebrow),.company-band p:not(.eyebrow),.quality-overview p:not(.eyebrow),.company-capabilities>div>p:not(.eyebrow),.capability-grid p,.enquiry-band p,.step-grid p{font-size:1rem}
.home-component-grid h3,.home-component-grid p,.service-strip strong,.service-cards a,.catalog-help p:not(.eyebrow),.catalog-help .text-link,.catalog-content .product-card p,.catalog-content .card-action,.catalog-sidebar .filters button{font-size:.875rem}
.catalog-content .product-card h3{font-size:1rem}.product-card .category-index{font-size:.75rem;letter-spacing:.5px}
.company-signature{min-width:0}.signature-brand{overflow-wrap:anywhere}
.home-component-grid>a>div{width:100%;overflow-wrap:anywhere}.service-strip>div>p{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.home-component-grid,.catalog-content .product-grid,.service-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}}
@media(max-width:1000px){.site-header .logo{flex-shrink:1}.site-header .header-search{flex-shrink:0}.menu-toggle{white-space:normal}}

html[lang="zh-CN"] body{font-family:'DM Sans','Microsoft YaHei','PingFang SC',Arial,sans-serif}

.quick-parts{border-block:1px solid var(--line);padding:20px 0;margin:0 0 25px}.quick-parts-heading{display:flex;align-items:baseline;gap:12px 24px;flex-wrap:wrap;margin-bottom:10px}.quick-parts-heading h3{margin:0;font-size:1rem}.quick-parts-heading p{margin:0;color:var(--muted);font-size:.875rem}.quick-parts-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 28px}.quick-parts-list li{min-width:0}.quick-parts-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px;color:var(--accent);font-size:.875rem;border-radius:3px}.quick-parts-list a:hover{background:#fcf1e9}.quick-parts-list a:focus-visible{outline:2px solid var(--accent)}.quick-parts-list a>span{min-width:0;overflow-wrap:anywhere}.quick-parts-list svg{width:15px;height:15px;flex:0 0 15px;stroke-width:1.5;color:#a87a5e}
@media(max-width:1000px){.quick-parts-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:4px 16px}}
@media(max-width:600px){.quick-parts{padding-block:17px}.quick-parts-heading{gap:6px}.quick-parts-list a{padding-inline:0}}

/* Copper actions, quiet graphite surfaces and photographs tied to each service. */
:root{--accent-hover:#903a1c;--accent-soft:#fcf1e9;--accent-on-dark:#f0b28a}
.button,.search button{transition:background-color .18s,border-color .18s}
.button:hover,.search button:hover{background:var(--accent-hover);color:#fff}
.button:active,.search button:active{background:#793119}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.button-light{background:#fff;color:var(--navy)}.button-light:hover{background:#f7e8dc;color:var(--navy)}
.home-quality>*,.company-capabilities>*{min-width:0;overflow-wrap:anywhere}
.home-hero .hero{background:var(--navy)}
.home-hero .hero:before{background:linear-gradient(90deg,rgba(25,28,29,.96),rgba(25,28,29,.80) 43%,rgba(25,28,29,.07) 85%),url('/hero-copper-v2.webp') center/cover}
.hero h1 em{color:var(--accent-on-dark)}.hero .eyebrow{color:#edb38e}.hero-secondary:hover{color:var(--accent-on-dark)}
.hero-footnote{color:#d0d0c7}.home-category-nav>a:hover{background:var(--accent-soft)}
.service-cards .illustrated-card{padding:0 0 26px;border-top:0;overflow:hidden}
.illustrated-card>.service-photo{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;flex-shrink:0;background:#ebeae4;border-bottom:1px solid var(--line)}
.illustrated-card>:not(.service-photo){margin-left:25px;margin-right:25px}
.illustrated-card>.solution-label,.illustrated-card>.service-number{margin-top:24px}
.service-cards .illustrated-card h3{margin-top:14px}
.image-note{font-size:.75rem;color:var(--muted);margin:14px 0 0}
.editorial-figure{margin:0;min-width:0}.editorial-figure>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#ebeae4}
.editorial-figure figcaption{font-size:.75rem;color:var(--muted);margin-top:8px}
.page-intro-visual{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding-bottom:40px}
.page-intro-visual .intro-copy{min-width:0}.intro-copy>p:last-child{font-size:1rem;color:var(--muted);margin:0;max-width:650px}
.quality-detail-photo{margin-bottom:25px}.quality-detail-photo>img{aspect-ratio:4/3}
.quick-parts-list a:hover{background:var(--accent-soft)}.quick-parts-list svg{color:var(--accent)}
@media(max-width:1000px){.page-intro-visual{gap:30px}}
@media(max-width:720px){.page-intro-visual{grid-template-columns:1fr;gap:24px}.page-intro-visual .editorial-figure{max-width:560px}.home-hero .hero:before{background:linear-gradient(90deg,rgba(25,28,29,.94),rgba(25,28,29,.70)),url('/hero-copper-v2.webp') 65% center/cover}.illustrated-card>:not(.service-photo){margin-left:24px;margin-right:24px}}

/* Visible contact details beside the company identity on the homepage. */
.signature-contacts{margin:22px 0 20px;font-size:.875rem;line-height:1.6}
.signature-contacts>div{display:grid;grid-template-columns:minmax(5.5rem,.75fr) minmax(0,1.25fr);gap:14px;padding:10px 0;border-top:1px solid #ffffff26;min-width:0}
.signature-contacts dt{color:#deddd4;font-weight:500;overflow-wrap:anywhere}
.signature-contacts dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#fff}
.signature-contacts .contact-pending{color:#c0c9c6}
.signature-contacts a{color:#f3bb95;text-decoration:underline;text-underline-offset:4px}
.signature-contacts a:hover{color:#fff}
.signature-contacts a:focus-visible{outline:2px solid #f3bb95;outline-offset:4px}
@media(max-width:390px){.signature-contacts>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}}