/* CHUXIN — industrial identity / 2026 */
:root{--ink:#172024;--muted:#586063;--paper:#f5f4f0;--white:#fff;--line:#d5d8d6;--dark:#141d21;--accent:#c75b32;--warm:#eae9e3;--pad:clamp(22px,4.45vw,88px);--max:1600px;--font:Arial,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.55}img{display:block;max-width:100%;width:100%;height:auto}figure{margin:0}p{margin:0 0 22px;color:var(--muted)}h1,h2,h3,h4{margin:0;line-height:1.26;font-weight:650;letter-spacing:-.035em}h2{font-size:clamp(32px,3.2vw,52px)}h3{font-size:25px}::selection{background:var(--accent);color:white}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}dialog{color:var(--ink);border:0}dialog::backdrop{background:#0b1014d9;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.wrap{max-width:var(--max);padding-inline:var(--pad);margin-inline:auto}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;z-index:100;top:-80px;left:20px;background:white;color:var(--ink);padding:14px}.skip:focus{top:10px}.micro,.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600}.eyebrow{display:flex;gap:14px;align-items:center;margin-bottom:27px;line-height:1.5}.eyebrow i{width:6px;height:6px;background:var(--accent)}.eyebrow>span{color:var(--accent);font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:56px;padding:15px 25px;background:var(--ink);color:white;font-weight:600;font-size:16px;border:1px solid transparent;transition:background .2s,color .2s}.button.white{background:white;color:var(--ink)}.button.outline,.button.ghost{border-color:currentColor;background:none}.button:hover{background:var(--accent);color:white}.button .icon,.text-link .icon{transition:transform .25s}.button:hover .icon,.text-link:hover .icon{transform:translateX(5px)}.text-link{display:inline-flex;align-items:center;gap:40px;padding:10px 0;border-bottom:1px solid;font-weight:600;font-size:16px}.icon-button{display:grid;place-items:center;width:48px;height:48px}.round-arrow{display:grid;place-items:center;width:47px;height:47px;border:1px solid #a5adad;border-radius:50%;transition:all .25s}.section{padding:100px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-heading .eyebrow{margin-bottom:18px}.section-heading p{max-width:360px}.section-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:27px;font-size:13px;color:var(--muted)}.section-note,.fine-note{font-size:13px;line-height:1.7}.section-note{margin-top:30px}.soft-section{background:var(--warm)}.dark-section{background:var(--dark);color:white}.dark-section p{color:#c2c8c8}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.large-copy{font-size:27px;line-height:1.5;color:var(--ink);font-weight:500;margin-bottom:30px}
/* Navigation */
.site-header{height:90px;background:white;position:sticky;top:0;z-index:30;border-bottom:1px solid #dadcda}.header-inner{max-width:1800px;margin:auto;height:100%;padding-inline:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;gap:10px;align-items:center;flex-shrink:0}.brand-mark{width:44px;height:44px}.brand strong{display:block;font-size:28px;font-weight:750;line-height:1.15;letter-spacing:.16em}.brand small{display:block;font-size:8px;letter-spacing:.07em;margin-top:5px;font-weight:700}.desktop-nav{display:flex;gap:clamp(20px,2.6vw,45px);align-self:stretch;align-items:center;margin-left:auto}.desktop-nav a{font-size:16px;font-weight:550;height:100%;display:flex;align-items:center;border-bottom:3px solid transparent;padding-top:3px}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:24px;margin-left:22px}.header-locale{font-size:12px;color:var(--muted)}.contact-link{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:600;padding:13px 17px;background:var(--ink);color:white}.contact-link:hover{background:var(--accent)}.contact-link .icon{width:19px;height:19px}.menu-toggle{display:none}.mobile-menu{position:fixed;margin:0 0 0 auto;right:0;height:100dvh;max-height:none;width:min(470px,100%);max-width:none;background:var(--paper);padding:24px}.menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:46px}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{border-bottom:1px solid var(--line);font-size:26px;padding:17px 0}.mobile-menu p{font-size:13px;margin-top:42px}
/* Home — photographic factory cover */
.hero{position:relative;isolation:isolate;height:calc(100svh - 90px);min-height:660px;max-height:950px;background:#1b242a;color:#fff}.hero-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-art img{height:100%;object-fit:cover;object-position:60% 54%;animation:cover-in 1.4s ease-out both}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,20,27,.76) 0%,rgba(9,20,27,.43) 37%,rgba(9,20,27,.08) 72%),linear-gradient(0deg,rgba(9,20,27,.62),transparent 40%)}.hero-inner{height:100%;position:relative;display:flex;flex-direction:column}.hero-overline{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff4f;padding:26px 0 20px;font-size:12px;letter-spacing:.12em;font-weight:600}.hero-copy{margin:auto 0;padding:40px 0 50px}.hero h1{font-size:clamp(60px,6.2vw,102px);font-weight:700;line-height:1.18;letter-spacing:-.025em;max-width:860px;text-shadow:0 2px 25px #10202a33}.hero h1 span{color:#e17445}.hero-copy p{font-size:19px;color:#edf0f1;margin:27px 0 32px;letter-spacing:.04em}.hero-copy .button{min-width:194px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;gap:20px}.scroll-cue{display:inline-flex;align-items:center;gap:15px;font-size:14px}.scroll-cue .icon{width:19px;height:28px}.hero-source{font-size:11px;color:#d2d9db;margin-left:auto}.hero-pagination{font-size:12px;color:#c4ccce;letter-spacing:.06em;margin-left:35px}.hero-pagination b{font-size:20px;font-weight:500;color:white}.company-opening{padding:75px 0;background:var(--dark);color:white}.opening-grid{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:50px}.company-opening .eyebrow{color:#cad1d3}.location-tag{display:block;font-size:14px;color:#bec6c9}.company-opening h2{font-size:clamp(29px,2.6vw,42px);line-height:1.4;margin-bottom:20px}.company-opening p{color:#c1c7c9;max-width:670px;font-size:16px;line-height:1.95}.company-opening .text-link{font-size:15px}.opening-year{border-left:1px solid #485154;padding-left:35px;align-self:center}.opening-year strong{display:block;font-size:clamp(46px,5vw,82px);font-weight:500;line-height:1.2;letter-spacing:-.07em}.opening-year span{display:block;color:#bec6c9;font-size:12px;margin-top:15px;white-space:nowrap}.products-feature{background:#f3f2ee}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.family-card{display:block;min-width:0}.family-art{position:relative;overflow:hidden;background:#e5e4df;aspect-ratio:1/1.05}.family-art img{height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.family-card:hover img{transform:scale(1.045)}.art-index{position:absolute;left:24px;top:20px;font-size:13px;font-weight:600}.family-en{position:absolute;bottom:18px;left:24px;font-size:14px;font-weight:650;letter-spacing:.06em}.family-info{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-top:26px}.family-info h3{font-size:28px;margin-bottom:10px}.family-info p{font-size:13px;margin:0;color:#5c6264}.family-info .round-arrow{flex-shrink:0}.family-card:hover .round-arrow{background:var(--ink);color:white;transform:rotate(5deg)}.manufacturing-feature{display:grid;grid-template-columns:1.17fr 1fr;min-height:700px;background:var(--dark);color:white}.manufacturing-photo{position:relative;min-width:0;overflow:hidden}.manufacturing-photo img{height:100%;object-fit:cover;object-position:center}.manufacturing-photo:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0009)}.manufacturing-photo>span{position:absolute;z-index:1;bottom:24px;left:var(--pad);font-size:12px;color:white}.manufacturing-copy{padding:75px clamp(35px,5vw,90px)}.manufacturing-copy h2{font-size:clamp(40px,4.4vw,68px);margin-bottom:26px}.manufacturing-copy p{color:#c2cbcd;max-width:450px;font-size:17px}.manufacturing-list{margin:30px 0}.manufacturing-list>div{display:flex;gap:22px;align-items:center;border-top:1px solid #465053;padding:16px 0;font-size:18px}.manufacturing-list>div:last-child{border-bottom:1px solid #465053}.manufacturing-list span{color:#9eaaaE;font-size:12px}.manufacturing-list small{margin-left:auto;color:#9eaaae;font-size:11px;letter-spacing:.07em}.application-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.application-layout>div>p{margin:26px 0}.application-rows>a{display:flex;gap:25px;align-items:center;padding:36px 0;border-top:1px solid #bcc1bf;transition:padding .2s}.application-rows>a:last-child{border-bottom:1px solid #bcc1bf}.application-rows>a>span{font-size:13px;color:var(--accent);align-self:start;margin-top:4px}.application-rows>a>.icon{margin-left:auto;width:30px;height:30px}.application-rows h3{font-size:28px;margin-bottom:9px}.application-rows p{font-size:15px;margin:0}.application-rows>a:hover{padding-left:12px;color:var(--accent)}.journal-feature{background:#e7e8e3}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide-art{aspect-ratio:1.5;overflow:hidden;position:relative;margin-bottom:23px}.guide-art img{height:100%;object-fit:cover;transition:transform .5s}.guide-card:hover img{transform:scale(1.04)}.guide-art>span{position:absolute;bottom:15px;left:18px;font-size:11px;letter-spacing:.1em;background:#172024db;color:white;padding:3px 9px}.guide-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px}.guide-meta .icon{width:20px;height:20px}.guide-card h3{font-size:24px;line-height:1.5;max-width:360px}.contact-cta{background:var(--accent);color:white;padding:60px 0;overflow:hidden}.cta-grid{display:flex;justify-content:space-between;align-items:center;position:relative;gap:40px}.cta-grid .eyebrow{margin-bottom:15px}.cta-grid .eyebrow i{background:white}.cta-grid h2{font-size:48px;margin-bottom:14px}.cta-grid p{color:#fff4ed;margin:0;font-size:17px}.cta-grid .button{position:relative;z-index:1;min-width:205px}.cta-watermark{position:absolute;right:16%;top:-60px;font:200px/1 Arial;color:#ffffff15;pointer-events:none}
/* Footer */
.site-footer{background:#10181c;color:white;padding-top:65px}.footer-top{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.footer-address{font-size:13px;color:#aab3b5;margin:24px 0 0;max-width:285px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;font-size:14px}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links>div>span:first-child{color:#8e9a9f;font-size:12px;margin-bottom:10px}.footer-links>div>span:not(:first-child){color:#abb5b8;font-size:13px}.footer-links a:hover{color:#ef8b60}.footer-links .icon{width:16px;height:16px}.footer-wordmark{font-family:Arial,sans-serif;font-size:clamp(75px,17.2vw,280px);line-height:.88;letter-spacing:-.075em;font-weight:700;margin-top:65px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;color:#e8ebe9}.footer-wordmark>span{font-family:var(--font);font-size:clamp(16px,3vw,42px);letter-spacing:.25em;font-weight:600;writing-mode:vertical-rl;margin-left:30px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #374145;padding-top:24px;padding-bottom:25px;font-size:12px;color:#9ea8ac}.footer-bottom>div{display:flex;gap:25px;align-items:center}.footer-bottom button{font-size:12px;display:flex;gap:10px;align-items:center;padding:0}.footer-bottom .icon{width:17px;height:17px}
/* Page headers and directory */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#667174;font-size:13px;margin-bottom:42px}.breadcrumb a:hover{color:var(--accent)}.page-intro{padding:35px 0 60px;background:#e7e9e6;border-bottom:1px solid #d0d5d1}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.page-intro:not(.has-art) .intro-grid{display:block}.page-intro h1{font-size:clamp(42px,4.8vw,72px);line-height:1.25;margin-bottom:28px}.page-intro p{font-size:19px;max-width:580px;margin-bottom:0}.intro-art{position:relative;aspect-ratio:1.68;overflow:hidden}.intro-art img{height:100%;object-fit:cover}.intro-art figcaption{position:absolute;bottom:12px;right:15px;font-size:10px;color:white;background:#172024b3;padding:2px 6px}.catalog-section{padding-top:45px}.catalog-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{padding:11px 20px;font-size:16px;white-space:nowrap;border:1px solid transparent}.filters button small{font-size:11px;margin-left:10px}.filters button:hover{border-color:var(--ink)}.filters button.active{background:var(--ink);color:white}.catalog-search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #899492;max-width:300px;min-width:190px}.catalog-search input{width:100%;min-width:0;background:none;border:0;padding:10px 0;outline-offset:-2px}.catalog-search .icon{width:19px;height:19px}.catalog-search button{padding:5px}.catalog-summary{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:26px 0;letter-spacing:.03em}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 28px}.product-card{min-width:0}.product-art{aspect-ratio:1.24;position:relative;overflow:hidden;background:#e5e5e0}.product-art img{height:100%;object-fit:cover;transition:transform .5s}.product-card:hover img{transform:scale(1.045)}.product-art>span{position:absolute;top:18px;left:18px;font-size:11px;padding:2px 5px;background:#f4f4efdb;letter-spacing:.06em}.product-art>i{position:absolute;right:15px;bottom:15px;width:40px;height:40px;display:grid;place-items:center;background:#f6f6f1ed;border-radius:50%}.product-info{padding-top:23px}.product-info .micro{font-size:10px;color:#5e676b;display:block;margin-bottom:7px}.product-info h3{font-size:26px;margin-bottom:12px}.product-info p{font-size:15px;margin-bottom:14px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:12px;padding:2px 8px;border:1px solid #d0d6d2;color:#5e696b}.catalog-help{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px 0 0;margin-top:55px;border-top:1px solid var(--line)}.catalog-help h2{font-size:28px;margin-bottom:12px}.catalog-help p{margin:0}.empty-state{text-align:center;padding:85px 20px}.empty-state h2{font-size:30px;margin-bottom:20px}
/* Products */
.detail-top{padding:35px 0 75px}.detail-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:start}.product-gallery{min-width:0;position:sticky;top:120px}.product-zoom{position:relative;padding:0;width:100%;display:block;background:var(--warm)}.product-zoom img{aspect-ratio:1;object-fit:cover}.product-zoom>span{position:absolute;bottom:20px;right:20px;background:white;padding:10px 15px;font-size:13px;display:flex;gap:7px;align-items:center}.product-zoom .icon{width:18px;height:18px}.gallery-caption{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);padding:15px 0}.detail-copy .eyebrow{margin:0 0 18px}.detail-copy h1{font-size:clamp(36px,3.8vw,58px);margin-bottom:22px}.detail-copy .lead{font-size:23px;color:var(--ink);line-height:1.6;margin-bottom:15px}.detail-copy p{font-size:16px}.detail-copy .fine-note{font-size:12px;margin:19px 0 0}.spec-list{margin:30px 0}.spec-list>div{display:grid;grid-template-columns:100px 1fr;gap:15px;border-top:1px solid var(--line);padding:14px 0;font-size:14px}.spec-list>div:last-child{border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}.brief-band{padding:65px 0;background:#e8eae5}.brief-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.brief-list>span{font-size:15px}.image-dialog{padding:40px;width:min(1100px,95vw);max-width:none;background:var(--paper);max-height:95dvh}.image-dialog>img{max-height:78vh;object-fit:contain}.image-dialog .icon-button{position:absolute;right:8px;top:8px;background:white;z-index:1}.image-dialog p{font-size:12px;text-align:center;margin:15px 0 0}
/* Manufacturing, custom packaging and company */
.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.application-grid>a>div{position:relative;aspect-ratio:1.6;overflow:hidden;margin-bottom:22px}.application-grid img{height:100%;object-fit:cover}.application-grid>a>div>span{position:absolute;left:18px;bottom:15px;font-size:11px;background:#fff;padding:4px 8px}.application-grid h3{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.process-grid article>span{font-size:36px;font-weight:500;color:#96a1a5}.process-line{height:1px;background:#465156;margin:25px 0}.process-grid h3{font-size:23px;margin-bottom:17px}.process-grid p{font-size:15px}.faq-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:80px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:19px;font-weight:550;padding:25px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:20px;height:20px}.faq-list [open] summary .icon{transform:rotate(45deg)}.faq-list details p{padding-right:40px}.panorama img{max-height:620px;object-fit:cover}.panorama>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:14px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.capability-grid img{aspect-ratio:1.4;object-fit:cover;margin-bottom:22px}.capability-grid .micro{color:#727c7e;font-size:11px}.capability-grid h3{margin:10px 0 15px;font-size:25px}.capability-grid p{font-size:16px}.founded{display:flex;align-items:center;gap:25px;margin-top:45px}.founded strong{font-size:80px;font-weight:500;letter-spacing:-.06em;line-height:1.2}.founded span{font-size:12px;line-height:1.7;border-left:1px solid var(--line);padding-left:25px}.company-facts{margin:0}.company-facts>div{display:grid;grid-template-columns:220px 1fr;gap:40px;border-top:1px solid #c4cbc7;padding:23px 0;font-size:18px}.company-facts>div:last-child{border-bottom:1px solid #c4cbc7}.company-facts dt{font-size:15px}
/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.contact-details{margin:35px 0}.contact-details>div{padding:14px 0;border-bottom:1px solid var(--line)}.contact-details dt{font-size:12px;margin-bottom:4px}.contact-details dd{font-size:17px}.contact-note{font-size:14px;margin:25px 0;max-width:360px}.inquiry-panel{padding:40px;background:#e7eae4;min-width:0}.inquiry-panel>.micro{font-size:11px;color:var(--muted)}.inquiry-panel h2{font-size:32px;margin:15px 0}.inquiry-panel>p{font-size:13px}fieldset{border:0;padding:0;margin:0;min-width:0}form label{display:block;font-size:14px;font-weight:550;margin-bottom:22px}form input:not([type=checkbox]),form select,form textarea{display:block;width:100%;border:1px solid #c2cbc3;border-radius:0;background:#fafbf7;color:var(--ink);padding:13px 14px;margin-top:8px;min-width:0;font-size:16px;font-weight:400}form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.7}.consent input{margin:4px 0 0;width:17px;height:17px;flex-shrink:0;accent-color:var(--ink)}.consent a{text-decoration:underline}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.submit-button{width:100%}form .fine-note{margin-top:12px}#form-error{background:#ffefe8;color:#9c3020;padding:10px;font-size:14px}[aria-invalid=true]{border-color:#ad3a24!important}#inquiry-result{margin-top:35px;padding-top:30px;border-top:1px solid #b7c1b9;scroll-margin-top:120px}#inquiry-result h3{font-size:24px;margin:16px 0}#inquiry-result p{font-size:14px}#brief-output{width:100%;resize:vertical;padding:20px;border:1px solid var(--line);font-size:14px;line-height:1.7;background:#fff}#copy-status{margin-top:15px}.result-check{background:var(--ink);color:white;display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.result-actions .button{font-size:14px;gap:18px}.qr{width:150px;margin-top:25px}
/* Notes and legal */
.editorial{padding-top:35px}.article-header{max-width:1100px}.article-header>.text-link{font-size:14px;margin-bottom:32px}.article-header h1{font-size:clamp(36px,4.3vw,65px);max-width:850px;margin-bottom:28px}.article-header>p{font-size:21px;max-width:800px}.article-art{margin:50px auto;max-width:1250px}.article-art img{max-height:600px;object-fit:cover}.article-art>span{display:block;color:var(--muted);font-size:11px;margin-top:12px;text-align:right}.article-body{max-width:780px;padding:0 24px;margin:0 auto 75px}.article-body section{padding:30px 0;border-top:1px solid var(--line)}.article-body section>span{font-size:12px;color:var(--accent)}.article-body section h2{font-size:30px;margin:12px 0 20px}.article-body section p{font-size:18px;line-height:1.95}.article-end{margin-top:30px;background:var(--warm);padding:30px}.legal-page{max-width:1000px;padding-top:35px;padding-bottom:90px}.legal-page h1{font-size:44px;margin-bottom:45px}.legal-page section{margin-bottom:32px}.legal-page section h2{font-size:25px;margin-bottom:17px}.legal-page p{line-height:1.9}.not-found{padding-top:80px;padding-bottom:100px;min-height:70vh}.not-found>strong{font-size:150px;line-height:1.2;letter-spacing:-.07em;font-weight:500}.not-found h1{font-size:38px;margin:20px 0}.not-found p{font-size:17px}
@keyframes cover-in{from{transform:scale(1.025);opacity:.6}to{transform:scale(1);opacity:1}}
@media(min-width:1800px){.manufacturing-copy{padding-right:max(var(--pad),calc((100vw - 1440px)/2))}}
@media(max-width:1190px){.header-locale{display:none}.nav-actions{margin-left:0;gap:10px}.desktop-nav{gap:22px}.header-inner{gap:20px}.opening-grid{grid-template-columns:1fr 2fr;gap:35px}.opening-year{display:none}.manufacturing-feature{min-height:620px}.manufacturing-copy{padding:55px 40px}.contact-grid{gap:50px}.detail-grid{gap:40px}.inquiry-panel{padding:30px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-search{max-width:none;width:100%}.intro-grid{gap:40px}}
@media(max-width:900px){.desktop-nav,.contact-link{display:none}.menu-toggle{display:grid}.site-header{height:78px}.header-inner{padding-inline:24px}.brand-mark{width:40px;height:40px}.brand strong{font-size:26px}.hero{height:calc(92svh - 78px);min-height:640px}.hero h1{font-size:72px}.hero-copy{padding-top:60px}.hero-overline{font-size:10px}.hero-art img{object-position:63% center}.hero:after{background:linear-gradient(90deg,#0b1a24bf,#0b1a244d),linear-gradient(0deg,#091621ad,transparent 60%)}.company-opening{padding:58px 0}.opening-grid{grid-template-columns:1fr 2.2fr}.company-opening h2{font-size:30px}.section{padding:70px 0}.family-grid{gap:16px}.family-info h3{font-size:24px}.family-info .round-arrow{width:35px;height:35px}.family-info .round-arrow .icon{width:20px;height:20px}.family-info p{font-size:11px}.family-en,.art-index{left:15px}.manufacturing-feature{grid-template-columns:1fr 1fr}.manufacturing-copy{padding:45px 28px}.manufacturing-copy h2{font-size:42px}.manufacturing-copy p{font-size:16px}.manufacturing-list>div{font-size:16px}.manufacturing-list small{display:none}.application-layout{gap:45px;grid-template-columns:1fr 1.4fr}.application-rows h3{font-size:23px}.guide-grid{gap:20px}.guide-card h3{font-size:21px}.footer-top{grid-template-columns:1fr;gap:40px}.footer-address{max-width:none}.footer-wordmark{margin-top:60px}.footer-bottom{font-size:11px}.intro-grid{gap:30px}.page-intro h1{font-size:44px}.page-intro p{font-size:17px}.intro-art{aspect-ratio:1.2}.product-grid{grid-template-columns:1fr 1fr}.product-info h3{font-size:25px}.detail-grid{grid-template-columns:1fr 1fr;gap:30px}.detail-copy h1{font-size:35px}.detail-copy .lead{font-size:20px}.spec-list>div{grid-template-columns:70px 1fr;font-size:13px}.split{gap:45px}.process-grid{grid-template-columns:1fr 1fr}.capability-grid{gap:18px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-grid>aside{display:grid;grid-template-columns:1fr 1.6fr;gap:0 35px}.contact-grid>aside>.eyebrow{grid-column:1/-1}.contact-details{grid-column:2;grid-row:2/5;margin:0}.contact-grid>aside>.button{align-self:start;justify-self:start;gap:20px;font-size:14px;margin-top:24px}.contact-note{margin-bottom:0}.inquiry-panel{padding:35px}.faq-grid{gap:40px}.company-facts>div{grid-template-columns:160px 1fr;gap:20px}}
@media(max-width:600px){:root{--pad:23px}body{font-size:16px}html{scroll-padding-top:78px}h2{font-size:32px}.section{padding:55px 0}.eyebrow{font-size:10px;gap:11px;margin-bottom:20px}.site-header{height:72px}.header-inner{padding-inline:20px}.brand-mark{width:35px;height:35px}.brand strong{font-size:25px}.brand small{font-size:7px}.hero{height:calc(93svh - 72px);min-height:610px;max-height:800px}.hero-overline{font-size:9px;letter-spacing:.07em;gap:20px;padding-top:22px;padding-bottom:17px}.hero-copy{padding:45px 0 60px}.hero h1{font-size:clamp(43px,11.8vw,65px);font-weight:700;line-height:1.23;letter-spacing:-.04em}.hero-copy p{font-size:14px;letter-spacing:.01em;margin:25px 0 30px}.hero-art img{object-position:62% center}.hero:after{background:linear-gradient(90deg,#0a1a24c7,#0a1a2452),linear-gradient(0deg,#0a1a24a6,transparent 50%)}.hero-copy .button{min-width:180px;min-height:53px;font-size:15px}.hero-bottom{padding-bottom:24px;gap:10px}.scroll-cue{font-size:12px;gap:9px}.hero-source{font-size:9px}.hero-pagination{display:none}.company-opening{padding:45px 0}.opening-grid{display:block}.company-opening .eyebrow{margin-bottom:13px}.location-tag{display:none}.company-opening h2{font-size:29px;line-height:1.45;margin:20px 0}.company-opening p{font-size:15px;line-height:1.95}.company-opening .text-link{font-size:14px}.section-heading{margin-bottom:28px;align-items:center;gap:20px}.section-heading>.text-link{font-size:12px;gap:10px;flex-shrink:0}.section-heading>.text-link .icon{width:17px;height:17px}.section-heading p{font-size:13px}.section-heading .eyebrow{font-size:9px;margin-bottom:13px}.section-heading h2{font-size:30px}.family-grid{grid-template-columns:1fr;gap:33px}.family-art{aspect-ratio:1.25}.family-info{padding-top:18px;gap:10px}.family-info h3{font-size:27px;margin-bottom:8px}.family-info p{font-size:12px}.family-info .round-arrow{width:43px;height:43px}.family-en{left:20px;bottom:18px;font-size:12px}.art-index{left:20px;top:18px}.section-footnote{flex-direction:column;gap:7px;font-size:11px;margin-top:30px}.manufacturing-feature{display:flex;flex-direction:column;min-height:0}.manufacturing-photo{height:340px}.manufacturing-photo>span{font-size:10px;bottom:18px}.manufacturing-copy{padding:40px var(--pad) 50px}.manufacturing-copy h2{font-size:42px;line-height:1.3}.manufacturing-copy h2 br{display:none}.manufacturing-copy p{font-size:16px}.manufacturing-list>div{font-size:17px}.manufacturing-list small{display:block;font-size:10px}.manufacturing-copy .text-link{font-size:15px}.application-layout{display:block}.application-layout h2 br{display:none}.application-layout>div>p{font-size:15px;margin:18px 0}.application-layout>div>p br{display:none}.application-rows{margin-top:35px}.application-rows>a{padding:25px 0;gap:17px}.application-rows h3{font-size:23px}.application-rows p{font-size:12px}.application-rows>a>.icon{width:23px;height:23px}.guide-grid{grid-template-columns:1fr;gap:35px}.guide-art{aspect-ratio:1.65;margin-bottom:16px}.guide-card h3{font-size:23px;max-width:none}.guide-meta{margin-bottom:10px}.contact-cta{padding:42px 0}.cta-grid{display:block}.cta-grid h2{font-size:36px}.cta-grid p{font-size:15px;margin-bottom:25px}.cta-grid .button{min-width:185px;min-height:52px}.cta-watermark{font-size:190px;top:10px;right:4%;line-height:1}.site-footer{padding-top:42px}.footer-top{gap:35px}.footer-address{font-size:12px;margin-top:18px;max-width:290px}.footer-links{grid-template-columns:1fr 1fr;gap:30px 20px;font-size:13px}.footer-links>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.footer-links>div:last-child>span:first-child{grid-column:1/-1;margin-bottom:0}.footer-links>div:last-child>span:last-child{display:none}.footer-wordmark{font-size:18vw;margin-top:47px;padding-bottom:26px;letter-spacing:-.07em}.footer-wordmark>span{font-size:13px;letter-spacing:.15em;margin-left:13px}.footer-bottom{display:block;padding-top:20px;padding-bottom:24px;font-size:10px}.footer-bottom>div{margin-top:15px;justify-content:space-between}.footer-bottom button{font-size:10px}.breadcrumb{font-size:11px;margin-bottom:27px;gap:8px}.page-intro{padding:25px 0 35px}.intro-grid{display:block}.page-intro h1{font-size:41px;margin-bottom:20px}.page-intro p{font-size:16px}.intro-art{aspect-ratio:1.8;margin-top:28px}.intro-art figcaption{font-size:9px}.catalog-section{padding-top:25px}.catalog-toolbar{gap:20px;padding-bottom:20px}.filters{gap:7px}.filters button{padding:9px 12px;font-size:13px;background:#e5e8e2}.filters button small{font-size:10px;margin-left:5px}.catalog-search input{font-size:15px}.catalog-summary{font-size:10px;padding:20px 0}.product-grid{grid-template-columns:1fr;gap:35px}.product-art{aspect-ratio:1.3}.product-info{padding-top:18px}.product-info h3{font-size:26px}.product-info p{font-size:15px}.catalog-help{display:block;margin-top:40px;padding-top:30px}.catalog-help h2{font-size:26px}.catalog-help .button{margin-top:20px}.detail-top{padding:25px 0 45px}.detail-grid{display:block}.product-gallery{position:static;margin-bottom:30px}.product-zoom img{aspect-ratio:1.18}.product-zoom>span{font-size:11px;padding:7px 10px;bottom:15px;right:15px}.gallery-caption{font-size:10px}.detail-copy h1{font-size:37px}.detail-copy .lead{font-size:21px}.spec-list>div{grid-template-columns:85px 1fr;font-size:14px}.detail-copy>.button{width:100%}.detail-copy .fine-note{font-size:11px}.split{display:block}.split>div+div{margin-top:30px}.brief-band{padding:40px 0}.brief-band h2{font-size:30px}.brief-list{font-size:13px;gap:15px}.brief-list span{font-size:13px}.brief-band p{font-size:15px}.image-dialog{padding:35px 12px 16px}.application-grid{grid-template-columns:1fr;gap:25px}.application-grid h3{font-size:24px}.application-grid p{font-size:15px}.process-grid{gap:25px 18px}.process-grid article>span{font-size:30px}.process-grid h3{font-size:22px}.process-grid p{font-size:14px}.process-line{margin:17px 0}.faq-grid{display:block}.faq-list{margin-top:30px}.faq-list summary{font-size:17px;gap:20px;padding:22px 0}.faq-list details p{font-size:15px;padding-right:0}.large-copy{font-size:24px}.panorama img{min-height:270px;object-fit:cover}.panorama>div{font-size:9px;gap:15px}.capability-grid{grid-template-columns:1fr;gap:30px}.capability-grid img{aspect-ratio:1.65}.capability-grid h3{font-size:25px}.capability-grid p{margin-bottom:0}.company-facts>div{display:block;padding:18px 0;font-size:16px}.company-facts dt{font-size:12px;margin-bottom:8px}.founded{margin:25px 0}.founded strong{font-size:65px}.contact-grid>aside{display:block}.contact-details{margin-top:25px}.contact-note{font-size:13px}.contact-details dd{font-size:16px}.contact-grid>aside>.button{margin-top:25px}.inquiry-panel{padding:25px 20px}.inquiry-panel h2{font-size:28px}.form-row{grid-template-columns:1fr;gap:0}.inquiry-panel>.micro{font-size:9px}.inquiry-panel>p{font-size:12px}.result-actions .button{width:100%;justify-content:space-between}.article-header h1{font-size:36px}.article-header>p{font-size:18px}.article-art{margin-top:35px}.article-art img{height:270px}.article-body{padding-inline:var(--pad)}.article-body section h2{font-size:27px}.article-body section p{font-size:17px}.article-end{padding:25px}.legal-page h1{font-size:34px}.legal-page section h2{font-size:23px}.legal-page p{font-size:16px}.not-found{padding-top:60px;min-height:65vh}.not-found>strong{font-size:120px}.not-found h1{font-size:30px}.mobile-menu nav a{font-size:24px;padding:16px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.cta-contact{display:flex;align-items:center;gap:38px;position:relative;z-index:1}.cta-phone{font-size:clamp(22px,2.2vw,34px);font-weight:550;letter-spacing:-.02em;white-space:nowrap}.contact-details a:hover{color:var(--accent)}
@media(max-width:900px){.cta-contact{flex-direction:column;align-items:flex-end;gap:15px}.cta-phone{font-size:24px}}
@media(max-width:600px){.cta-contact{align-items:flex-start;gap:20px;margin-top:20px}.cta-phone{font-size:30px}}
.family-card:first-child .art-index,.family-card:first-child .family-en{color:#fff}
/* Keep every product visible in the detail gallery. */
.product-zoom img{aspect-ratio:4/3;object-fit:contain}
/* Transparent product photography: one continuous material surface, no photo boxes. */
.products-feature{background:#dde2df}
.family-art{background:transparent;aspect-ratio:1.12;overflow:visible}
.family-art img{object-fit:contain;padding:10px 8px;filter:drop-shadow(0 22px 16px #15242c20);transform:translateY(0) scale(.97);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .75s ease}
.family-card:first-child .art-index,.family-card:first-child .family-en{color:var(--ink)}
.family-art .art-index{top:4px;left:0;font-size:12px;color:#5c6668}
.family-en{bottom:0;left:0;font-size:11px;letter-spacing:.12em;color:#5c6668}
.family-info{border-top:1px solid #aeb9b3;margin-top:20px;padding-top:24px}
.product-art{background:transparent;overflow:visible;isolation:isolate}
.product-art img{object-fit:contain;padding:9px;filter:drop-shadow(0 19px 14px #14262e24);transform:scale(.95);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s ease}
.product-art>span{top:0;left:0;background:transparent;padding:0;color:#697378}
.product-art>i{background:transparent;border:1px solid #bdc7c0;bottom:0;right:0;width:36px;height:36px}
.product-info{border-top:1px solid #bbc5bd;margin-top:20px}
.catalog-section{background:#e7ece6}
.product-zoom{background:#dde3de;overflow:hidden}
.product-zoom img{padding:18px;filter:drop-shadow(0 20px 15px #14262e25);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.image-dialog{background:#d8ded9}
.image-dialog>img{filter:drop-shadow(0 20px 15px #14262e30)}
.guide-art{background:#d7dfd8}
.guide-art img{object-fit:contain;padding:12px;filter:drop-shadow(0 14px 10px #14262e20)}
.article-art:has(img[src*="cutout"]){background:#dce2dc;padding-top:30px}
.article-art img[src*="cutout"]{object-fit:contain;filter:drop-shadow(0 18px 14px #14262e20)}
.intro-art:has(img[src*="cutout"]){background:transparent;overflow:visible}
.intro-art img[src*="cutout"]{object-fit:contain;filter:drop-shadow(0 20px 16px #14262e20)}
.capability-grid img[src*="cutout"],.application-grid img[src*="cutout"]{object-fit:contain;filter:drop-shadow(0 18px 14px #14262e20)}
@media(hover:hover) and (pointer:fine){
 .family-card:hover .family-art img,.family-card:focus-visible .family-art img{transform:translateY(-14px) scale(1.10);filter:drop-shadow(0 32px 22px #10212c35)}
 .product-card:hover .product-art img,.product-card:focus-visible .product-art img{transform:translateY(-12px) scale(1.09);filter:drop-shadow(0 30px 19px #10212c36)}
 .product-zoom:hover img{transform:scale(1.06)}
 .product-card:hover .product-art>i{background:var(--ink);color:white;border-color:var(--ink)}
}
/* Scroll reveals use transforms and opacity; layout and focus targets stay stable. */
.motion-ready .reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform 1s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .reveal:focus-within{opacity:1;transform:none}
.motion-ready .manufacturing-photo img{transform:scale(1.07);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.motion-ready .manufacturing-photo.is-visible img{transform:scale(1)}
.hero h1{animation:copy-in .9s .12s both cubic-bezier(.2,.7,.2,1)}
.hero-copy p{animation:copy-in .9s .25s both cubic-bezier(.2,.7,.2,1)}
.hero-copy .button{animation:copy-in .9s .38s both cubic-bezier(.2,.7,.2,1)}
.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
@keyframes copy-in{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.family-art{aspect-ratio:1.3}.family-info{margin-top:12px;padding-top:20px}.product-art{aspect-ratio:1.24}.product-info{margin-top:13px;padding-top:20px}.family-art img{padding:12px 5px}.product-zoom img{padding:10px}.motion-ready .reveal{transform:translateY(20px);transition-duration:.65s,.85s;transition-delay:0ms}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.hero h1,.hero-copy p,.hero-copy .button{animation:none}.family-art img,.product-art img,.product-zoom img,.manufacturing-photo img{transform:none!important;transition:none!important}}
