@font-face{font-family:'IBM Plex Sans';src:url('/assets/ibm-plex-sans-latin-056e4e2459f5.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('/assets/manrope-variable.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:optional}
@font-face{font-family:WSChinese;src:url('/assets/misans-chinese-808d1436c136.woff2') format('woff2');font-weight:150 700;font-display:optional}
:root{font-size:17px;--cyan:#19a5d4;--brand-red:#cf2429;--night:#0c2439;--radius:16px;--shadow:0 14px 35px rgb(14 40 64 / .12);--shadow-press:0 3px 8px rgb(14 40 64 / .13);--ease:cubic-bezier(.16,1,.3,1);--header-h:104px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px;scrollbar-color:#7995aa #edf2f6}body{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}::selection{background:#b9dcef;color:#0c2940}input,textarea,select{caret-color:var(--blue)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}button svg,a svg{transition:transform .24s var(--ease)}:focus-visible{outline:3px solid #1a84c6;outline-offset:5px;border-radius:6px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.5rem,5vw,5rem);font-weight:700}h2{font-size:clamp(1.9rem,3.3vw,3rem);font-weight:650}h3{font-size:1.3rem;font-weight:650}p{max-width:70ch}small{font-size:.875rem}.wrap{width:min(1560px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:8px;left:16px;z-index:100;transform:translateY(-150%);padding:10px 18px;background:#fff;color:#142c41}.skip:focus{transform:translateY(0)}
.header-shell{position:sticky;top:0;z-index:30;height:var(--header-h);padding:20px 0;view-transition-name:site-header}.site-header{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:11px 16px 11px 20px;min-height:68px;border-radius:16px;background:rgb(255 255 255 / .9);box-shadow:0 8px 28px rgb(13 37 56 / .09);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:51px;height:42px;object-fit:contain}.brand-text{display:grid;line-height:1.4}.brand-text strong{font-size:1.22rem;letter-spacing:.06em}.brand-text span{font-size:.75rem;color:var(--muted);letter-spacing:.015em}.desktop-nav{display:flex;align-items:center;gap:24px}.desktop-nav a{font-size:.94rem;font-weight:600;position:relative;padding:9px 0}.desktop-nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}.nav-actions{display:flex;gap:12px;align-items:center}.lang{display:flex;align-items:center;gap:6px;font-size:.875rem;min-height:44px;padding:8px}.lang:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:0;border-radius:10px;padding:12px 23px;background:linear-gradient(135deg,#d92b31,#b71e24);color:#fff;font-size:.9375rem;font-weight:650;box-shadow:0 7px 17px rgb(153 31 37 / .16);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .2s var(--ease)}.button:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgb(153 31 37 / .2)}.button:hover svg{transform:translateX(3px)}.button:active{transform:translateY(1px) scale(.975);box-shadow:var(--shadow-press)}.button.white{background:#fff;color:var(--ink);box-shadow:0 8px 20px rgb(0 0 0 / .1)}.button.secondary{background:#eaf1f6;color:var(--ink);box-shadow:none}.button.outline{background:transparent;border:1px solid #b8cad9;color:var(--ink);box-shadow:none}.button.small{padding:10px 16px;min-height:44px;font-size:.875rem}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:650;color:var(--blue)}.text-link:hover{text-decoration:underline}.text-link:hover svg{transform:translateX(4px)}.menu-toggle{display:none;background:transparent;border:0;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px}.menu-toggle:hover{background:var(--soft-blue)}.mobile-nav{display:none}
.hero{position:relative;min-height:610px;overflow:hidden;border-radius:24px;background:var(--night);isolation:isolate;margin-top:2px}.hero-photo{position:absolute;inset:0 0 0 31%;width:69%;height:100%;object-fit:cover;object-position:60% center;z-index:-3}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b253b 7%,rgb(11 37 59 / .96) 25%,rgb(11 37 59 / .4) 70%,rgb(11 37 59 / .08)),linear-gradient(0deg,rgb(5 21 35 / .55),transparent 38%);z-index:-2}.hero-copy{padding:83px 60px 130px;color:#fff;max-width:900px}.hero h1{max-width:11em}.hero p{margin-top:26px;max-width:36em;color:#d4e4f0;font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap}.hero-actions .text-link{color:#fff}.hero-foot{position:absolute;left:60px;bottom:28px;right:40px;display:flex;justify-content:space-between;align-items:center;color:#e1edf5;font-size:.875rem;gap:25px}.hero-foot a{display:inline-flex;gap:10px;align-items:center}.hero-foot a:hover{text-decoration:underline}.hero-foot span{max-width:28em}.hero-bar{display:flex;justify-content:space-between;gap:20px;padding:23px 6px 0;color:var(--muted);font-size:.875rem}.hero-bar strong{font-weight:500}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:40px}.section-head p{color:var(--muted);max-width:34em;margin-top:16px}.section-head>.text-link{flex:none}.section-lead{color:var(--muted);font-size:1.0625rem;margin-top:24px;max-width:46em}
.category-stage{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(0,1.3fr);gap:clamp(36px,4vw,65px);align-items:stretch}.category-nav{display:flex;flex-direction:column;justify-content:center}.category-tab{position:relative;text-align:left;padding:21px 20px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .22s,background .22s}.category-tab>span{display:grid;gap:8px;min-width:0;flex:1;overflow-wrap:normal;word-break:normal}.category-tab strong{display:block;font-size:1.375rem;font-weight:650;line-height:1.4;letter-spacing:-.015em}.category-tab small{display:block;font-size:.9375rem;font-weight:400;line-height:1.65;color:var(--muted);max-width:36ch}.category-tab[aria-selected=true]{color:var(--ink);background:linear-gradient(90deg,#e5f0f9,transparent)}.category-tab[aria-selected=true]:before{content:'';position:absolute;left:0;top:20px;bottom:20px;width:1px;background:var(--blue)}.category-tab svg{color:var(--blue);opacity:.45}.category-tab[aria-selected=true] svg{opacity:1;transform:translateX(4px)}.category-tab:active{background:#dcebf7}.category-visual{margin:0;background:#e4ebef;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-height:530px}.category-visual .visual-image{position:relative;flex:1;min-height:400px;overflow:hidden}.category-visual img{width:100%;height:100%;position:absolute;object-fit:cover}.category-visual figcaption{padding:21px 25px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px}.category-visual figcaption p{font-size:.9375rem;font-weight:600}.category-visual figcaption small{display:block;color:var(--muted);margin-top:4px}.sliding{animation:slide-photo .55s var(--ease)}@keyframes slide-photo{from{transform:translateX(35px);opacity:.55;clip-path:inset(0 0 0 4%)}to{transform:translateX(0);opacity:1;clip-path:inset(0)}}
.manufacturing-band{position:relative;background:var(--night);color:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.manufacturing-band>img{width:100%;height:100%;min-height:510px;object-fit:cover}.manufacturing-band .band-copy{padding:64px 48px;background:linear-gradient(145deg,#153c59,#0b2338)}.band-copy p{color:#c2d6e6;margin-top:24px}.band-copy ul{list-style:none;padding:0;margin:28px 0}.band-copy li{border-bottom:1px solid #36516a;padding:14px 0;display:flex;justify-content:space-between;gap:20px;font-size:.9375rem}.band-copy li small{color:#bbd1e2}.band-copy .text-link{color:#fff}.material-line{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.material-line span{border:1px solid var(--line);padding:7px 16px;border-radius:8px;font-size:.9375rem;color:var(--muted)}.industry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.industry-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.industry-list a{padding:24px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center;font-weight:600}.industry-list a:hover{color:var(--blue)}.industry-list small{display:block;font-weight:400;color:var(--muted);margin-top:7px;font-size:.875rem}.project-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;transition:transform .5s var(--ease)}.project-card .image-box{overflow:hidden;border-radius:16px;background:#dfe8ed}.project-card:hover img{transform:scale(1.025)}.project-card h3{margin-top:18px;font-size:1.15rem}.project-card p{font-size:.875rem;color:var(--muted);margin-top:6px}.project-card:active .image-box{transform:scale(.99)}.cta-band{border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#d4eaf6,transparent 65%),linear-gradient(120deg,#e6eff6,#f0f7fa);padding:65px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band p{color:var(--muted);margin-top:15px}.cta-band .button{flex:none}
.site-footer{background:#fff;margin-top:90px;padding:58px 0 22px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-bottom:40px}.footer-top .brand{margin-bottom:22px}.footer-top p{color:var(--muted);font-size:.875rem}.footer-links{display:grid;gap:10px;align-content:start}.footer-links strong{font-size:.9375rem;margin-bottom:5px}.footer-links a{font-size:.875rem;color:var(--muted);width:fit-content}.footer-links a:hover{color:var(--blue);text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem;flex-wrap:wrap}.footer-bottom a:hover{text-decoration:underline}.footer-bottom .legal{display:flex;gap:18px;flex-wrap:wrap}.page-intro{padding:55px 0 42px}.page-intro h1{font-size:clamp(2.4rem,4vw,3.65rem)}.page-intro p{color:var(--muted);font-size:1.06rem;margin-top:20px;max-width:48em}.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.875rem;margin-bottom:24px}.breadcrumbs a:hover{color:var(--blue);text-decoration:underline}.breadcrumbs svg{width:13px;height:13px}
.catalog-tools{background:rgb(245 248 250 / .97);padding:15px 0 25px;border-bottom:1px solid var(--line);margin-bottom:30px}.search-row{display:flex;gap:20px;align-items:center;justify-content:space-between}.search-wrap{position:relative;max-width:400px;width:100%}.search-wrap svg{position:absolute;left:16px;top:16px;color:var(--muted)}.search-wrap input{background:#fff;border:1px solid #b5c7d4;border-radius:10px;padding:12px 17px 12px 47px;width:100%;height:52px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#627587}input:focus,textarea:focus,select:focus{outline:2px solid #1a84c6;outline-offset:2px}.filters{display:flex;gap:8px;margin-top:22px;overflow:auto;padding:3px 3px 9px;scrollbar-width:thin}.filter{white-space:nowrap;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);padding:10px 17px;font-size:.9375rem;min-height:44px;transition:background .2s,transform .15s}.filter:hover{background:#e3edf4;color:var(--ink)}.filter[aria-pressed=true]{color:#fff;background:var(--blue);box-shadow:0 4px 12px rgb(18 84 143 / .15)}.filter:active{transform:scale(.96)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}.product-card{min-width:0}.product-card .image-box{border-radius:16px;overflow:hidden;position:relative;background:#e2eaf0;aspect-ratio:4/3}.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.product-card:hover img{transform:scale(1.035)}.product-card .card-copy{padding:17px 2px 0;display:flex;gap:15px;justify-content:space-between}.product-card h2{font-size:1.13rem;font-weight:650;line-height:1.5;letter-spacing:0}.product-card p{font-size:.875rem;color:var(--muted);margin-top:5px}.product-card .card-copy>svg{margin-top:4px;color:var(--blue)}.product-card:hover .card-copy>svg{transform:translateX(4px)}.product-card:active .image-box{transform:scale(.99)}.empty-state{padding:75px 20px;text-align:center}.empty-state p{margin:12px auto 24px;color:var(--muted)}[hidden]{display:none!important}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:start;margin-top:34px}.detail-photo{border:0;padding:0;background:#e3ebf0;border-radius:16px;overflow:hidden;width:100%;position:relative;cursor:zoom-in}.detail-photo img{width:100%;aspect-ratio:4/3;object-fit:contain}.detail-copy h1{font-size:clamp(2rem,3.5vw,3.1rem)}.detail-copy .description{color:var(--muted);margin-top:23px}.detail-meta{margin:26px 0 30px}.detail-meta>div{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid var(--line);padding:14px 0;gap:18px}.detail-meta dt{color:var(--muted);font-size:.875rem}.detail-meta dd{margin:0;font-size:.9375rem}.detail-note{font-size:.875rem;color:var(--muted);margin-top:22px}.thumb-row{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.thumb-row button{width:90px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#e3ebf0}.thumb-row button[aria-pressed=true]{border-color:var(--blue)}.thumb-row img{aspect-ratio:4/3;width:100%;object-fit:cover}.inquiry-points{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px}.inquiry-points article{border-top:1px solid var(--line);padding-top:23px}.inquiry-points h3{font-size:1.125rem}.inquiry-points p{color:var(--muted);font-size:.9375rem;margin-top:12px}
.about-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-block:30px 75px}.about-intro img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:20px}.about-intro p{color:var(--muted);margin-top:24px}.about-intro h1{font-size:clamp(2.2rem,4vw,3.5rem)}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.material-grid article{padding:24px 0;border-top:1px solid var(--line)}.material-grid p{color:var(--muted);margin-top:10px;font-size:.9375rem}.process-row{display:grid;grid-template-columns:90px .9fr 1.2fr;gap:32px;align-items:start;padding:38px 0;border-top:1px solid var(--line)}.process-row .step{font-size:2rem;color:#7391a8;font-variant-numeric:tabular-nums}.process-row p{color:var(--muted);font-size:.9375rem}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.equipment-grid figure{margin:0}.equipment-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.equipment-grid figcaption{font-size:.9375rem;margin-top:12px}.quality-box{margin-top:60px;border-radius:16px;background:#e7f0f6;padding:40px;display:grid;grid-template-columns:.8fr 1.3fr;gap:50px}.quality-box p{color:var(--muted)}.quality-box h3{font-size:1.4rem}
.contact-grid{display:grid;grid-template-columns:.82fr 1.2fr;gap:80px;padding-bottom:20px}.contact-list{display:grid;gap:0}.contact-item{border-bottom:1px solid var(--line);padding:25px 0}.contact-item dt{font-size:.875rem;color:var(--muted);margin-bottom:8px}.contact-item dd{margin:0;font-size:1.12rem;font-weight:550;overflow-wrap:anywhere}.contact-item a:hover{color:var(--blue)}.contact-item .contact-sub{font-size:.875rem;color:var(--muted);font-weight:400;margin-top:5px}.copy-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:#e7eff5;color:var(--ink);margin-left:9px;width:36px;height:36px;vertical-align:middle;transition:transform .16s}.copy-button:active{transform:scale(.9)}.contact-form{border-radius:20px;background:#fff;padding:35px;box-shadow:0 12px 35px rgb(14 40 64 / .06)}.contact-form h2{font-size:1.6rem}.contact-form>.help{font-size:.875rem;color:var(--muted);margin:14px 0 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.field label{font-size:.875rem;font-weight:600}.field label span{font-weight:400;color:var(--muted)}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid #b6c8d5;border-radius:9px;background:#fff;color:var(--ink);min-height:49px}.field textarea{min-height:155px;resize:vertical}.field textarea::placeholder{line-height:1.6}.form-note{font-size:.8125rem;color:var(--muted);margin-top:18px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-result{margin-top:20px;padding:18px;background:#edf5fb;border-radius:10px;font-size:.875rem}.form-result p{margin-bottom:12px}.draft-preview{white-space:pre-wrap;font:inherit;color:var(--ink);max-height:260px;overflow:auto;overflow-wrap:anywhere}.form-result a{color:var(--blue);text-decoration:underline}.inline-feedback{min-height:1.6em;margin-top:8px;color:var(--blue);font-size:.875rem}
.lightbox{border:0;border-radius:18px;padding:0;background:#10283e;color:#fff;width:min(1050px,calc(100% - 36px));max-height:92dvh;box-shadow:0 28px 65px rgb(0 0 0 / .3)}.lightbox::backdrop{background:rgb(3 18 30 / .75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px}.lightbox-bar button{background:rgb(255 255 255 / .1);border:0;border-radius:8px;width:44px;height:44px;color:white;display:grid;place-items:center}.lightbox img{width:100%;height:min(65vh,700px);object-fit:contain;background:#0a1d2d}.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.lightbox-bottom button{background:none;border:1px solid #55738d;color:#fff;width:44px;height:44px;border-radius:9px;display:grid;place-items:center}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#12324b;color:#fff;border-radius:10px;padding:12px 22px;box-shadow:var(--shadow);z-index:80;transition:transform .3s var(--ease),opacity .3s}.toast.show{opacity:1;transform:translate(-50%,0)}.legal-copy{max-width:780px;margin:0 auto}.legal-copy h2{font-size:1.4rem;margin:35px 0 16px}.legal-copy p{color:var(--muted);margin:16px 0}.back-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border:0;border-radius:12px;display:grid;place-items:center;background:rgb(255 255 255 / .95);color:var(--ink);box-shadow:var(--shadow);z-index:20}
@media(min-width:1500px){.hero{min-height:650px}.hero-copy{padding-top:100px}}@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:17px}.site-header{gap:15px}.brand-text span{display:none}.brand-text strong{font-size:1rem}.nav-actions{gap:7px}.category-stage{gap:40px}.hero-copy{padding-left:45px}.hero-foot{left:45px}.hero h1{font-size:3.6rem}.contact-grid{gap:45px}}@media(max-width:1000px){.desktop-nav,.header-inquiry{display:none}.menu-toggle{display:flex}.mobile-nav.open{display:grid;background:rgb(255 255 255 / .98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:16px;box-shadow:var(--shadow);margin-top:9px;padding:18px 24px}.mobile-nav a{padding:13px 4px;border-bottom:1px solid var(--line);font-weight:600}.mobile-nav a:last-child{border:0}.mobile-nav a[aria-current=page]{color:var(--blue)}.hero{min-height:580px}.hero h1{font-size:3.2rem}.hero-copy{padding:70px 38px 130px}.hero-photo{left:15%;width:85%}.hero:before{background:linear-gradient(90deg,#0b253b 4%,rgb(11 37 59 / .86) 36%,rgb(11 37 59 / .17)),linear-gradient(0deg,rgb(5 21 35 / .5),transparent)}.hero-foot{left:38px}.category-stage{gap:30px;grid-template-columns:.9fr 1fr}.category-tab strong{font-size:1.25rem}.category-visual .visual-image{min-height:350px}.category-visual{min-height:450px}.manufacturing-band .band-copy{padding:38px 28px}.industry-layout{gap:45px}.project-grid{gap:20px}.cta-band{padding:45px 35px}.detail-layout{gap:32px}.contact-grid{gap:32px}.contact-form{padding:25px}.footer-top{gap:35px;grid-template-columns:1.2fr .8fr 1fr}.quality-box{gap:30px}}
@media(max-width:740px){:root{font-size:16px;--header-h:90px}.wrap{width:calc(100% - 36px)}.header-shell{padding-top:13px}.site-header{padding:9px 11px 9px 15px;min-height:64px;border-radius:14px}.brand img{width:43px;height:35px}.brand-text strong{font-size:1rem}.brand-text span{display:block;font-size:.65rem}.brand{gap:9px}.nav-actions{gap:0}.lang{font-size:.875rem;padding:8px}.lang svg{width:17px;height:17px}.hero{min-height:670px;border-radius:20px}.hero-photo{left:0;top:225px;width:100%;height:445px;object-position:60% 50%}.hero:before{background:linear-gradient(180deg,#0b253b 8%,#0b253b 31%,rgb(11 37 59 / .18) 72%,rgb(11 37 59 / .65));z-index:-2}.hero-copy{padding:38px 25px 40px}.hero h1{font-size:clamp(2rem,8.5vw,3rem);max-width:13em}.hero p{font-size:.9375rem;margin-top:18px;max-width:28em}.hero-actions{gap:18px;margin-top:24px}.hero-actions .button{min-height:46px;padding:10px 16px}.hero-actions .text-link{font-size:.875rem}.hero-foot{left:25px;right:25px;bottom:22px;font-size:.8125rem}.hero-foot>span{max-width:17em}.hero-foot a{font-size:0;gap:0}.hero-foot a svg{width:22px;height:22px}.hero-bar{padding-top:18px;gap:12px;font-size:.8125rem;flex-wrap:wrap}.hero-bar strong{width:100%}.section{padding-block:65px}.section-head{gap:20px;margin-bottom:28px;align-items:flex-start;flex-direction:column}.section-head h2{font-size:1.85rem}.section-head p{margin-top:15px;font-size:.9375rem}.category-stage{display:flex;flex-direction:column;gap:25px}.category-nav{display:flex;flex-direction:column;gap:0}.category-tab{padding:19px 16px;min-width:0;gap:22px;min-height:92px}.category-tab strong{font-size:1.125rem;line-height:1.4}.category-tab small{font-size:.9375rem;line-height:1.6}.category-tab>span{gap:6px}.category-tab[aria-selected=true]{padding-left:16px}.category-tab svg{width:17px;height:17px}.category-visual{min-height:0}.category-visual .visual-image{min-height:0;aspect-ratio:4/3}.category-visual figcaption{padding:18px}.category-visual figcaption p{font-size:.875rem}.category-visual figcaption small{font-size:.8125rem}.manufacturing-band{display:flex;flex-direction:column;border-radius:20px}.manufacturing-band>img{min-height:0;aspect-ratio:4/3;max-height:360px}.manufacturing-band .band-copy{padding:35px 25px}.band-copy h2{font-size:1.9rem}.band-copy p{font-size:.9375rem}.band-copy li small{max-width:50%;text-align:right}.industry-layout{display:flex;flex-direction:column;gap:28px}.industry-list{gap:0 22px}.industry-list a{font-size:.9375rem;padding:20px 0}.industry-list small{font-size:.8125rem}.project-grid{grid-template-columns:1fr;gap:30px}.project-card h3{margin-top:14px}.cta-band{flex-direction:column;align-items:flex-start;padding:38px 25px;border-radius:20px;gap:25px}.cta-band h2{font-size:1.85rem}.cta-band p{font-size:.9375rem}.site-footer{margin-top:65px;padding-top:40px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 22px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{font-size:.75rem}.page-intro{padding:35px 0 30px}.page-intro h1{font-size:2.4rem}.page-intro p{font-size:.9375rem;margin-top:18px}.catalog-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.product-card h2{font-size:1rem}.product-card p{font-size:.8125rem}.product-card .card-copy>svg{display:none}.product-card .image-box{border-radius:12px}.product-card .card-copy{padding-top:12px}.search-row{gap:15px;align-items:flex-start;flex-direction:column}.search-wrap{max-width:none}.filters{margin-top:14px}.filter{font-size:.875rem;padding:9px 12px}.catalog-tools{padding-top:4px}.detail-layout{display:flex;flex-direction:column;gap:30px;margin-top:20px}.detail-layout>div{width:100%}.detail-copy h1{font-size:2rem}.detail-copy .description{font-size:.9375rem}.inquiry-points{grid-template-columns:1fr;gap:28px}.about-intro{display:flex;flex-direction:column;gap:32px;padding-block:15px 35px}.about-intro h1{font-size:2.2rem}.about-intro p{font-size:.9375rem}.material-grid{grid-template-columns:1fr 1fr;gap:20px}.material-grid h3{font-size:1.1rem}.process-row{grid-template-columns:45px 1fr;gap:18px;padding:28px 0}.process-row p{grid-column:2}.process-row .step{font-size:1.5rem}.equipment-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.equipment-grid img{border-radius:12px}.equipment-grid figcaption{font-size:.875rem}.quality-box{display:block;padding:28px 24px;margin-top:40px}.quality-box p{font-size:.9375rem;margin-top:18px}.contact-grid{display:flex;flex-direction:column;gap:35px}.contact-list{margin-top:0}.contact-item{padding:20px 0}.contact-item dd{font-size:1.08rem}.contact-form{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.form-actions .button{width:100%}.lightbox{width:calc(100% - 24px);border-radius:12px}.lightbox-bar{padding:10px 14px;font-size:.875rem}.lightbox img{height:55vh}.toast{max-width:calc(100% - 36px);width:max-content;font-size:.875rem}.back-top{bottom:18px;right:16px;width:42px;height:42px}.breadcrumbs{font-size:.8125rem;margin-bottom:22px}.section-lead{font-size:.9375rem}.detail-meta>div{grid-template-columns:90px 1fr}}
@media(max-width:370px){.brand-text span{display:none}.hero-copy{padding-inline:20px}.hero h1{font-size:2rem}.hero-actions{gap:12px}.hero-actions .button{font-size:.875rem}.wrap{width:calc(100% - 28px)}.catalog-grid{grid-template-columns:1fr}}

@supports not (backdrop-filter:blur(1px)){.site-header,.mobile-nav.open{background:#fff}}
 .manufacturing-cover{width:100%;height:460px;object-fit:cover;object-position:center 55%;border-radius:20px}
 .qualification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}.qualification-grid article{min-width:0}.qualification-photo{background:#e7eef4;border:0;padding:20px;border-radius:16px;width:100%;cursor:zoom-in}.qualification-photo img{width:100%;height:275px;object-fit:contain}.qualification-grid h3{font-size:1.1rem;margin-top:18px;line-height:1.5}.qualification-grid p{font-size:.875rem;color:var(--muted);margin-top:8px}.qualification-grid .validity{font-variant-numeric:tabular-nums;color:var(--ink)}
 @media(max-width:740px){.manufacturing-cover{height:300px}.qualification-grid{grid-template-columns:1fr;gap:30px}.qualification-photo img{height:300px}}

.form-result a.button{color:#fff;text-decoration:none}.category-tab span{transition:transform .3s var(--ease)}

.category-tab svg{flex-shrink:0}
 .photo-button{display:block;position:relative;border:0;padding:0;background:#dbe6ed;border-radius:16px;overflow:hidden;cursor:zoom-in;width:100%;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.photo-button>img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.photo-button:hover>img{transform:scale(1.018)}.photo-button:active{transform:scale(.994)}.manufacturing-band>.photo-button{border-radius:0;min-height:530px}.about-intro>.photo-button{width:100%;aspect-ratio:5/4}.clean-feature{display:grid;grid-template-columns:1.45fr 1fr;gap:60px;align-items:center}.clean-feature>.photo-button{aspect-ratio:4/3}.clean-copy h3{font-size:1.6rem}.clean-copy p{color:var(--muted);margin-top:22px;line-height:1.85}.clean-copy ul{padding:0;list-style:none;margin:28px 0}.clean-copy li{padding:14px 0;border-bottom:1px solid var(--line);font-size:1rem}.factory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:45px}.factory-gallery figure{margin:0;min-width:0}.factory-gallery .photo-button{aspect-ratio:4/3}.factory-gallery figcaption{font-size:.94rem;margin-top:14px;color:var(--muted)}.client-names{display:flex;gap:25px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:28px 0;border-block:1px solid var(--line)}.client-names span{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:750;letter-spacing:-.025em;color:#254d6b}.reference-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:15px 0 30px}.reference-intro>.photo-button{aspect-ratio:16/10}.reference-intro p{color:var(--muted);margin-top:24px}.table-scroll{overflow-x:auto;border-top:1px solid var(--line);margin-top:28px;scrollbar-width:thin}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.94rem;line-height:1.7}.data-table th{padding:18px 22px;background:#e7f0f6;font-size:.875rem;font-weight:650;color:#244a67;vertical-align:top}.data-table td{padding:24px 22px;border-bottom:1px solid var(--line);vertical-align:top}.data-table tr:hover td{background:#edf4f8}.data-table td small{display:block;font-size:.8125rem;color:var(--muted);margin-top:6px}.reference-table td:first-child{width:29%}.reference-table td:nth-child(2){width:28%}.data-table .quantity{text-align:center;font-variant-numeric:tabular-nums}.inventory-table td:first-child{width:32%}.inventory-table td:nth-child(2){width:22%}.inventory-table td:nth-child(3){width:12%}.record-note{font-size:.8125rem;color:var(--muted);margin-top:25px}.load-more{display:flex;justify-content:center;margin-top:30px}.film-button{display:inline-flex;align-items:center;gap:12px;border:1px solid rgb(255 255 255 / .35);border-radius:10px;min-height:48px;padding:10px 18px;color:white;background:rgb(255 255 255 / .12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:.94rem;font-weight:600;transition:transform .18s var(--ease),background .2s,box-shadow .2s}.film-button:hover{background:rgb(255 255 255 / .24);box-shadow:0 7px 18px rgb(0 0 0 / .17)}.film-button:active{transform:scale(.97)}.film-button svg{width:18px;height:18px}.film-dialog{border:0;padding:0;background:#0c2439;color:#fff;border-radius:18px;width:min(1180px,calc(100% - 40px));max-height:92dvh;box-shadow:0 25px 80px rgb(0 0 0 / .35)}.film-dialog::backdrop{background:rgb(4 19 32 / .8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.film-heading{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.film-heading h2{font-size:1.3rem}.film-heading p{color:#bed4e5;font-size:.8125rem;margin-top:6px}.icon-button{border:0;background:rgb(255 255 255 / .12);color:inherit;width:44px;height:44px;border-radius:9px;display:grid;place-items:center;flex:none;transition:transform .16s,background .2s}.icon-button:hover{background:rgb(255 255 255 / .23)}.icon-button:active{transform:scale(.94)}.film-dialog video{width:100%;max-height:64dvh;display:block;background:#061724;aspect-ratio:16/9}.film-controls{padding:14px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.875rem}.film-summary{padding:0 25px 20px;font-size:.8125rem;color:#bed4e5}.operation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}.operation-grid article{min-width:0}.operation-grid video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:16px;background:#0d2437}.operation-grid h3{font-size:1.1rem;margin-top:17px;line-height:1.5}.operation-grid p{font-size:.875rem;color:var(--muted);margin-top:8px}.gallery-original{color:#d3e8f6;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.qualifications-teaser{display:flex;align-items:center;gap:35px;justify-content:space-between;padding:40px;background:#e7f0f6;border-radius:16px;margin-top:40px}.qualifications-teaser p{color:var(--muted);margin-top:12px}.qualifications-teaser h3{font-size:1.5rem}
 @media(max-width:1000px){.clean-feature,.reference-intro{gap:35px}.factory-gallery,.operation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-button{font-size:.875rem}.clean-copy h3{font-size:1.4rem}}
 @media(max-width:740px){.manufacturing-band>.photo-button{min-height:0;aspect-ratio:4/3}.clean-feature,.reference-intro{display:flex;flex-direction:column;gap:30px;align-items:stretch}.clean-copy h3{font-size:1.3rem}.clean-copy p,.clean-copy li{font-size:.9375rem}.factory-gallery{grid-template-columns:1fr 1fr;gap:25px 16px}.factory-gallery figcaption{font-size:.875rem}.client-names{gap:24px;justify-content:flex-start}.client-names span{font-size:1.25rem;flex-basis:calc(50% - 12px)}.film-button{font-size:.8125rem;padding:8px 10px;min-height:44px;gap:6px}.hero-foot{flex-wrap:wrap;gap:12px}.hero-foot>span{max-width:100%;width:100%}.film-dialog{width:calc(100% - 20px);border-radius:14px}.film-heading{padding:15px}.film-heading h2{font-size:1.05rem}.film-heading p{font-size:.75rem}.film-controls{padding:12px 15px;align-items:flex-start;flex-direction:column;gap:10px}.film-summary{padding:0 15px 17px;font-size:.8125rem}.operation-grid{grid-template-columns:1fr;gap:32px}.operation-grid video{aspect-ratio:4/3;max-height:440px}.operation-grid h3{font-size:1.1rem}.reference-table,.reference-table tbody,.reference-table tr,.reference-table td,.inventory-table,.inventory-table tbody,.inventory-table tr,.inventory-table td{display:block;width:100%!important}.data-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.data-table tr{padding:20px 0;border-bottom:1px solid var(--line)}.data-table td{padding:7px 0;border:0;font-size:.9375rem}.data-table td:before{content:attr(data-label);display:block;font-size:.8125rem;color:var(--muted);margin-bottom:5px}.data-table td:first-child:before{display:none}.data-table td:first-child strong{font-size:1.05rem}.data-table .quantity{text-align:left}.data-table tr:hover td{background:transparent}.table-scroll{overflow:visible}.qualification-photo img{height:300px}.qualifications-teaser{padding:28px 24px;flex-direction:column;align-items:flex-start;gap:24px}.qualifications-teaser h3{font-size:1.3rem}}

.workshop-panorama .photo-button{aspect-ratio:16/9;border-radius:20px}.workshop-caption{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:30px 0 40px}.workshop-caption h3{font-size:1.25rem}.workshop-caption p{color:var(--muted);margin-top:14px;font-size:1rem}.workshop-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.workshop-pair .photo-button{aspect-ratio:16/9}.film-controls:has([data-film-status]:empty):has([data-film-retry][hidden]){display:none}@media(max-width:740px){.workshop-panorama .photo-button{aspect-ratio:16/9;border-radius:14px}.workshop-caption{grid-template-columns:1fr;gap:24px;padding:25px 0 30px}.workshop-caption h3{font-size:1.1rem}.workshop-caption p{font-size:.9375rem}.workshop-pair{grid-template-columns:1fr;gap:20px}}

/* Shared reading hierarchy across Chinese and English, desktop and mobile. */
html:lang(zh-CN) h1,html:lang(zh-CN) h2,html:lang(zh-CN) h3{letter-spacing:0;line-break:strict}
.section-head p,.page-intro p,.section-lead{font-weight:400;line-height:1.85;max-width:62ch;text-wrap:pretty}
html:lang(zh-CN) .section-head p,html:lang(zh-CN) .page-intro p{max-width:36em}
.category-tab:hover{background-color:#eaf2f7}.category-tab:active{background-color:#dcebf7}
.category-visual figcaption>div{min-width:0}.category-visual figcaption small{font-weight:400;line-height:1.65}
@media(max-width:1000px) and (min-width:741px){.category-stage{grid-template-columns:minmax(280px,.95fr) minmax(0,1fr)}.category-tab{padding:18px 16px}}
@media(max-width:740px){body{font-size:16px}.section-head h2{font-size:1.875rem;line-height:1.35}.section-head p,.page-intro p,.section-lead{font-size:1rem;line-height:1.8}.category-visual figcaption{align-items:flex-start;flex-direction:column;gap:12px}.category-visual figcaption p{font-size:1.125rem}.category-visual figcaption small{font-size:.9375rem}.product-card h2{line-height:1.5}.film-controls{gap:12px;flex-wrap:wrap}}

/* The factory panorama is the primary evidence on arrival. */
.hero{min-height:clamp(610px,44vw,740px)}
.hero-photo{inset:0;width:100%;height:100%;object-position:center 65%}
.hero:before{background:linear-gradient(90deg,rgb(6 25 40 / .86),rgb(6 25 40 / .64) 32%,rgb(6 25 40 / .12) 68%,transparent),linear-gradient(0deg,rgb(5 21 35 / .65),transparent 27%)}
.hero-copy{max-width:760px;padding:70px 60px 150px}
.hero h1{font-size:clamp(3rem,4.2vw,4.5rem);line-height:1.22;font-weight:650;max-width:12em}
.hero p{max-width:32em;line-height:1.85}
@media(max-width:1000px) and (min-width:741px){.hero-copy{padding:60px 38px 130px;max-width:650px}.hero h1{font-size:3.2rem}.hero-photo{left:0;width:100%}}
@media(max-width:740px){.hero{display:flex;flex-direction:column;min-height:0}.hero:before{display:none}.hero-copy{order:0;padding:34px 25px 32px}.hero h1{font-size:clamp(2rem,8.2vw,3rem);max-width:none}.hero p{font-size:1rem;line-height:1.8;margin-top:20px}.hero-photo{position:relative;inset:auto;z-index:0;order:1;width:100%;height:auto;aspect-ratio:16/10;object-position:center 65%}.hero-foot{position:static;order:2;padding:20px 25px;gap:16px;flex-wrap:wrap}.hero-foot>span{max-width:none;flex-basis:100%;font-size:.8125rem}.hero-foot .film-button{width:100%;justify-content:center}.hero-actions{gap:16px}}

/* Brand-led, light-surface refinement. */
html{scrollbar-gutter:stable}
.header-shell{--header-h:118px;height:118px}.site-header{min-height:82px}.brand img{width:72px;height:60px}.brand-text strong{font-size:1.3rem}.brand-text span{font-size:.72rem}.desktop-nav{gap:20px}.desktop-nav a:after{background:var(--brand-red)}
.home-identity{padding:24px 0 35px;display:flex;align-items:center;justify-content:center}.company-signature{width:min(1060px,85%);height:auto}.mobile-identity{display:none}
.hero{min-height:560px}.hero-copy{padding-top:60px}.hero h1{font-size:clamp(2.8rem,3.8vw,4rem)}
.lightbox,.film-dialog{color:var(--ink);background:#fff;box-shadow:0 24px 80px rgb(36 55 65 / .2)}
.lightbox::backdrop,.film-dialog::backdrop{background:rgb(230 237 241 / .76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.lightbox-bar,.lightbox-bottom,.film-heading,.film-controls,.film-summary{background:#fff;color:var(--ink)}
.film-heading p,.film-summary{color:var(--muted)}.film-summary{padding-bottom:22px}
.lightbox-bar button,.lightbox-bottom button,.icon-button{background:#edf3f5;color:var(--ink);border:0;transition:background .18s,transform .18s}.lightbox-bar button:hover,.lightbox-bottom button:hover,.icon-button:hover{background:#dbeaf0}.lightbox-bar button:active,.lightbox-bottom button:active{transform:scale(.93)}
.gallery-original{color:var(--blue)}.lightbox img{background:#f2f5f6}.gallery-stage{position:relative;min-height:240px;background:#f2f5f6}.gallery-stage img{transition:opacity .2s ease;object-fit:contain}.gallery-stage[aria-busy=true] img{opacity:.72}.gallery-loading{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:rgb(255 255 255 / .94);border-radius:8px;padding:8px 16px;font-size:.875rem;color:var(--muted);box-shadow:0 5px 18px rgb(30 55 65 / .1)}.gallery-loading:empty{display:none}
.film-dialog video{background:#edf2f4}
.category-visual img{object-fit:contain;background:#edf2f4}.category-visual .visual-image{background:#edf2f4}
.partner-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;gap:1px;padding:20px;border-radius:16px;margin-top:28px}.partner-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;padding:18px 14px;gap:12px;transition:background .2s,transform .2s;border-bottom:1px solid #eef2f4}.partner-tile:hover{background:#f4f8fa;transform:translateY(-2px)}.partner-tile img{width:145px;height:62px;object-fit:contain}.partner-tile span{font-size:.75rem;color:var(--muted);text-align:center;line-height:1.5}.reference-logo{width:134px;height:60px;object-fit:contain;object-position:left center;display:block;margin-bottom:14px;background:#fff;border-radius:5px;padding:4px}.partner-wall.compact .partner-tile:nth-child(n+19){display:none}
@media(max-width:1200px){.header-shell{height:112px}.desktop-nav{gap:14px}.brand-text strong{font-size:1.1rem}.brand img{width:62px;height:52px}.home-identity{padding:22px 0 30px}.company-signature{width:92%}.partner-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:740px){.header-shell{height:100px}.site-header{min-height:74px;padding:10px 12px}.brand img{width:58px;height:48px}.brand-text strong{font-size:1.08rem}.brand-text span{font-size:.6rem}.home-identity{padding:16px 0 24px}.company-signature{display:none}.mobile-identity{display:flex;align-items:center;gap:16px}.mobile-identity>img{width:74px;height:62px;object-fit:contain;flex:none}.mobile-identity strong{display:block;font-size:1.15rem;line-height:1.5;font-weight:650}.mobile-identity span{display:block;font-size:.72rem;line-height:1.5;color:var(--muted);margin-top:5px}.hero{min-height:0}.hero-copy{padding:30px 25px}.hero h1{font-size:2rem}.partner-wall{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.partner-tile{min-height:117px;padding:14px 9px}.partner-tile img{width:120px;height:55px}.lightbox-bar{gap:10px;flex-wrap:wrap}.lightbox-bar [data-gallery-title]{flex:1}.lightbox-bar .gallery-original{order:3;width:100%;font-size:.8125rem}.film-heading{padding:16px 18px}.film-heading h2{font-size:1.125rem}.lightbox img{height:58vh}}


.manufacturing-band{background:#fff;color:var(--ink)}.manufacturing-band .band-copy{background:linear-gradient(145deg,#edf7f9,#fff)}.band-copy p,.band-copy li small{color:var(--muted)}.band-copy li{border-color:var(--line)}.band-copy .text-link{color:var(--blue)}.hero:before{background:linear-gradient(90deg,rgb(18 26 31 / .86),rgb(18 26 31 / .64) 32%,rgb(18 26 31 / .12) 68%,transparent),linear-gradient(0deg,rgb(18 26 31 / .65),transparent 27%)}

/* Explicit user correction: clean viewer surroundings, no blur or mouse-focus box. */
.lightbox::backdrop,.film-dialog::backdrop{background:rgb(222 232 238 / .78);backdrop-filter:none;-webkit-backdrop-filter:none}
.lightbox,.film-dialog{box-shadow:0 10px 32px rgb(35 51 61 / .07)}
:focus-visible{outline:2px solid #52616b;outline-offset:3px}
html:not(.keyboard-navigation) :focus-visible{outline:none}
.keyboard-navigation .icon-button:focus-visible,.keyboard-navigation .lightbox-bar button:focus-visible{outline:2px solid #52616b;outline-offset:3px}

.lightbox-bar{min-height:68px;padding:14px 22px;gap:20px}.lightbox-bar [data-gallery-title]{flex:1;font-weight:600;font-size:1rem}.lightbox-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 22px;gap:16px;min-height:72px;border-top:1px solid #edf1f3}.lightbox-bottom [data-gallery-count]{font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums}.gallery-navigation{display:flex;gap:8px}.gallery-original{justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border-radius:8px;background:#edf2f4;color:var(--ink);font-size:.8125rem;font-weight:550;text-decoration:none;line-height:1.4;transition:background .18s,transform .18s}.gallery-original svg{width:16px;height:16px}.gallery-original:hover{background:#dfe9ed;text-decoration:none}.gallery-original:active{transform:scale(.97)}.lightbox-bottom .gallery-navigation button{width:40px;height:40px;background:#f1f5f7}.lightbox-bar button{flex:none}.gallery-navigation:has(button[hidden]):not(:has(button:not([hidden]))){display:none}
@media(max-width:740px){.lightbox-bar{padding:12px 16px;min-height:62px}.lightbox-bar [data-gallery-title]{font-size:.9375rem}.lightbox-bottom{padding:12px 14px;gap:10px;grid-template-columns:1fr auto 1fr}.gallery-original{font-size:.75rem;padding:9px 10px;gap:6px}.gallery-navigation{gap:5px}.lightbox-bottom .gallery-navigation button{width:36px;height:40px}}

.lightbox-bottom .gallery-original{grid-column:3}.gallery-navigation{grid-column:2;grid-row:1}

/* 2026-09: compact industrial layout. Brand and media remain authentic. */
:root{--radius:12px;--header-h:88px;--section-space:52px}
html{scroll-padding-top:110px}body{font-size:17px;line-height:1.7}
h2{font-size:clamp(1.65rem,2.45vw,2.15rem);line-height:1.3}
.header-shell{height:88px;padding:10px 0;--header-h:88px}.site-header{min-height:68px;padding:8px 16px;border-radius:12px}.brand img{width:62px;height:50px}.brand-text strong{font-size:1.15rem}.brand-text span{font-size:.75rem}
.home-identity{padding:8px 0 18px;justify-content:flex-start}.company-signature{width:min(680px,75%)}
.hero{min-height:clamp(370px,47svh,440px);border-radius:14px}.hero-copy{padding:30px 40px 88px;max-width:700px;animation-duration:.4s}.hero h1{font-size:clamp(2.3rem,3.05vw,3rem);line-height:1.18}.hero p{font-size:1rem;line-height:1.7;margin-top:14px;max-width:38em}.hero-actions{margin-top:20px;gap:22px}.hero-foot{left:40px;right:32px;bottom:20px}.hero-photo{object-position:center 65%}
.section{padding-block:var(--section-space)}.section+.section{padding-top:24px}.section-head{gap:24px;margin-bottom:26px}.section-head p{margin-top:10px;line-height:1.7}.section-lead{margin-top:16px;line-height:1.7}.section-head .text-link{font-size:.9rem}
.button{border-radius:8px;padding:10px 20px;min-height:44px;box-shadow:0 4px 12px rgb(153 31 37 / .12)}.button:hover{transform:translateY(-1px)}.button.small{min-height:44px}.button:active{transform:translateY(1px) scale(.985)}.text-link{min-height:44px}
.category-stage{grid-template-columns:minmax(290px,.9fr) minmax(0,1.25fr);gap:36px;align-items:stretch}.category-tab{padding:12px 16px;min-height:72px;gap:12px}.category-tab>span{gap:3px}.category-tab strong{font-size:1.15rem;line-height:1.4}.category-tab small{font-size:.875rem;line-height:1.5}.category-visual{min-height:400px;border-radius:12px}.category-visual .visual-image{min-height:300px}.category-visual figcaption{padding:14px 20px}.category-visual figcaption small{font-size:.875rem}.sliding{animation-duration:.28s}
.capability-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:38px;align-items:center}.capability-main .photo-button{height:360px;border-radius:12px}.capability-main img{object-position:center 62%}.capability-copy{display:grid;gap:20px}.capability-copy h3{font-size:1.1rem}.capability-copy p{font-size:.94rem;color:var(--muted);margin-top:6px;line-height:1.7}.capability-secondary{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:24px}.capability-secondary .photo-button{height:220px;border-radius:12px}.capability-secondary img{object-position:center 62%}.home-capability .capability-main .photo-button{height:320px}.home-capability .capability-secondary .photo-button{height:190px}
.industry-links{display:flex;flex-wrap:wrap;gap:4px 24px;padding:0 0 22px}.industry-links a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:.94rem;color:var(--blue)}.industry-links a:hover{text-decoration:underline}.industry-links svg{width:16px}
.project-grid{gap:24px}.project-card img{aspect-ratio:16/10;border-radius:12px}.project-card .image-box{border-radius:12px}.project-card h3{font-size:1.05rem;margin-top:12px}
.partner-wall{margin-top:24px;padding:8px 0;background:transparent;border-radius:0;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.partner-tile{min-height:88px;padding:14px 10px;background:#fff;border:0;border-radius:8px;gap:6px}.partner-tile img{height:52px;max-width:100%}.partner-tile span{display:none}.partner-wall.compact .partner-tile:nth-child(n+13){display:none}.reference-logo{width:104px;height:42px;float:left;margin:0 14px 6px 0;padding:3px}.reference-table td:first-child{min-width:210px}
.credential-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.credential-links :is(a,button){display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line);font-weight:550;line-height:1.5}.credential-links img{width:62px;height:80px;object-fit:contain}.credential-links span{flex:1}.credential-links svg{color:var(--blue)}
.page-intro{padding:28px 0 24px}.page-intro h1{font-size:clamp(2rem,3vw,2.8rem)}.page-intro p{margin-top:12px;line-height:1.7}.page-jumps{display:flex;flex-wrap:wrap;gap:4px 26px;padding:8px 0 18px;margin-bottom:20px;border-bottom:1px solid var(--line)}.page-jumps a{min-height:44px;display:flex;align-items:center;color:var(--blue);font-size:.94rem}.page-jumps a:hover{text-decoration:underline}.manufacturing-cover{height:280px;border-radius:12px}.process-row{padding:20px 0}.equipment-grid{gap:22px}.equipment-grid img{max-height:220px;object-fit:contain}.quality-box{margin-top:28px;padding:26px;border-radius:12px}
.records-section{padding-top:16px}.project-client-link{float:right;margin-top:-12px}.project-client-link+.records-section{clear:both}.table-scroll{margin-top:18px}.data-table td{padding:16px 18px}.data-table th{padding:13px 18px}.data-table{font-variant-numeric:tabular-nums}.filters{flex-wrap:wrap;overflow:visible;margin-top:14px;gap:5px}.filter{padding:8px 13px;font-size:.875rem}.search-wrap{max-width:480px}.catalog-tools{padding-bottom:16px;margin-bottom:24px}.catalog-grid{gap:26px 22px}.product-card .image-box{border-radius:12px}.product-card .card-copy{padding-top:12px}.product-card h2{font-size:1.05rem}
.media-disclosure{margin:24px 0 40px;border-block:1px solid var(--line);padding:0}.media-disclosure summary{cursor:pointer;padding:18px 4px;font-size:1rem;font-weight:600;color:var(--blue)}.media-disclosure[open]{padding-bottom:24px}.media-disclosure[open]>.factory-gallery,.media-disclosure[open]>.partner-wall{animation:disclosure-in .22s ease-out}.factory-gallery{margin-top:20px;gap:24px}.factory-gallery .photo-button{aspect-ratio:16/11}.client-library{margin-top:0}.operation-grid{gap:26px}.operation-grid video{aspect-ratio:16/10;border-radius:12px}
.qualification-context{max-width:76ch;font-size:.9rem;color:var(--muted);line-height:1.7;margin:0 0 12px}.qualification-section{padding-top:28px}.qualification-grid{gap:24px;margin-top:22px}.qualification-photo{padding:16px;border-radius:12px}.qualification-photo img{height:220px}.qualification-grid h3{font-size:1rem;margin-top:12px}.qualification-section h2{font-size:1.5rem}
.about-intro{padding-block:16px 24px;gap:48px}.about-intro h1{font-size:2.3rem}.about-intro>.photo-button{aspect-ratio:3/2;border-radius:12px}.detail-layout{gap:40px}.detail-copy h1{font-size:clamp(2rem,3vw,2.8rem)}.detail-copy .description{margin-top:16px}.detail-photo{border-radius:12px}.contact-grid{gap:48px}.contact-item{padding:17px 0}.contact-form{padding:26px;border-radius:12px;box-shadow:none}.contact-form>.help{margin:10px 0 20px}.field{margin-bottom:14px}.field textarea{min-height:120px}.field input,.field select,.field textarea,.search-wrap input{border-radius:8px}.form-grid{gap:16px}.contact-item dd{font-size:1.05rem}
.cta-band{padding:32px 36px;border-radius:12px;background:linear-gradient(115deg,#eaf1f4,#f1f6f7);gap:28px}.cta-band h2{font-size:1.65rem}.cta-band p{margin-top:10px;font-size:.94rem;max-width:65ch}.site-footer{margin-top:48px;padding-top:36px}.footer-top{padding-bottom:28px;gap:36px}.lightbox,.film-dialog{border-radius:16px;box-shadow:0 20px 64px rgb(35 51 61 / .22)}.lightbox::backdrop,.film-dialog::backdrop{background:rgb(225 232 236 / .46);backdrop-filter:none;-webkit-backdrop-filter:none}.film-dialog{width:min(1120px,calc(100vw - 80px),calc((100dvh - 170px)*16/9));max-height:calc(100dvh - 48px)}.film-heading{padding:16px 22px}.film-dialog video{height:auto;max-height:calc(100dvh - 190px);object-fit:contain}.film-summary{padding:12px 22px 16px}.film-heading p{margin-top:3px}.lightbox{max-height:calc(100dvh - 40px)}.lightbox img{max-height:calc(100dvh - 190px)}.film-button{backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:8px}.gallery-original{font-size:.85rem}.lightbox-bottom .gallery-navigation button{width:44px;height:44px}
::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.26s}@keyframes disclosure-in{from{opacity:.6;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:1450px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.capability-layout{grid-template-columns:1.2fr 1fr;gap:28px}.partner-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.credential-links{gap:16px}.credential-links img{width:46px;height:64px}.category-stage{gap:24px;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr)}}
@media(max-width:740px){
 :root{--section-space:36px}html{scroll-padding-top:94px}body{font-size:16px}.header-shell{height:78px;padding:8px 0}.site-header{min-height:62px;padding:7px 10px}.brand img{width:52px;height:44px}.brand-text strong{font-size:1.05rem}.brand-text span{font-size:.7rem}.home-identity{padding:8px 0 16px}.company-signature{display:none}.mobile-identity{gap:0}.mobile-identity>img{display:none}.mobile-identity strong{font-size:1.05rem;line-height:1.5}.mobile-identity span{font-size:.8rem;line-height:1.5;margin-top:3px}
 .hero{min-height:0;border-radius:12px;background:#fff;color:var(--ink)}.hero-copy{padding:22px 22px 24px;color:var(--ink)}.hero h1{font-size:1.9rem;line-height:1.2}.hero p{font-size:.94rem;line-height:1.7;color:var(--muted);margin-top:12px}.hero-actions{gap:18px;margin-top:18px}.hero-actions .button.white{background:var(--brand-red);color:#fff;box-shadow:none}.hero-actions .text-link{color:var(--blue)}.hero-photo{position:relative;height:190px;aspect-ratio:auto;object-fit:cover;object-position:center 65%}.hero-foot{padding:12px 18px;gap:8px;color:var(--muted);align-items:center;flex-wrap:nowrap}.hero-foot>span{width:auto;flex:1;max-width:none;flex-basis:auto;font-size:.78rem}.hero-foot .film-button{width:auto;flex:none;background:#edf3f5;color:var(--ink);border:0;min-height:44px;font-size:.8rem;padding:8px 10px}
 .section+.section{padding-top:16px}.section-head{gap:12px;margin-bottom:20px}.section-head h2{font-size:1.65rem}.section-head p,.section-lead{font-size:.94rem;line-height:1.7;margin-top:8px}.section-head>.text-link{margin-top:-4px}.category-stage{display:flex;gap:16px}.category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.category-tab{padding:10px 9px;min-height:78px;gap:6px;align-items:flex-start}.category-tab[aria-selected=true]{padding-left:9px}.category-tab strong{font-size:1rem}.category-tab small{font-size:.8rem}.category-tab>span{gap:3px}.category-tab svg{width:15px;margin-top:4px}.category-visual{min-height:0}.category-visual .visual-image{aspect-ratio:16/9;min-height:0}.category-visual figcaption{padding:12px 16px;flex-direction:row;gap:12px;align-items:center}.category-visual figcaption p{font-size:1rem}.category-visual figcaption small{font-size:.8rem}.category-visual figcaption>a{font-size:.8rem;flex:none;gap:6px}
 .capability-layout{grid-template-columns:1fr;gap:20px}.capability-main .photo-button,.home-capability .capability-main .photo-button{height:auto;aspect-ratio:16/10}.capability-copy{gap:16px}.capability-copy h3{font-size:1rem}.capability-copy p{font-size:.9rem}.capability-secondary{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.capability-secondary .photo-button,.home-capability .capability-secondary .photo-button{height:130px}.industry-links{gap:2px 18px;padding-bottom:16px}.industry-links a{font-size:.9rem}.project-grid{grid-template-columns:1fr;gap:20px}.project-card{display:grid;grid-template-columns:128px 1fr;column-gap:16px;align-items:start}.project-card .image-box{grid-row:1/3}.project-card img{aspect-ratio:4/3}.project-card h3{margin-top:5px;font-size:1rem}.project-card p{margin-top:2px}.partner-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.partner-tile{min-height:70px;padding:10px 8px}.partner-tile img{height:40px}.credential-links{grid-template-columns:1fr;gap:0}.credential-links :is(a,button){padding:14px 0}.credential-links img{width:40px;height:52px}.credential-links span{font-size:.94rem}
 .page-intro{padding:20px 0}.page-intro h1{font-size:1.9rem}.page-intro p{font-size:.94rem;margin-top:10px}.page-jumps{gap:0 18px;padding-bottom:10px;margin-bottom:18px}.page-jumps a{font-size:.875rem}.manufacturing-cover{height:190px}.process-row{padding:20px 0;gap:12px;grid-template-columns:32px 1fr}.process-row h3{font-size:1.05rem}.process-row p{font-size:.94rem}.quality-box{padding:20px;margin-top:24px}.qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.qualification-photo{padding:10px}.qualification-photo img{height:170px}.qualification-grid h3{font-size:.9rem}.qualification-section{padding-top:20px}.qualification-context{font-size:.875rem}.qualification-section h2{font-size:1.3rem}.records-section{padding-top:10px}.project-client-link{float:none;margin:0}.data-table td{padding:5px 0}.data-table tr{padding:16px 0}.reference-logo{float:none;width:110px;height:40px;margin:0 0 8px}.search-wrap{max-width:none}.filters{flex-wrap:wrap;gap:4px}.filter{padding:8px 10px;font-size:.85rem}.search-row{gap:10px}.catalog-grid{gap:22px 14px}.catalog-tools{margin-bottom:18px}.product-card{display:block}.product-card .card-copy{padding-top:10px}.product-card h2{font-size:.95rem}.contact-grid{gap:24px}.contact-item{padding:14px 0}.contact-form{padding:22px 18px}.form-grid{gap:0}.copy-button{width:44px;height:44px}.about-intro{gap:22px;padding-block:8px 20px}.about-intro h1{font-size:1.9rem}.detail-layout{gap:24px}.detail-copy h1{font-size:1.9rem}.cta-band{padding:26px 22px;gap:20px}.cta-band h2{font-size:1.5rem}.site-footer{margin-top:36px}.footer-top{gap:24px}.film-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border-radius:14px}.film-heading{padding:14px 16px;gap:12px}.film-heading h2{font-size:1rem}.film-heading p{font-size:.8rem}.film-summary{padding:10px 16px 14px}.film-dialog video{max-height:calc(100dvh - 185px)}.lightbox-bottom{grid-template-columns:auto 1fr auto;gap:8px}.lightbox-bottom .gallery-navigation button{width:44px;height:44px}.gallery-original{font-size:.8rem}.gallery-original svg{display:none}
}
@media(max-width:370px){.catalog-grid{grid-template-columns:1fr}.hero-foot{flex-wrap:wrap}.hero-foot>span{flex-basis:100%}.hero-foot .film-button{width:100%}.category-tab small{font-size:.78rem}.partner-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.category-visual figcaption{flex-wrap:wrap}.lightbox-bottom{gap:5px;padding-inline:10px}.gallery-navigation{gap:3px}.gallery-original{padding-inline:7px}}


/* One company identity; paired languages share the same layout rules. */
body{font-family:Manrope,'PingFang SC','Microsoft YaHei UI','Microsoft YaHei',sans-serif}
.site-header{gap:22px}.brand-text{line-height:1.45;max-width:300px}.brand-text strong{font-size:1.08rem;letter-spacing:0;font-weight:600;white-space:normal}.brand-text span{font-size:.75rem;letter-spacing:0;display:block}.brand img{width:66px;height:54px}.hero{margin-top:14px}.hero h1{font-size:clamp(2.2rem,3vw,3rem)}.hero p{max-width:42em}.desktop-nav{gap:18px;flex-shrink:0}.nav-actions{flex-shrink:0}
.manufacturing-page .section{padding-block:32px}.manufacturing-page h2{font-size:1.55rem}.manufacturing-page .section-head p{font-size:.9rem;line-height:1.6}.manufacturing-page .page-intro{padding-bottom:12px}.manufacturing-page .page-intro h1{font-size:2rem}.manufacturing-page .page-intro p{font-size:.94rem}.manufacturing-page .page-jumps{margin-bottom:14px;padding-bottom:10px}.manufacturing-cover{height:210px;object-position:center 60%}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:18px}.process-row{display:block;padding:12px 0;border-top:1px solid var(--line);border-bottom:0}.process-row .step{font-size:.875rem;display:block;color:var(--muted);margin-bottom:8px;font-variant-numeric:tabular-nums}.process-row h3{font-size:1rem;margin-bottom:8px}.process-row p{font-size:.875rem;line-height:1.65}.equipment-disclosure{margin:10px 0 22px}.equipment-disclosure .section-head{display:none}.manufacturing-page .equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.manufacturing-page .equipment-grid img{height:155px;aspect-ratio:16/10}.manufacturing-page .equipment-grid figcaption{font-size:.875rem}.manufacturing-page .quality-box{padding:18px 22px;margin:16px 0 0}.manufacturing-page .quality-box h3{font-size:1rem}.manufacturing-page .quality-box p{font-size:.875rem;line-height:1.65}.manufacturing-page .data-table{font-size:.875rem;line-height:1.5}.manufacturing-page .data-table td{padding:10px 12px}.manufacturing-page .data-table th{padding:10px 12px;font-size:.825rem}.manufacturing-page .data-table td small{margin-top:3px;font-size:.78rem}.manufacturing-page .filter{font-size:.825rem;min-height:40px;padding:7px 10px}.manufacturing-page .capability-main .photo-button{height:270px}.manufacturing-page .capability-secondary .photo-button{height:165px}.manufacturing-page .capability-copy{gap:14px}.manufacturing-page .capability-copy p{font-size:.875rem}.manufacturing-page .capability-copy h3{font-size:1rem}.manufacturing-page .operation-grid video{max-height:190px;aspect-ratio:16/10}.manufacturing-page .operation-grid h3{font-size:1rem;margin-top:10px}.manufacturing-page .operation-grid p{font-size:.875rem}
.film-controls{display:flex!important;align-items:center;padding:10px 20px;gap:18px;flex-wrap:wrap}.film-quality{display:flex;gap:10px;align-items:center;flex-shrink:0;font-size:.875rem}.film-quality select{font:inherit;min-height:40px;max-width:220px;border:1px solid var(--line);background:#f5f8fa;color:var(--ink);border-radius:8px;padding:6px 10px}.film-dialog video{max-height:calc(100dvh - 250px)}.film-summary{padding-top:0}
@media(max-width:1200px){.brand-text{max-width:245px}.brand-text strong{font-size:1rem}.brand-text span{font-size:.7rem}.desktop-nav{gap:12px}.site-header{gap:14px}}
@media(max-width:740px){.brand img{width:48px;height:40px}.brand-text{max-width:210px}.brand-text strong{font-size:.9rem;line-height:1.35}.brand-text span{font-size:.7rem;line-height:1.4}.site-header{gap:8px}.brand{gap:8px}.header-shell{height:auto;min-height:78px}.hero{margin-top:8px}.hero h1{font-size:1.85rem}.manufacturing-page .section{padding-block:24px}.manufacturing-cover{height:155px}.manufacturing-page .page-intro h1{font-size:1.75rem}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.process-row h3{font-size:.95rem}.process-row p{font-size:.85rem}.manufacturing-page .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manufacturing-page .equipment-grid img{height:125px}.manufacturing-page .data-table td{padding:4px 0}.manufacturing-page .data-table tr{padding:12px 0}.manufacturing-page .capability-main .photo-button{height:auto}.manufacturing-page .capability-secondary .photo-button{height:115px}.film-controls{padding:10px 14px;gap:8px}.film-quality{width:100%;justify-content:space-between}.film-quality select{max-width:75%}.film-dialog video{max-height:calc(100dvh - 250px)}}
@media(max-width:390px){.brand-text{max-width:175px}.brand-text strong{font-size:.84rem}.brand-text span{font-size:.65rem}.site-header{padding-inline:8px}.lang{padding-inline:4px}}
/* The logo artwork provides its own silhouette; no white backing tiles. */
.partner-tile,.reference-logo{background:transparent}.partner-tile{border-bottom:1px solid var(--line);border-radius:0}.partner-tile:hover{background:rgb(226 235 240 / .45)}.partner-tile img{width:140px;height:52px;object-fit:contain}.reference-logo{padding:0}

.manufacturing-intro{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:center;padding-top:20px}.manufacturing-intro .page-intro{padding:0}.manufacturing-intro .manufacturing-cover{width:280px;height:145px;border-radius:10px;object-position:center 45%}.manufacturing-page .page-jumps{margin-top:12px}
@media(max-width:740px){.manufacturing-intro{grid-template-columns:1fr 110px;gap:15px;padding-top:15px}.manufacturing-intro .manufacturing-cover{width:110px;height:100px}.manufacturing-intro .page-intro h1{font-size:1.5rem}.manufacturing-intro .page-intro p{font-size:.85rem}}
/* Manufacturing: visible evidence first, inventory last; compact native photo rails. */
.manufacturing-page .page-intro{padding:24px 0 8px}.manufacturing-page .page-jumps{margin-bottom:0}.manufacturing-page #clean-workshop{padding-top:24px}.manufacturing-page .capability-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:32px}.manufacturing-page .capability-main .photo-button{height:280px}.manufacturing-page .capability-copy{align-content:center}.manufacturing-page #workshop-gallery{margin-top:24px}.manufacturing-page #workshop-gallery h2{font-size:1rem}.photo-rail-block{min-width:0}.rail-heading{align-items:center;margin-bottom:14px;gap:16px}.rail-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.rail-controls span{font-size:.8rem;color:var(--muted);margin-right:8px}.rail-controls .icon-button{width:40px;height:40px;background:#e6edf0;color:var(--ink);border:1px solid var(--line)}.rail-controls [data-rail-step="-1"] svg{transform:rotate(180deg)}.rail-controls button:disabled{opacity:.32;cursor:default}.rail-controls button:not(:disabled):hover{background:#d5e2e8}.photo-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4.2);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#adbdc7 transparent;padding:2px 2px 12px}.photo-rail figure{min-width:0;margin:0;scroll-snap-align:start}.photo-rail .photo-button,.photo-rail .detail-photo{width:100%;height:165px;border-radius:8px;overflow:hidden;background:#e8eef0}.photo-rail .detail-photo{display:flex;align-items:center;justify-content:center}.photo-rail .detail-photo img{height:100%;width:auto;max-width:min(100%,var(--original-width));object-fit:contain}.photo-rail .photo-button img{height:100%;width:100%;object-fit:cover}.photo-rail figcaption{font-size:.82rem;line-height:1.55;margin-top:9px;color:var(--muted)}.manufacturing-page .quality-box{margin:0}.manufacturing-page .quality-box h2{font-size:1.1rem}.manufacturing-page #operations .operation-grid{gap:22px}.manufacturing-page #operations video{aspect-ratio:16/9;max-height:none}.film-controls{display:flex!important;flex-direction:row;min-height:0}.film-controls:has([data-film-status]:empty):has([data-film-retry][hidden]){display:none!important}.film-dialog video{max-height:calc(100dvh - 200px)}
@media(max-width:1000px){.photo-rail{grid-auto-columns:calc((100% - 40px)/3.15)}}
@media(max-width:740px){.manufacturing-page .capability-layout{grid-template-columns:1fr;gap:16px}.manufacturing-page .capability-main .photo-button{height:auto;aspect-ratio:16/9}.manufacturing-page .capability-copy{grid-template-columns:1fr;gap:10px}.manufacturing-page .capability-copy h3{font-size:.9rem}.manufacturing-page .capability-copy p{margin-top:3px}.photo-rail{grid-auto-columns:76%;gap:14px}.photo-rail .photo-button,.photo-rail .detail-photo{height:158px}.manufacturing-page .rail-heading{flex-direction:row;align-items:center;justify-content:space-between}.manufacturing-page .rail-heading h2{font-size:1.1rem;min-width:0}.rail-controls span{display:none}.rail-controls{gap:6px}.brand{min-width:0;flex:1}.brand-text{min-width:0}.brand-text strong{overflow-wrap:normal}.manufacturing-page .page-jumps{column-gap:20px}.film-dialog video{max-height:calc(100dvh - 200px)}}
/* Shared bilingual type roles: page, section, item, body and supporting text. */
:root{--type-page:clamp(1.85rem,2.7vw,2.35rem);--type-section:1.6rem;--type-item:1.08rem;--type-body:1rem;--type-caption:.875rem;--text-leading:1.75}
body{font-family:Manrope,WSChinese,'PingFang SC','Microsoft YaHei UI','Microsoft YaHei',sans-serif;font-size:var(--type-body);line-height:var(--text-leading)}
#main h1{font-size:var(--type-page);line-height:1.3;font-weight:600;letter-spacing:0;text-align:start;text-wrap:balance}
#main .hero h1{font-size:clamp(2.1rem,3vw,3rem);line-height:1.2}
#main h2{font-size:var(--type-section);line-height:1.4;font-weight:600;letter-spacing:0;text-align:start;text-wrap:balance}
#main h3{font-size:var(--type-item);line-height:1.5;font-weight:600;letter-spacing:0;text-align:start;text-wrap:pretty}
#main p{font-size:var(--type-body);line-height:var(--text-leading);letter-spacing:0;max-width:70ch;text-align:start}
#main :is(.section-head,.page-intro) p{margin-top:10px}
#main .section-head{align-items:flex-start;gap:16px 28px;margin-bottom:24px}
#main .section-head>div{min-width:0}
#main .section-head>.text-link{flex-shrink:0;align-self:flex-start;margin-top:0}
#main :is(.section-lead,.about-intro p){margin-top:14px}
#main :is(.process-row p,.capability-copy p,.operation-grid p,.material-grid p){font-size:var(--type-caption);line-height:1.7}
#main :is(figcaption,.card-copy p){font-size:var(--type-caption);line-height:1.6}
#main :is(.catalog-grid .product-card h2,.project-card h3,.qualification-grid h3){font-size:var(--type-item);line-height:1.5}
#main .rail-heading{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:14px}
#main .rail-heading h2{min-width:0}
#main #workshop-gallery h2{font-size:var(--type-item)}
/* Same edge-to-edge photographic treatment as the workshop rail. Originals remain in the viewer. */
#main .photo-rail .detail-photo{background:transparent}
#main .photo-rail .detail-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
#main .photo-rail :is(.detail-photo,.photo-button){height:180px}
/* Qualifications use the page alignment and visible certificate evidence, without empty side columns. */
.qualification-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.qualification-highlight{display:grid;grid-template-columns:84px minmax(0,1fr) 20px;align-items:center;gap:18px;padding:18px 0;border-block:1px solid var(--line);font-size:var(--type-item);font-weight:600;line-height:1.55}
.qualification-highlight img{width:84px;height:112px;object-fit:contain}
.qualification-highlight>svg{color:var(--blue)}
.qualification-highlight:hover span{color:var(--blue)}
.qualification-more{margin-top:18px}
.standards-note{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
#main .standards-note h3{margin-bottom:10px}
#main .standards-note p{max-width:75ch}
#main .about-intro{align-items:start;gap:40px;padding-block:24px}
#main .about-intro>div{max-width:70ch}
#main .about-intro>.photo-button{margin-top:5px;aspect-ratio:4/3}
#main .qualification-section{padding-top:28px}
#main .qualification-grid{margin-top:20px;align-items:start}
#main .qualification-grid h3{margin-top:12px}
.title-unit{white-space:nowrap}
.legal-copy a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--blue)}
.legal-copy a:hover{color:var(--brand-red-ink)}
@media(max-width:1000px){.qualification-highlight-grid{gap:16px}.qualification-highlight{grid-template-columns:64px minmax(0,1fr);gap:12px}.qualification-highlight img{width:64px;height:90px}.qualification-highlight>svg{display:none}}
@media(max-width:740px){
 :root{--type-page:1.85rem;--type-section:1.4rem;--type-item:1.05rem}
 #main .hero h1{font-size:1.95rem}
 #main .section-head{flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:20px}
 #main .rail-heading{flex-direction:row;gap:12px;align-items:center}
 #main .rail-heading h2{font-size:1.15rem}
 #main .photo-rail :is(.detail-photo,.photo-button){height:170px}
 .qualification-highlight-grid{grid-template-columns:1fr;gap:0}
 .qualification-highlight{grid-template-columns:64px minmax(0,1fr) 20px;border-bottom:0;padding-block:14px;gap:16px}
 .qualification-highlight:last-child{border-bottom:1px solid var(--line)}
 .qualification-highlight>svg{display:block}
 #main .about-intro{padding-block:16px;gap:24px}
 #main .about-intro>.photo-button{margin-top:0}
 #main .qualification-grid h3{font-size:1rem}
}
@media(max-width:740px){
 #main .qualification-grid{grid-template-columns:1fr;gap:16px}
 #main .qualification-grid article{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
 #main .qualification-grid .qualification-photo{padding:8px;border-radius:8px}
 #main .qualification-grid .qualification-photo img{height:110px;width:100%;object-fit:contain}
 #main .qualification-grid h3{margin:0;text-wrap:pretty;line-height:1.6}
 html[lang="zh-CN"] .site-header .brand-text span{display:none}
 html[lang="zh-CN"] .site-header .brand-text strong{font-size:.95rem;line-height:1.45}
}

/* Engineering pages use the same type roles in both languages. */
#main :is(.engineering-specs,.technical-links,.engineering-case span,.download-list small){font-size:var(--type-caption);line-height:1.65}
#main :is(.technical-note,.engineering-download p,.industry-references p,.process-group-heading p,.process-media p){font-size:var(--type-caption);line-height:1.65}
#main :is(.process-group-heading h2,.industry-directory h2,.download-list h2){font-size:var(--type-item);line-height:1.5}
#main .technical-note{color:var(--muted);margin-top:18px;max-width:80ch}

/* Manufacturer presentation uses the established shared type hierarchy. */
#main :is(.equipment-showcase h3,.credential-links span){font-size:var(--type-item);line-height:1.5;font-weight:600}
#main :is(.equipment-showcase figcaption span,.equipment-family-nav,.company-contact){font-size:var(--type-caption);line-height:1.6}
#main .section-head h2{font-size:var(--type-section)}
#main .home-capability .capability-copy p{font-size:var(--type-caption)}
@media(min-width:741px){:root{--type-body:.95rem;--type-section:1.5rem;--type-item:1.02rem;--text-leading:1.7}}

/* Shared corporate page titles and photographic bands. */
#main .brand-hero-copy h1{font-size:clamp(2.65rem,4.15vw,4rem);line-height:1.18;font-weight:600;letter-spacing:-.025em;max-width:17em}
#main .brand-hero-copy>p{font-size:1.05rem;line-height:1.75}
#main .brand-hero-foot,.workshop-band-facts{font-size:var(--type-caption);line-height:1.6}
#main .workshop-band-copy h2{font-size:clamp(1.75rem,2.4vw,2.3rem);line-height:1.35;max-width:16em}
#main .qualification-intro h2{font-size:clamp(1.7rem,2.2vw,2.1rem);line-height:1.35;max-width:13em}
#main .page-masthead h1{font-size:clamp(1.75rem,2.35vw,2.25rem);line-height:1.35}
#main .page-masthead-inner>p{font-size:var(--type-body);line-height:1.7}
@media(max-width:740px){
 #main .brand-hero-copy h1{font-size:clamp(1.55rem,7.4vw,2.7rem);line-height:1.25;letter-spacing:-.02em}
 #main .brand-hero-copy>p{font-size:.9rem;line-height:1.65}
 #main .brand-hero-foot{font-size:.75rem}
 #main .brand-hero-foot .film-button{font-size:.8rem}
 #main .workshop-band-copy h2{font-size:1.5rem}
 #main .qualification-intro h2{font-size:1.5rem}
 #main .home-qualifications .credential-links span{font-size:.8rem;line-height:1.55}
 #main .workshop-band-facts{font-size:.75rem;line-height:1.6}
 #main .page-masthead h1{font-size:1.55rem}
 #main .page-masthead-inner>p{font-size:.9rem;line-height:1.6}
 #main .qualification-grid h3{font-size:.9rem;line-height:1.6}
}

/* One display hierarchy for the desktop manufacturing and qualification scenes. */
@media(min-width:1101px) and (min-height:700px) and (pointer:fine){
 #main .story-ready :is(.principal-equipment h2,.workshop-band-copy h2){font-size:clamp(2.4rem,3.5vw,3.4rem);line-height:1.2;font-weight:600;letter-spacing:-.025em;max-width:18ch}
 .home-story-controls{font-size:.9rem;line-height:1.5}
}

@media(min-width:1101px) and (min-height:700px) and (pointer:fine){
 #main .story-ready :is(.qualification-intro h2,.home-projects h2){font-size:clamp(1.45rem,2vw,1.85rem);line-height:1.3;font-weight:600;max-width:20ch}
 #main .story-ready :is(.qualification-intro>.text-link,.home-projects .section-head>.text-link){font-size:.8rem;line-height:1.5}
 #main .story-ready .credential-links span{font-size:.88rem;line-height:1.5}
 .story-ready .story-legal{font-size:.68rem;line-height:1.5}
}

/* Material families: recognizable technical abbreviations and a readable name, not a grade claim. */
.material-mark{font-size:1.35rem;line-height:1.2;font-weight:500;letter-spacing:.01em}
.material-mark-wide{font-size:.8rem;letter-spacing:.03em}
#main .material-grid h3{font-size:clamp(1.08rem,1.5vw,1.22rem);line-height:1.45;font-weight:600;text-wrap:pretty}
@media(max-width:740px){
 .material-mark{font-size:1.05rem}
 .material-mark-wide{font-size:.7rem}
 #main .material-grid h3{font-size:1rem;line-height:1.45}
}

/* The brand artwork is unchanged; header text is compact and consistently aligned. */
.desktop-nav a{font-size:.9rem;font-weight:550;line-height:1.5}
html[lang=en] .desktop-nav a{font-size:.82rem;letter-spacing:-.01em}

/* Corporate display face, reading face and navigation are distinct roles. */
:root{--font-display:'IBM Plex Sans',WSChinese,'PingFang SC','Microsoft YaHei',sans-serif}
#main :is(h1,h2,h3),.desktop-nav,.page-jumps,.home-story-controls{font-family:var(--font-display)}
#main .page-masthead h1{font-size:clamp(2rem,2.6vw,2.55rem);font-weight:600;line-height:1.25}
#main .section-head h2{font-size:clamp(1.55rem,2vw,1.8rem);font-weight:600;line-height:1.35}
#main .page-jumps a{font-size:.94rem;font-weight:600;line-height:1.5;letter-spacing:.025em}
#main .brand-hero-links .text-link{font-family:var(--font-display);font-size:1.12rem;font-weight:600;line-height:1.5}
.home-story-controls button{font-family:var(--font-display);font-size:.96rem;font-weight:550;letter-spacing:.035em;line-height:1.5}
html[lang=en] :is(.page-jumps a,.home-story-controls button){letter-spacing:0}
@media(max-width:740px){
 #main .page-masthead h1{font-size:1.8rem}
 #main .section-head h2{font-size:1.4rem}
 #main .page-jumps a{font-size:.88rem}
 #main .brand-hero-links .text-link{font-size:.98rem}
}

/* Introductions break at authored sentences, then wrap naturally within each sentence. */
#main .page-masthead-inner>p{max-width:var(--measure-lead,70ch)!important;text-wrap:pretty;line-break:strict}
.lead-sentence{display:block;text-wrap:pretty}
#main .page-masthead .lead-sentence{text-wrap:balance;word-break:normal;overflow-wrap:normal}
@media(max-width:740px){
 #main .page-masthead .lead-sentence{display:inline}
}
#main .section-head p{line-break:strict;text-wrap:pretty}
/* Keep sentence boundaries without balancing each sentence into uneven short lines. */
.lead-sentence{text-wrap:pretty}

/* Reading rhythm shared by both languages; keep names complete and grids compact. */
:root{--measure-lead:70ch;--measure-body:66ch}
html[lang="zh-CN"]{--measure-lead:40em;--measure-body:38em}
#main :is(.section-head p,.section-lead,.about-intro p,.standards-note p){max-width:var(--measure-body);line-height:1.75;text-wrap:pretty;line-break:strict}
#main :is(.capability-copy h3,.process-video-grid h3,.product-card h2,.qualification-grid h3){font-weight:600;line-height:1.45;text-wrap:pretty;overflow-wrap:normal;word-break:normal}
#main .section-head h2+p{margin-top:9px}
#main .photo-rail figcaption{line-height:1.55;text-wrap:pretty}
#main .contact-details>h2,#main .contact-form .form-heading h2{font-size:var(--type-section);line-height:1.4;font-weight:600}
#main .contact-form .help{font-size:.9rem;line-height:1.65;margin:10px 0 22px;max-width:60ch}
#main .contact-form .form-note{font-size:.8rem;line-height:1.65;max-width:64ch}
#main .contact-item dt{font-size:.85rem;line-height:1.5}
#main .contact-item dd{font-size:1.08rem;line-height:1.6;font-weight:500}
#main .contact-list{margin:14px 0 0}
#main .contact-details{padding-top:28px}
#main .process-video-grid .process-media{display:flex;flex-direction:column;align-self:stretch;min-width:0}
#main .process-video-grid h3{margin:12px 0 0}
#main .process-video-grid p{margin-top:auto;padding-top:5px}
#main .catalog-grid{align-items:stretch}
#main .catalog-grid .product-card{display:flex;flex-direction:column;min-width:0}
#main .catalog-grid .card-copy{flex:1;align-items:stretch}
#main .catalog-grid .card-copy>div{display:flex;flex-direction:column;min-width:0}
#main .catalog-grid .card-copy p{margin-top:auto;padding-top:5px}
@media(max-width:740px){
 #main .contact-details{padding-top:0}
 #main .contact-details>h2,#main .contact-form .form-heading h2{font-size:1.3rem}
 #main .contact-item{padding-block:14px}
 #main .contact-item dd{font-size:1rem}
 #main :is(.section-head p,.section-lead,.about-intro p){line-height:1.7}
}

/* Humanist Latin display and quieter Chinese weights; official logo remains artwork. */
#main :is(.brand-hero-copy h1,.story-ready .principal-equipment h2,.story-ready .workshop-band-copy h2){font-weight:550}
html[lang="zh-CN"] #main :is(h1,h2){letter-spacing:.012em}
html[lang=en] #main :is(h1,h2){letter-spacing:-.018em}
#main :is(h3,.catalog-grid .product-card h2,.qualification-grid h3){font-weight:550;letter-spacing:0}
html[lang=en] #main .page-masthead h1{font-weight:500;line-height:1.2}
html[lang=en] #main .section-head h2{font-weight:500}

/* MiSans uses native 330 Regular / 450 Demibold / 520 Semibold coordinates. */
html[lang="zh-CN"] body{font-weight:330}
html[lang="zh-CN"] #main h1{font-weight:520}
html[lang="zh-CN"] #main :is(h2,.section-head h2,.workshop-band-copy h2,.qualification-intro h2){font-weight:450}
html[lang="zh-CN"] #main :is(h3,.catalog-grid .product-card h2,.qualification-grid h3,.equipment-showcase h3){font-weight:450}
html[lang="zh-CN"] #main :is(.brand-hero-copy h1,.story-ready .principal-equipment h2,.story-ready .workshop-band-copy h2){font-weight:450}
html[lang="zh-CN"] :is(.desktop-nav a,.page-jumps a,.home-story-controls button,.project-view-tabs button){font-weight:450}
html[lang="zh-CN"] :is(.filter,.text-link,.button,.film-button,.gallery-original,.qualification-highlight){font-weight:450}

/* Shared photographic page openings: title leads, technical explanation supports. */
#main .page-masthead--integrated h1{font-size:clamp(2.2rem,3.4vw,3rem);line-height:1.18;max-width:24ch}
#main .page-masthead--integrated .page-masthead-copy>p{font-size:1rem;max-width:62ch;text-wrap:pretty}
html[lang=en] #main .page-masthead--integrated .page-masthead-copy>p{max-width:58ch}
@media(max-width:740px){
 #main .page-masthead--integrated h1{font-size:1.95rem;line-height:1.2}
 #main .page-masthead--integrated .page-masthead-copy>p{font-size:.925rem;max-width:100%}
}

/* Contact form roles: a clear technical heading, calm field labels, quieter optional metadata. */
#main .contact-form .form-heading h2{font-size:clamp(1.65rem,2vw,2rem);font-weight:450;line-height:1.3;letter-spacing:0}
#main .contact-form .form-heading .help{font-size:.94rem;line-height:1.65;margin:10px 0 26px;max-width:52ch}
#main .contact-form .field label{font-size:.88rem;line-height:1.5;font-weight:450}
#main .contact-form .optional-field label,#main .contact-form .source-field label{color:var(--muted);font-weight:330;font-size:.82rem}
.inquiry-optional>summary{font-size:.875rem;line-height:1.5}
#main .contact-form label span{font-size:.76rem;margin-left:5px}
#main .contact-form :is(input,textarea,select){font:inherit;font-size:1rem;line-height:1.6}
#main .contact-form .requirements-field>label{font-size:1rem;font-weight:450}
#main .contact-form .requirements-field small{font-size:.8rem;line-height:1.6;color:var(--muted)}
#main .contact-form .form-note{font-size:.76rem;line-height:1.6;margin-top:14px;max-width:none}
@media(max-width:740px){
 #main .contact-form .form-heading h2{font-size:1.5rem}
 #main .contact-form .form-heading .help{font-size:.88rem;margin:8px 0 20px}
 #main .contact-form :is(input,textarea,select){font-size:16px}
 #main .contact-form .field label{font-size:.85rem}
 #main .contact-form .optional-field label,#main .contact-form .source-field label{font-size:.8rem}
}

/* Supplier reading hierarchy: section → evidence title → explanation → metadata. */
#main :is(.industry-directory h2,.download-list h2){font-size:1.35rem;line-height:1.4}
html[lang="zh-CN"] #main :is(.industry-directory h2,.download-list h2){font-weight:450}
html[lang=en] #main :is(.industry-directory h2,.download-list h2){font-weight:500}
#main :is(.industry-directory p,.download-list p,.detail-evidence p,.qualification-purpose,.quality-practice-list dd){font-size:var(--type-body);line-height:1.7;text-wrap:pretty;max-width:65ch}
#main .detail-evidence h2{font-size:1.1rem;line-height:1.45;letter-spacing:0}
#main .detail-note{font-size:var(--type-caption);line-height:1.65;max-width:62ch}
#main .quality-practice-list dt{font-family:'IBM Plex Sans',WSChinese,sans-serif;font-size:1.1rem;font-weight:450;line-height:1.5}
#main .form-result h3{font-size:1.2rem;line-height:1.4}
#main .form-result>p{font-size:.94rem;line-height:1.7;max-width:60ch}
html[lang=en] #main :is(.process-media h3,.fabrication-equipment-grid figcaption,.catalog-grid .product-card h2){hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:pretty}
@media(max-width:740px){
 #main :is(.industry-directory h2,.download-list h2){font-size:1.12rem}
 #main :is(.industry-directory p,.download-list p,.detail-evidence p,.qualification-purpose,.quality-practice-list dd){font-size:.925rem;line-height:1.65}
 #main .detail-evidence h2,#main .quality-practice-list dt{font-size:1rem}
 #main .process-video-grid h3{font-size:.94rem;line-height:1.45}
 #main .fabrication-equipment-grid figcaption{font-size:.88rem;line-height:1.5}
}

/* Evidence and navigation have distinct reading roles across both languages. */
#main :is(.section-head>.text-link,.qualification-intro>.text-link,.qualification-more>.text-link,.company-context-nav>.text-link,.equipment-view-links>.text-link){font-size:1.12rem;font-weight:550;line-height:1.5;min-height:44px}
#main .quality-resource-links .resource-title{display:flex;align-items:baseline;gap:10px;font-size:1.35rem;font-weight:600;line-height:1.45}
#main .quality-resource-links .resource-title>span{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px;text-decoration-color:var(--brand-red-ink)}
#main .quality-resource-links small{font-size:.9rem;line-height:1.6;margin-top:10px;max-width:48ch}
#main .qualification-highlight{font-size:1.1rem;font-weight:550;line-height:1.5}
#main .qualification-highlight>span{text-wrap:pretty;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-color:var(--brand-red-ink)}
@media(max-width:740px){
 #main :is(.section-head>.text-link,.qualification-intro>.text-link,.qualification-more>.text-link,.company-context-nav>.text-link,.equipment-view-links>.text-link){font-size:1rem}
 #main .quality-resource-links .resource-title{font-size:1.15rem}
 #main .quality-resource-links small{font-size:.875rem}
 #main .qualification-highlight{font-size:1rem}
}

#main :is(.section-head h2,.qualification-intro h2){font-size:1.8rem;font-weight:550}
html[lang="zh-CN"] #main :is(.section-head h2,.qualification-intro h2){font-weight:520}
html[lang=en] #main :is(.section-head h2,.qualification-intro h2){font-weight:550}
#main .quality-practice-list dt{font-size:1.12rem;font-weight:550;line-height:1.5}
@media(max-width:740px){#main :is(.section-head h2,.qualification-intro h2){font-size:1.45rem}}

/* Reading hierarchy refinement, with the official identity artwork left intact. */
#main .page-masthead--integrated h1{font-size:clamp(2rem,2.85vw,2.65rem);line-height:1.2}
#main .page-masthead--integrated .page-masthead-copy>p{line-height:1.65;max-width:66ch}
html[lang=en] #main .page-masthead--integrated .page-masthead-copy>p{max-width:64ch}
#main .company-milestones dt{font-family:var(--font-display);font-size:1.65rem;font-weight:500;line-height:1.2;color:var(--ink);font-variant-numeric:lining-nums}
#main .company-milestones dd{font-size:var(--type-caption);line-height:1.65;color:var(--muted)}
#main .certificate-purpose{font-size:var(--type-caption);line-height:1.6;color:var(--muted);margin-top:6px;max-width:28ch}

/* Editorial emphasis: evidence leads, navigation and image captions support it. */
#main .detail-media .thumb-row span{font-size:.82rem;line-height:1.5;overflow-wrap:break-word}
#main .quality-practice-list dt{font-size:1.18rem;font-weight:550}
@media(min-width:1101px) and (min-height:700px) and (pointer:fine){
 #main .story-ready .qualification-intro h2{font-size:clamp(1.6rem,2.1vw,2.1rem)}
 #main .story-ready .home-projects h2{font-size:clamp(1.4rem,1.7vw,1.7rem)}
 #main .story-ready .company-contact>.text-link{font-size:1rem}
 #main .story-ready .company-contact>a:not(.text-link){font-size:.9rem}
}
@media(max-width:740px){
 #main .page-masthead--integrated .page-masthead-copy>p{font-size:.925rem;line-height:1.6;margin-top:10px}
 #main .quality-practice-list dt{font-size:1rem}
 #main .quality-practice-list dd{font-size:.875rem;line-height:1.6}
}
#main .profile-download h2{font-size:var(--type-section)}
#main .contact-form label .required-label{font-size:.75rem;line-height:1.5;font-weight:400;white-space:nowrap;margin-inline-start:.45em}
@media(max-width:740px){
 #main .page-masthead--integrated h1{font-size:1.8rem;line-height:1.2}
 #main .page-masthead--integrated .page-masthead-copy>p{font-size:.9rem;line-height:1.6}
 #main .certificate-purpose{font-size:.8125rem;line-height:1.55}
 #main .company-milestones dt{font-size:1.4rem}
 #main .profile-download h2{font-size:1.15rem;line-height:1.4}
 html[lang=en] #main .clean-section>.section-head p{line-height:1.6}
}

/* Equipment photographs: name first, process explanation second. */
#main .fabrication-equipment-grid figcaption h3{font-size:1.125rem;line-height:1.4;font-weight:500;letter-spacing:0}
#main .fabrication-equipment-grid figcaption p{font-size:.875rem;line-height:1.6;color:var(--muted)}
#main .family-feature>.product-card h2{font-size:1.4rem;line-height:1.4}
#main .family-feature .family-focus>h2{font-size:1.35rem;line-height:1.4}
@media(max-width:740px){
 #main .family-feature>.product-card h2{font-size:1.15rem}
 #main .family-feature .family-focus>h2{font-size:1.15rem}
}
@media(max-width:740px){
 #main .fabrication-equipment-grid figcaption h3{font-size:.9375rem}
 #main .fabrication-equipment-grid figcaption p{font-size:.8rem;line-height:1.5}
}

/* Keep the longest protected certificate phrase inside a 320px two-column view. */
@media(max-width:359px){#main .qualification-grid :is(.qualification-technical,.qualification-registration) h3{font-size:.875rem}}
/* Shared paginated photography: no exposed horizontal scrollbar or cropped next card. */
#main .photo-rail{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;overflow:visible;scroll-snap-type:none;padding:0;touch-action:pan-y}
#main .photo-rail>[hidden]{display:none!important}
#main .photo-rail :is(.photo-button,.detail-photo){height:auto;aspect-ratio:8/5}
#main .photo-rail figcaption{min-height:3.2em}
#main .rail-controls [data-rail-status]{display:block;min-width:65px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#main .rail-controls .icon-button{width:44px;height:44px}
.table-scroll{overflow:visible}.data-table{table-layout:fixed}.data-table :is(th,td){overflow-wrap:anywhere}
/* Product preview uses the actual photograph as its surface. */
#main .category-stage{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:stretch}
#main .category-visual{background:transparent;border-radius:0;min-height:0;overflow:visible}
#main .category-visual .visual-image{background:transparent;min-height:0;border-radius:12px;overflow:hidden;aspect-ratio:16/10}
#main .category-visual img{background:transparent;object-fit:cover;object-position:center;width:100%;height:100%}
#main .category-visual figcaption{background:transparent;padding:14px 0 0;align-items:start;min-height:72px}
#main .category-visual figcaption>a{flex-shrink:0}
#main .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#main .project-card{min-width:0}
#main .project-card .image-box{aspect-ratio:16/10;width:100%;overflow:hidden}
#main .project-card img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}
/* Equal language-independent navigation slots prevent movement on a language switch. */
@media(min-width:1201px){
 .site-header{display:grid;grid-template-columns:minmax(280px,1fr) minmax(490px,600px) minmax(230px,1fr);gap:16px}
 .site-header>.brand{min-width:0;justify-self:start}
 .desktop-nav{display:grid;grid-template-columns:.8fr 1fr 1.45fr 1fr 1.1fr 1fr;gap:0;width:100%;justify-self:center}
 .desktop-nav a{display:flex;justify-content:center;white-space:nowrap;font-size:.94rem;padding-inline:6px}
 .nav-actions{justify-self:end;display:grid;grid-template-columns:64px 174px;gap:10px;align-items:center}
 .nav-actions .lang{width:64px;justify-content:center}
 .header-inquiry .button{width:174px;justify-content:center;white-space:nowrap;font-size:.875rem;padding-inline:12px}
 .menu-toggle{display:none}.mobile-nav{display:none!important}
}
@media(max-width:1200px){.desktop-nav,.header-inquiry{display:none}.menu-toggle{display:flex}.site-header{display:flex;justify-content:space-between}.nav-actions{margin-left:auto;display:flex;gap:8px}.nav-actions .lang{min-width:58px;justify-content:center}.mobile-nav.open{display:grid}}
@media(max-width:1100px){#main .photo-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){
 #main .photo-rail{grid-template-columns:1fr;gap:0}
 #main .photo-rail figcaption{min-height:3.2em}
 #main .rail-controls{gap:6px}#main .rail-controls [data-rail-status]{font-size:.75rem;min-width:48px;margin-right:0}
 #main .rail-heading{gap:10px}#main .rail-heading h2{font-size:1.1rem}
 #main .category-stage{display:flex;flex-direction:column;gap:18px}
 #main .category-visual .visual-image{aspect-ratio:4/3}
 #main .category-visual figcaption{min-height:0;flex-wrap:wrap;gap:6px 14px}
 #main .project-grid{grid-template-columns:1fr;gap:20px}
 #main .project-card{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:16px;align-items:start}
 #main .project-card .image-box{grid-row:1/3;aspect-ratio:4/3}
 #main .project-card img{aspect-ratio:4/3}
 #main .project-card h3{margin-top:0}#main .project-card p{margin-top:4px}
}
#main .category-nav{align-self:stretch;justify-content:flex-start;padding-top:0}
@media(min-width:1201px){.site-header{height:72px;min-height:72px;align-items:center}.nav-actions{grid-template-columns:76px 174px;gap:8px}.nav-actions .lang{width:76px;padding-inline:4px;gap:6px;white-space:nowrap}.site-header .brand{min-width:0;width:100%}.site-header .brand-text{min-width:0;max-width:calc(100% - 80px)}}
@media(max-width:740px){#main .category-nav{display:grid;grid-template-columns:1fr;width:100%;gap:0}#main .category-tab{min-height:64px;padding:10px 8px}#main .category-tab strong{font-size:1rem}#main .category-tab small{font-size:.875rem}}
/* Let the six category rows set the desktop height; both columns share the same bottom edge. */
@media(min-width:741px){
 #main .category-nav{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(72px,1fr));gap:0}
 #main .category-tab{height:100%;min-height:72px;align-items:center}
 #main .category-visual{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;align-self:stretch}
 #main .category-visual .visual-image{aspect-ratio:auto;min-height:0;height:100%}
 #main .category-visual figcaption{min-height:0;padding-top:14px;padding-bottom:0;align-items:center}
}

/* The complete client logo overview stays visible above the project records. */
#main .client-overview{padding:14px 0 28px}
#main .client-overview .section-head{margin-bottom:12px}
#main .client-overview .partner-wall{margin-top:0}

/* Manufacturing shares the site's wrap; scale the lead photograph within that width. */
@media(min-width:741px){
 #main .manufacturing-page .capability-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:36px}
 #main .manufacturing-page .capability-main .photo-button{height:clamp(240px,21vw,330px)}
}

/* Single shared image-viewing affordance. The full image remains the hit target. */
#main button:is(.photo-button,.detail-photo)>.zoom-label{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:44px;height:44px;gap:0;padding:0;border-radius:10px;font-size:0;line-height:1;color:#f4f8fa;background:rgb(38 64 77 / .82);box-shadow:0 3px 8px rgb(8 23 30 / .12);opacity:.94;pointer-events:none;transition:background-color .16s ease-out,opacity .16s ease-out,transform .18s var(--motion-ease)}
#main button:is(.photo-button,.detail-photo)>.zoom-label svg{width:19px;height:19px;color:inherit}
#main button:is(.photo-button,.detail-photo):is(:hover,:focus-visible)>.zoom-label{background:rgb(38 64 77 / .94);opacity:1;transform:translateY(-1px)}
#main button:is(.photo-button,.detail-photo):active>.zoom-label{transform:translateY(0);opacity:1}
@media(max-width:740px){#main button:is(.photo-button,.detail-photo)>.zoom-label{right:6px;bottom:6px}}
/* Keep real equipment visible instead of forcing every photograph into a wide crop. */
#main .catalog-grid .image-box{aspect-ratio:4/3;background:transparent}
#main .catalog-grid .image-box img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
/* A catalogue is a subject preview; the detail page retains the uncropped photograph. */
#main .product-card[data-image-shape="panoramic"] .image-box img{object-fit:cover;object-position:65% center}
#main .product-card[data-image-shape="portrait"] .image-box img{object-fit:contain}
#main .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1450px){#main .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
#main .detail-layout .detail-photo{background:transparent}
#main .detail-layout .detail-photo>img{aspect-ratio:auto;height:auto;width:100%;object-fit:contain}
#main .category-tab[data-image*="tube-bundle"]{scroll-margin-top:100px}
/* Direct contact precedes the optional preparation form. */
.contact-direct{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 24px}
.contact-direct .button{min-height:46px}
#main .contact-form .field label span{font-weight:400;color:var(--muted)}
.mobile-contact-bar{display:none}
/* Video previews stay light; the shared player loads only after selection. */
.operation-preview{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;aspect-ratio:16/10;border-radius:10px;overflow:hidden}
.operation-preview img{width:100%;height:100%;object-fit:cover;object-position:center}
.operation-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;background:rgb(255 255 255 / .94);border-radius:50%;color:var(--ink);box-shadow:0 3px 12px rgb(0 0 0 / .18)}
.operation-preview:active .operation-play{transform:translate(-50%,-50%) scale(.94)}
.operation-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;font-size:.875rem}
.operation-status:has([data-operation-status]:empty):has([data-operation-retry][hidden]){display:none}
.operation-status [hidden]{display:none!important}
#operation-video{aspect-ratio:auto;object-fit:contain;max-height:65dvh;background:var(--paper)}
.record-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
.record-pagination [data-record-page]{min-width:55px;text-align:center;font-size:.875rem;font-variant-numeric:tabular-nums}
.record-pagination .button{min-height:44px}
#main [data-record][hidden],#main [data-product-card][hidden],#main [data-record-empty][hidden]{display:none!important}
@media(max-width:740px){
 :root{--section-space:28px;--type-page:1.7rem;--type-section:1.3rem;--type-item:.95rem;--type-caption:.875rem;--text-leading:1.6}
 body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
 #main .section,#main .manufacturing-page .section{padding-block:24px}
 #main .section+.section{padding-top:12px}
 #main .page-intro{padding:16px 0 18px}
 #main .section-head{gap:6px;margin-bottom:14px}
 #main .section-head p,#main .page-intro p{margin-top:6px;font-size:.9375rem;line-height:1.6}
 #main .section-head>.text-link{min-height:40px}
 #main .page-jumps{gap:0 14px;margin:0 0 10px;padding:0 0 8px}
 #main .page-jumps a{min-height:40px;font-size:.875rem}
 /* Equal action rows and shorter copy in both languages. */
 #main .hero-copy{padding:18px}
 #main .hero h1{font-size:1.8rem;line-height:1.2;text-wrap:normal}
 html[lang="en"] #main .hero h1{font-size:clamp(1.5rem,6.5vw,1.8rem)}
 #main .hero p{font-size:.9375rem;line-height:1.6;margin-top:10px}
 #main .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
 #main .hero-actions>a{justify-content:center;min-width:0;font-size:.875rem;padding-inline:8px;gap:6px;white-space:nowrap}
 #main .hero-photo{height:155px;object-position:center 60%}
 #main .hero-foot{padding:8px 12px;gap:8px}
 #main .hero-foot>span{font-size:.75rem;line-height:1.45}
 #main .hero-foot .film-button{min-height:44px;font-size:.75rem;padding:6px 8px;gap:5px}
 #main .category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 #main .category-tab{min-height:62px;padding:10px 4px;gap:5px}
 #main .category-tab strong{font-size:.9375rem;line-height:1.45}
 #main .category-tab small{display:none}
 #main .category-tab svg{width:16px;margin-top:3px}
 #main .category-visual .visual-image{aspect-ratio:16/10}
 #main .category-visual figcaption{padding-top:10px;gap:4px 10px}
 #main .category-visual figcaption p{font-size:.9375rem}
 #main .category-visual figcaption small{font-size:.875rem;line-height:1.5}
 #main .category-visual figcaption>a{font-size:.875rem;min-height:40px}
 /* Two photographs and videos per row, without horizontal scrollbars. */
 #main .photo-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #main .photo-rail :is(.photo-button,.detail-photo){aspect-ratio:4/3;height:auto}
 #main .photo-rail figcaption{font-size:.875rem;line-height:1.45;margin-top:7px;min-height:2.9em}
 #main .rail-heading h2{font-size:1rem}
 #main .rail-controls [data-rail-status]{font-size:.75rem;min-width:48px}
 #main .rail-controls .icon-button{width:44px;height:44px}
 #main .capability-layout,#main .manufacturing-page .capability-layout{gap:14px}
 #main .capability-main .photo-button,#main .manufacturing-page .capability-main .photo-button{aspect-ratio:16/9;height:auto}
 #main .capability-copy{gap:10px}
 #main .capability-copy>div{display:grid;grid-template-columns:1fr;gap:3px}
 #main .capability-copy h3{font-size:.9375rem}
 #main .capability-copy p{font-size:.875rem;margin-top:0;line-height:1.5}
 #main .capability-secondary{gap:12px;margin-top:14px}
 #main .capability-secondary .photo-button{height:105px}
 #main #workshop-gallery{margin-top:18px}
 #main .process-grid{gap:14px;margin-top:12px}
 #main .process-row{padding-top:10px}
 #main .process-row h3{font-size:.9375rem;margin-bottom:5px}
 #main .process-row p{font-size:.875rem;line-height:1.55}
 #main .process-row .step{margin-bottom:5px}
 #main .operation-grid,#main .manufacturing-page #operations .operation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 #main .operation-grid h3{font-size:.9375rem;line-height:1.5;margin-top:7px}
 .operation-preview{aspect-ratio:4/3;border-radius:8px}
 /* Four compact logo cells; the full overview is retained. */
 #main .partner-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px;padding:0}
 #main .partner-tile{min-height:54px;padding:8px 2px}
 #main .partner-tile img{width:100%;height:34px;object-fit:contain}
 #main .client-overview{padding:0 0 18px}
 #main .client-overview .section-head{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
 #main .client-overview .section-head>.text-link{font-size:.875rem}
 /* Preserve all fields, but place independent records side by side. */
 #main .data-table,#main .data-table tbody{display:block;width:100%;font-size:.875rem}
 #main .data-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #main .data-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:5px 8px;padding:12px 0;border-bottom:1px solid var(--line);width:100%!important;min-width:0}
 #main .data-table td{display:block;grid-column:1/-1;padding:0;width:auto!important;min-width:0!important;font-size:.875rem;line-height:1.55;border:0;overflow-wrap:anywhere}
 #main .data-table td:first-child strong{font-size:.9375rem;line-height:1.5}
 #main .data-table td small{font-size:.8125rem;line-height:1.5;margin-top:3px}
 #main .data-table td:before{display:inline;font-size:.8125rem;margin:0 5px 0 0;color:var(--muted)}
 #main .data-table td:first-child:before{display:none}
 #main .inventory-table td:nth-child(2){grid-column:1}
 #main .inventory-table td:nth-child(2){overflow-wrap:normal;word-break:normal}
 #main .inventory-table td:nth-child(2):before{display:block;margin:0 0 2px}
 #main #inspection-inventory .inventory-record-meta>small{display:none}
 #main .inventory-table td:nth-child(3){grid-column:2;text-align:right}
 #main .reference-logo{float:none;width:94px;height:30px;object-fit:contain;margin:0 0 6px}
 #main .search-row{gap:10px;align-items:stretch}
 #main .search-wrap{width:100%}
 #main .filters{gap:4px;margin-top:10px}
 #main .filter{min-height:40px;padding:7px 9px;font-size:.8125rem}
 #main .table-scroll{margin-top:12px}
 #main .record-pagination{gap:12px;margin-top:16px}
 #main .record-pagination .button{font-size:.875rem;min-width:92px}
 #main .record-note{font-size:.8125rem;line-height:1.55;margin-top:16px}
 #main .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 #main .catalog-grid .image-box{aspect-ratio:4/3}
 #main .catalog-grid .product-card h2{font-size:.9375rem;line-height:1.5}
 #main .catalog-grid .card-copy{padding-top:8px}
 #main .catalog-grid .card-copy p{font-size:.8125rem}
 #main .catalog-tools{margin-bottom:16px}
 #main .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 #main .project-card{display:block}
 #main .project-card .image-box{aspect-ratio:4/3}
 #main .project-card h3{font-size:.9375rem;margin-top:8px}
 #main .project-card p{font-size:.8125rem;margin-top:4px}
 #main .industry-links{gap:0 14px;padding-bottom:12px}
 #main .industry-links a{font-size:.875rem;min-height:40px;gap:6px}
 #main .qualification-highlight-grid,#main .qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #main .qualification-highlight{grid-template-columns:44px minmax(0,1fr);gap:9px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}
 #main .qualification-highlight img{width:44px;height:65px}
 #main .qualification-highlight>svg{display:none}
 #main .qualification-grid article{grid-template-columns:52px minmax(0,1fr);gap:9px;padding-bottom:12px}
 #main .qualification-grid .qualification-photo{padding:5px}
 #main .qualification-grid .qualification-photo img{height:75px}
 #main .qualification-grid h3{font-size:.875rem;line-height:1.55}
 #main .credential-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
 #main .credential-links :is(a,button){gap:9px;padding:12px 0;align-items:center}
 #main .credential-links img{width:40px;height:58px}
 #main .credential-links span{font-size:.875rem}
 #main .credential-links svg{display:none}
 #main .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #main .material-grid article{padding:12px 0}
 #main .material-grid h3{font-size:.9375rem}
 #main .material-grid p{font-size:.875rem;line-height:1.5;margin-top:5px}
 #main .contact-direct{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
 #main .contact-direct .button{font-size:.875rem;padding-inline:8px;gap:6px}
 #main .contact-direct>.text-link{grid-column:1/-1;justify-self:start;min-height:40px;font-size:.875rem}
 #main .contact-grid{gap:20px}
 #main .contact-item{padding:10px 0}
 #main .contact-item dt{font-size:.8125rem}
 #main .contact-item dd{font-size:1rem}
 #main .contact-form{padding:20px 16px}
 #main .contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 #main .contact-form .field{margin-bottom:12px}
 #main .contact-form label{font-size:.875rem}
 #main .contact-form :is(input,textarea){font-size:16px}
 #main .cta-band{padding:20px;gap:14px}
 #main .cta-band p{font-size:.9375rem;margin-top:8px}
 .site-footer{margin-top:24px;padding-top:24px}
 .footer-top{gap:22px;padding-bottom:20px}
 .mobile-contact-bar{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--white);border-top:1px solid var(--line);padding:4px 16px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -3px 14px rgb(38 52 62 / .05)}
 .mobile-contact-bar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;font-size:.9375rem;font-weight:600;color:var(--ink)}
 .mobile-contact-bar a:last-child{color:var(--brand-red);border-left:1px solid var(--line)}
 body.locked .mobile-contact-bar,body:has(input:focus,textarea:focus,select:focus) .mobile-contact-bar{display:none}
 .back-top{bottom:calc(72px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){#main .partner-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-text strong{font-size:.85rem!important}#main .data-table tbody{gap:10px}#main .hero-actions{gap:6px}#main .hero-actions>a{font-size:.8125rem}}

.mobile-filter-select{display:none}
@media(max-width:740px){
 #main :is([data-records],.catalog-tools)>.filters,#main .catalog-tools .filters{display:none}
 #main .mobile-filter-select{display:block;width:100%;min-height:44px;font:inherit;font-size:16px;line-height:1.4;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-top:10px}
}
@media(max-width:740px){
 #main .inventory-table td:nth-child(2),#main .inventory-table td:nth-child(3){grid-column:1/-1;text-align:left}
 #main .mobile-filter-select{appearance:none;-webkit-appearance:none;height:44px;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23536771' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px}
}

/* Inventory retains two compact records per row; omit only empty fields on phones. */
.inventory-mobile-quantity{display:none}
@media(max-width:740px){
 #main .inventory-table td.inventory-field-empty,#main .inventory-table td.quantity{display:none}
 #main .inventory-table .inventory-record-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:4px}
 #main .inventory-table .inventory-record-meta small{margin:0}
 #main .inventory-table .inventory-mobile-quantity{display:inline;font-size:.8125rem;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
}
/* Technical editorial layouts extend the established brand. No extra media runtime. */
.engineering-page,.engineering-page>*{min-width:0}
.engineering-lead,.industry-evidence{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.engineering-lead .evidence-photo{display:block;width:100%;background:transparent;overflow:hidden;border-radius:12px}
.engineering-lead .evidence-photo>img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}
.engineering-specs{margin:18px 0 0}
.engineering-specs>div{display:grid;grid-template-columns:minmax(110px,.32fr) minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}
.engineering-specs dt{font-weight:600;color:var(--ink)}
.engineering-specs dd{margin:0;color:var(--muted);overflow-wrap:break-word}
.technical-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin:18px 0}
.family-focus{padding-block:30px 8px}
.family-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px}
.family-focus-grid>div{min-width:0}
.family-focus-grid dt{font-size:var(--type-item);line-height:1.5;font-weight:600;color:var(--ink);text-wrap:pretty}
.family-focus-grid dd{margin:8px 0 0;font-size:var(--type-caption);line-height:1.75;color:var(--muted)}
.family-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px;padding-block:28px 34px}
.family-feature>*{min-width:0}
#main .family-feature>.product-card{display:block;width:100%;max-width:var(--family-native-limit,820px)}
#main .family-feature .image-box{aspect-ratio:var(--photo-aspect,4/3);background:transparent}
#main .family-feature .image-box img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.family-feature .family-focus{padding:0}
.family-feature .family-focus-grid{grid-template-columns:1fr;gap:18px}
#main .family-feature .technical-links{margin:22px 0 0;gap:6px 24px;padding:0;border:0}
.family-photographs{margin-top:8px}
@media(max-width:1000px) and (min-width:741px){.family-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}}
@media(max-width:740px){
 .family-feature{grid-template-columns:1fr;gap:22px;padding-block:20px 24px}
 .family-feature .family-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 #main .family-feature .technical-links{margin-top:16px}
 .family-photographs{margin-top:0}
}
@media(max-width:740px){.family-focus{padding-top:24px}.family-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.family-focus-grid>div:last-child:nth-child(odd){grid-column:1/-1}}
.technical-links .text-link{min-height:44px}
.catalog-tools{margin-top:20px}
.engineering-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.engineering-case{display:block;min-width:0}
.engineering-case .case-image{aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:transparent}
.engineering-case img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}
.engineering-case:hover img{transform:scale(1.025)}
.engineering-case:active img{transform:scale(1.01)}
.engineering-case h3{margin:12px 0 6px}
.engineering-case span{display:flex;gap:12px;justify-content:space-between;align-items:center;color:var(--muted)}
.engineering-case span svg{flex:none;width:20px;height:20px;color:var(--blue)}
.engineering-featured{margin-top:14px}
.engineering-download{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0;padding:24px 0;border-block:1px solid var(--line)}
.engineering-download>div{min-width:0}.engineering-download>.text-link{flex-shrink:0;min-height:44px}
.engineering-download p{margin-top:6px}
.related-case-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px}
.case-gallery .evidence-photo{width:100%;background:transparent}
.case-gallery img{width:100%;height:auto;max-height:420px;object-fit:contain}
.industry-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.industry-directory>a{position:relative;display:block;padding:24px 36px 24px 0;border-top:1px solid var(--line)}
.industry-directory>a>svg{position:absolute;right:0;top:28px;width:22px;height:22px;color:var(--blue)}
.industry-directory p{margin-top:10px}
.industry-evidence{padding-block:24px;align-items:center}
.industry-evidence .photo-button{width:100%;aspect-ratio:16/10}
.industry-evidence .photo-button>img{width:100%;height:100%;object-fit:cover}
.industry-evidence p{margin-top:14px}
.industry-references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.industry-references article{min-width:0;padding:18px 0;border-block:1px solid var(--line)}
.industry-references .reference-logo{display:block;float:none;width:134px;height:54px;margin:0 0 12px;object-fit:contain;object-position:left center}
.industry-references h3{clear:both}.industry-references p{margin-top:8px}
.download-list article{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.download-list article>div{min-width:0}.download-list .button{flex-shrink:0}
.download-list p{margin-top:8px}.download-list small{display:block;color:var(--muted);margin-top:8px}
.process-group{padding:24px 0;border-top:1px solid var(--line);scroll-margin-top:120px}
.process-group-heading{display:grid;grid-template-columns:minmax(200px,.45fr) minmax(0,1fr);gap:24px;margin-bottom:18px;align-items:baseline}
.process-evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.process-media{min-width:0}
.process-media :is(.operation-preview,.evidence-photo,.photo-button){display:block;position:relative;width:100%;height:auto;aspect-ratio:8/5;border:0;border-radius:10px;overflow:hidden;background:transparent;padding:0}
.process-media :is(.evidence-photo,.photo-button)>img{width:100%;height:100%;object-fit:cover}
.process-media h3{margin-top:10px}
.process-media p{color:var(--muted);margin-top:3px}
.inspection-notes{padding-top:20px}
#inspection .process-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
#main .category-visual .visual-image img{object-fit:contain;background:transparent}
#main .home-projects .engineering-cases{margin-block:20px 28px}
@media(max-width:1000px){
 .engineering-lead,.industry-evidence{gap:24px}
 .process-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .industry-references{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:740px){
 .engineering-lead,.industry-evidence{grid-template-columns:1fr;gap:18px}
 .engineering-lead .evidence-photo>img{max-height:320px}
 .engineering-specs>div{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0}
 .engineering-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
 .engineering-case h3{margin-top:8px}
 .engineering-case span{gap:8px}
 .engineering-download{gap:12px;align-items:start;margin-block:20px;padding-block:18px}
 .engineering-download>.text-link{flex-shrink:1;min-width:70px}
 .technical-links{gap:4px 20px;margin-block:12px}
 .industry-directory{grid-template-columns:1fr}
 .industry-directory>a{padding-block:18px}
 .industry-references{gap:18px 14px}
 .industry-references .reference-logo{max-width:100%;height:44px}
 .download-list article{gap:14px;align-items:start;padding-block:18px}
 .download-list .button{padding-inline:12px;min-height:44px}
 .process-group{padding-block:18px}
 .process-group-heading{grid-template-columns:1fr;gap:6px;margin-bottom:14px}
 .process-evidence-grid{gap:16px 14px}
 .case-gallery{gap:14px}
 #inspection .process-evidence-grid{max-width:none}
}

/* Let long English download labels retain their intrinsic width on narrow screens. */
@media(max-width:740px){.engineering-download{flex-direction:column}.engineering-download>.text-link{flex-shrink:0;min-width:0}.engineering-specs dt{overflow-wrap:break-word}.technical-links .text-link{max-width:100%}}
.detail-copy .engineering-specs{margin-bottom:22px}
@media(max-width:740px){
 .download-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px}
 .download-list article>div{display:contents}
 .download-list h2{grid-column:1;grid-row:1;align-self:center}
 .download-list .button{grid-column:2;grid-row:1}
 .download-list :is(p,small){grid-column:1/-1}
}

/* Industry navigation leads to source-backed references, without illustrative factory imagery. */
#main .industry-directory>a{display:block;padding:28px 40px 28px 0}
.industry-directory h2{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;text-decoration-color:rgb(9 83 108 / .45)}
.industry-directory>a:hover h2{color:var(--blue)}
#main .download-list .profile-download{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1fr) auto;gap:32px;padding:8px 0 36px;align-items:center}
.profile-preview{display:block;border-radius:8px;overflow:hidden;max-width:420px;transition:box-shadow .22s ease}
.profile-preview img{display:block;width:100%;height:auto;aspect-ratio:3/2;transition:filter .22s ease}
.profile-preview:hover{box-shadow:0 8px 22px rgb(29 52 65 / .14)}
.profile-preview:hover img{filter:brightness(1.03)}
.profile-preview:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.profile-download-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 20px;max-width:320px}
.profile-download-actions>.text-link{min-height:44px;white-space:nowrap}
.profile-download-actions>.button{white-space:nowrap}
@media(max-width:1100px) and (min-width:741px){
 #main .industry-directory>a{padding-right:32px}
 #main .download-list .profile-download{grid-template-columns:240px minmax(0,1fr);gap:18px 28px}
 .profile-download .profile-preview{grid-row:1/3}
 #main .profile-download .button{grid-column:2;justify-self:start}
 #main .profile-download>.profile-download-actions{grid-column:2;justify-content:flex-start;max-width:none}
}
@media(max-width:740px){
 #main .industry-directory>a{padding:20px 26px 20px 0}
 #main .industry-directory p{font-size:.875rem;line-height:1.6;margin-top:8px}
 .industry-directory>a>svg{width:16px;height:16px}
 #main .download-list .profile-download{grid-template-columns:104px minmax(0,1fr);gap:14px 18px;padding-bottom:28px;align-items:start}
 #main .profile-download>.profile-preview{grid-column:1;grid-row:1/3}
 #main .profile-download>div{display:block;grid-column:2;grid-row:1}
 #main .profile-download>.profile-download-actions{display:flex;grid-column:2;grid-row:2;justify-content:flex-start;gap:4px 14px;max-width:none}
 #main .profile-download .button{grid-column:2;grid-row:2;justify-self:start}
 #main .profile-download p{font-size:.875rem;line-height:1.6}
}
/* Manufacturer presentation: quiet surfaces, real fabrication photographs, fewer repeated actions. */
:root{--paper:#f6f7f7;--ink:#243139;--muted:#53636c;--line:#d7dee1}
.site-header{border-radius:10px;box-shadow:0 6px 20px rgb(25 42 50 / .055)}
.header-inquiry .button{background:transparent;color:var(--ink);box-shadow:none;border:1px solid var(--line);border-radius:6px;padding:10px 16px}
.header-inquiry .button:hover{background:#edf1f2;transform:none;box-shadow:none}
.header-inquiry .button:active{background:#e4e9eb}
#main .hero{height:380px;min-height:0;border-radius:10px}
#main .hero-copy{max-width:720px;padding:32px 38px}
#main .hero-copy p{max-width:38em}
#main .hero-actions{display:flex;gap:28px;margin-top:22px}
#main .hero-actions .text-link{color:#fff;border-bottom:1px solid rgb(255 255 255 / .55);min-height:44px;padding:4px 0}
#main .hero-foot{padding:18px 28px}
#main .section{padding-block:38px}
#main .section+.section{padding-top:28px}
#main .section-head{margin-bottom:22px;align-items:baseline}
#main .section-head>.text-link{align-self:flex-start}
#main .page-intro{padding-block:28px 24px}
#main .page-intro>p{max-width:65ch}
.equipment-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.equipment-showcase figure{margin:0;min-width:0}
#main .equipment-showcase .evidence-photo{display:block;aspect-ratio:4/3;width:100%;border-radius:8px;background:transparent;overflow:hidden}
#main .equipment-showcase .evidence-photo>img{display:block;aspect-ratio:4/3;width:100%;height:100%;object-fit:cover;transition:transform .28s ease-out}
.equipment-showcase .evidence-photo:hover>img{transform:scale(1.02)}
.equipment-showcase figcaption{padding:12px 0 0}
.equipment-showcase figcaption span{display:block;margin-top:3px;color:var(--muted)}
.equipment-family-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--line);margin-top:24px}
.equipment-family-nav .text-link{justify-content:space-between;min-height:50px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);gap:12px}
.equipment-family-nav .text-link:hover{color:var(--blue)}
.equipment-family-nav svg{width:18px;height:18px;flex-shrink:0}
#main .home-capability .capability-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:34px;align-items:center}
#main .home-capability .capability-main .photo-button{height:290px;border-radius:8px}
#main .home-capability .capability-secondary{display:none}
#main .home-capability .capability-copy{gap:18px}
#main .home-capability .capability-copy>div{padding-bottom:14px;border-bottom:1px solid var(--line)}
#main .home-qualifications .credential-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#main .home-qualifications .credential-links :is(a,button){display:grid;grid-template-columns:82px minmax(0,1fr) 18px;gap:18px;align-items:center;padding:18px 0;border-block:1px solid var(--line)}
#main .home-qualifications .credential-links img{width:82px;height:108px;object-fit:contain}
#main .home-qualifications .credential-links svg{width:18px;height:18px}
#main .home-projects .industry-links{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:12px}
#main .home-projects .partner-tile{min-height:90px}
.company-contact{display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px;padding-block:24px;border-block:1px solid var(--line);margin-top:30px}
.company-contact strong{margin-right:auto}
.company-contact>a{min-height:44px;display:inline-flex;align-items:center}
.company-contact>a:not(.text-link){font-variant-numeric:tabular-nums;color:var(--muted)}
.site-footer{margin-top:32px}
#main .catalog-grid{gap:28px 22px}
#main .product-card .image-box{border-radius:8px}
#main .product-card:hover .image-box{transform:none;box-shadow:none}
#main .product-card .card-copy{padding-top:10px}
#main .product-card .card-copy>svg{width:18px;height:18px}
#main .detail-layout{grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr);gap:40px;margin-top:24px}
#main .detail-copy .description{margin-top:16px}
#main .detail-meta{margin-block:20px}
#main .detail-note{margin-top:14px}
#main .equipment-context{padding-block:12px;border-bottom:1px solid var(--line);margin-bottom:0}
#main .engineering-lead{grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr);align-items:center;gap:40px}
#main .engineering-lead .evidence-photo>img{max-height:380px}
#main .material-grid{gap:0 24px;grid-template-columns:repeat(3,minmax(0,1fr))}
#main .material-grid article{padding:16px 0;border-radius:0;background:transparent;border-top:1px solid var(--line);box-shadow:none}
#main .qualification-grid{gap:24px}
#main .qualification-photo{background:transparent;border-radius:6px}
#main .qualification-grid h3{max-width:32ch}
#main .about-intro{gap:40px;align-items:center}
#main .about-intro>.photo-button{border-radius:8px}
.thumb-row button{border-width:1px;border-radius:6px;background:transparent;opacity:.75}
.thumb-row button[aria-pressed=true]{border-color:var(--ink);opacity:1}
@media(max-width:1000px){
 .equipment-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
 #main .home-qualifications .credential-links{gap:16px}
 #main .home-qualifications .credential-links :is(a,button){grid-template-columns:64px minmax(0,1fr);gap:12px}
 #main .home-qualifications .credential-links img{width:64px;height:90px}
 #main .home-qualifications .credential-links svg{display:none}
}
@media(max-width:740px){
 #main .hero{height:auto;border-radius:8px}
 #main .hero-copy{padding:18px}
 #main .hero-actions{display:flex;gap:24px;margin-top:14px}
 #main .hero-actions .text-link{color:var(--ink);border-color:var(--line)}
 #main .hero-foot{padding:10px 14px}
 #main .hero-photo{height:180px}
 #main .section{padding-block:24px}
 #main .section+.section{padding-top:16px}
 #main .section-head{gap:6px;margin-bottom:16px;align-items:start}
 #main .section-head>.text-link{align-self:start}
 #main .page-intro{padding-block:18px}
 .equipment-showcase{gap:18px 14px}
 .equipment-showcase figcaption{padding-top:8px}
 .equipment-family-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-top:18px}
 .equipment-family-nav .text-link{min-height:48px}
 #main .home-capability .capability-layout{grid-template-columns:1fr;gap:16px}
 #main .home-capability .capability-main .photo-button{height:auto;aspect-ratio:16/9}
 #main .home-capability .capability-copy{gap:12px}
 #main .home-capability .capability-copy>div{padding-bottom:12px}
 #main .home-qualifications .credential-links{grid-template-columns:1fr;gap:0}
 #main .home-qualifications .credential-links :is(a,button){grid-template-columns:58px minmax(0,1fr) 18px;gap:16px;border-bottom:0;padding:14px 0}
 #main .home-qualifications .credential-links :is(a,button):last-child{border-bottom:1px solid var(--line)}
 #main .home-qualifications .credential-links img{width:58px;height:78px}
 #main .home-qualifications .credential-links svg{display:block}
 #main .home-projects .partner-tile{min-height:66px}
 .company-contact{display:grid;grid-template-columns:1fr;gap:0;margin-top:22px;padding-block:16px}
 .company-contact strong{margin-bottom:6px}
 .company-contact>a{min-height:40px}
 #main .catalog-grid{gap:22px 14px}
 #main .detail-layout,#main .engineering-lead{grid-template-columns:1fr;gap:20px}
 #main .detail-layout{margin-top:18px}
 #main .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #main .qualification-grid{gap:16px}
 #main .about-intro{gap:20px}
}

/* Whole-site industrial presentation. Original artwork lives in the continuous brand masthead. */
:root{--paper:#b6c7d1;--ink:#203743;--muted:#344f5e;--line:rgb(32 55 67 / .16);--control-line:#607d8b;--surface:#becdd5;--surface-soft:#b2c5d0;--surface-raised:#cbd9e1;--header-surface:#dce5e9;--white:var(--surface-raised);--soft-blue:var(--surface-soft);--brand-red-ink:#ad2328;--industrial:#345360;--blue:#09536c;--blue-deep:#063f54;--brand-red-on-dark:#ff8580}
body{background:var(--paper)}
.header-shell.wrap{width:100%;max-width:none;height:84px;padding:0;background:var(--header-surface);border-bottom:0}
.site-header{width:calc(100% - 80px);max-width:1560px;margin:auto;height:84px;min-height:0;padding:0;background:var(--header-surface);border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header .official-brand{display:block;min-width:0;gap:0}
.site-header .official-brand img{display:block;width:420px;max-width:100%;height:auto;object-fit:contain}
.site-footer .official-brand img{width:376px;max-width:100%;height:auto}
.site-footer{margin:0;background:var(--surface-soft);border-top:1px solid var(--line)}
#main{background:var(--surface)}
#main>.company-contact{margin-top:0}
.company-contact{padding-block:26px;border-block:1px solid var(--line)}
.home-page{background:var(--surface)}
.brand-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(460px,75svh,820px);background:var(--industrial);color:#fff}
.brand-hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.brand-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(29 53 65 / .82),rgb(29 53 65 / .46) 42%,rgb(29 53 65 / .03) 82%),linear-gradient(0deg,rgb(29 53 65 / .66),transparent 38%)}
.brand-hero-inner{min-height:inherit;display:grid;grid-template-rows:1fr auto;padding-block:42px 28px}
.brand-hero-copy{max-width:780px;align-self:center;padding-block:24px 48px}
.brand-hero-copy h1 span{display:block}
.brand-hero-copy>p{margin-top:22px;color:#edf3f5;max-width:45ch!important}
.brand-hero-links{display:flex;gap:34px;flex-wrap:wrap}
.brand-hero-links .text-link{color:#fff;min-height:48px;border:0}
.brand-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;border:0}
.brand-hero-foot .film-button{background:rgb(255 255 255 / .96);color:var(--ink);border:0;border-radius:6px;min-height:48px;padding:12px 20px}
.home-band{width:100%}
.equipment-band{background:var(--surface-soft);border-top:3px solid var(--brand-red)}
#main .home-band>.section{padding-block:48px}
#main .principal-equipment .equipment-showcase{gap:24px}
#main .principal-equipment .evidence-photo{border-radius:12px}
#main .principal-equipment figcaption{padding-top:14px}
.workshop-band{position:relative;isolation:isolate;overflow:hidden;background:var(--industrial);color:#fff}
.workshop-band-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.workshop-band:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(29 53 65 / .87),rgb(29 53 65 / .61) 37%,rgb(29 53 65 / .05) 77%),linear-gradient(0deg,rgb(29 53 65 / .68),transparent 45%)}
.workshop-band-inner{min-height:420px;display:grid;grid-template-rows:1fr auto;padding-block:44px 24px}
.workshop-band-copy{max-width:540px;align-self:center;padding-bottom:24px}.workshop-band-copy>p{margin-top:18px;color:#edf3f5}
.workshop-band .text-link{color:#fff;min-height:44px}
.workshop-band-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:18px;border-top:1px solid rgb(255 255 255 / .35)}
.qualifications-band{background:var(--surface-soft);border-bottom:1px solid var(--line)}
#main .home-qualifications{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,2fr);gap:48px;align-items:center}
.qualification-intro>p{margin-top:14px;color:var(--muted)}.qualification-intro>.text-link{margin-top:20px}
#main .home-qualifications .credential-links{gap:26px;align-items:stretch}
#main .home-qualifications .credential-links :is(a,button){display:grid;grid-template-columns:1fr 18px;grid-template-rows:166px auto;align-items:start;gap:18px 12px;border:0;padding:0}
#main .home-qualifications .credential-links img{grid-column:1/-1;width:100%;height:166px;object-fit:contain;object-position:left center;transition:transform .45s var(--motion-ease)}
#main .home-qualifications .credential-links span{grid-column:1}.home-qualifications .credential-links svg{margin-top:4px}
#main .home-qualifications .credential-links :is(a,button):hover img{transform:translateY(-4px)}
.clients-band{background:var(--surface)}.contact-band{background:var(--surface-soft)}.contact-band .company-contact{margin:0 auto;border:0}
.home-client-evidence{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,2.4fr);gap:44px;align-items:start}
#main .home-client-evidence .industry-links{display:flex;flex-direction:column;gap:4px;padding:8px 24px 8px 0;margin:0;border:0;border-right:1px solid var(--line)}
#main .home-client-evidence .industry-links a{justify-content:space-between;gap:16px}
#main .home-client-evidence .partner-wall{margin:0;padding:0;gap:0 18px}
#main .home-client-evidence .partner-tile{min-height:90px}
/* The same page introduction and alignment extend to every primary inner route. */
.page-masthead{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-soft);border-bottom:1px solid var(--line)}
.page-masthead-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.page-masthead:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#b7cbd6 0%,rgb(183 203 214 / .98) 31%,rgb(183 203 214 / .84) 57%,rgb(183 203 214 / .30) 85%)}
.page-masthead-inner{padding-block:32px;min-height:185px;display:flex;flex-direction:column;justify-content:center}
.page-masthead-inner>p{max-width:62ch!important;margin-top:10px;color:var(--muted)}
.page-masthead .breadcrumbs{margin:0 0 12px}
#main .page-masthead h1{max-width:26ch}
.page-masthead+.wrap{padding-top:28px;padding-bottom:36px}
#main .page-jumps{padding-block:12px;margin:0;gap:8px 24px;border:0}
#main .page-jumps a{min-height:44px;display:inline-flex;align-items:center}
.page-band{width:100%}.page-band.soft{background:var(--surface-soft);border-block:1px solid var(--line)}
.manufacturing-page{background:var(--surface)}
#main .manufacturing-page .page-band.soft{background:transparent;border:0}
#main .manufacturing-page #clean-workshop{padding-top:28px}
#main .manufacturing-page .capability-layout{gap:30px;align-items:center}
#main .manufacturing-page .capability-main .photo-button{height:300px}
#main .manufacturing-page .process-group{padding-block:24px;border:0}
#main .inspection-notes{margin-top:18px;padding:18px 22px;background:var(--surface-soft);border-radius:12px}
#main .process-media .operation-preview,#main .process-media .evidence-photo{border-radius:12px}
.equipment-index .catalog-tools{background:transparent;margin-top:0;padding:20px 0;border-bottom:1px solid var(--line)}
#main .catalog-grid{row-gap:30px}
#main .catalog-grid .image-box{border-radius:12px;background:transparent}
#main .product-card .card-copy{padding:12px 0 10px;border:0}
#main .product-card:hover .card-copy{color:var(--blue)}
.page-product #main>.wrap{padding-block:8px 32px}
#main .detail-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr);gap:32px}
#main .detail-copy{padding:28px;background:var(--surface-soft);border-top:3px solid var(--brand-red)}
#main .detail-copy .description{margin-top:14px}
#main .detail-photo{border-radius:12px;background:transparent}
#main .equipment-context{padding-block:12px;margin-block:16px}
#main .references-content{padding-top:28px}
#main .client-overview{padding-bottom:26px}
#main .references-content .partner-wall{gap:0 22px}
#main .references-content .partner-tile{min-height:92px;border-color:var(--line)}
#main .records-section{border-top:1px solid var(--line);padding-top:24px;background:transparent}
.data-table{background:var(--surface-raised);border-collapse:collapse}
.data-table th{background:var(--surface-soft);color:var(--ink)}
.data-table td{border-bottom:1px solid var(--line)}
.data-table tbody tr:nth-child(even){background:var(--surface)}
.data-table tr:hover td{background:var(--surface-soft)}
#main .qualifications-content{padding-top:10px}
#main .qualification-section{padding-block:28px;border:0}
#main .qualification-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:20px}
#main .qualification-grid article{min-width:0}
#main .qualification-grid .qualification-photo{padding:14px;background:var(--surface-soft);border:0;border-radius:12px}
#main .qualification-grid .qualification-photo img{height:235px;object-fit:contain}
#main .qualification-grid h3{margin-top:12px}
#main .about-content .about-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:38px;align-items:start;padding-top:0}
#main .about-intro>.photo-button{height:320px;aspect-ratio:auto;border-radius:12px}
#main .about-intro>div>p{margin-top:16px}
#main .material-grid{padding:12px 0;margin-top:24px;gap:4px 36px;border-block:1px solid var(--line)}
#main .material-grid article{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:16px;min-height:74px;padding:20px 0;background:transparent;border:0;border-radius:0;box-shadow:none;cursor:default}
.material-mark{width:auto;height:auto;display:block;border-radius:0;background:transparent;color:var(--blue)}
#main .standards-note{background:var(--surface-soft);padding:22px 26px;border:0}
#main .contact-direct{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:26px}
#main .contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}
#main .contact-form{padding:28px;background:var(--surface-soft);border-radius:12px;box-shadow:none;border:0}
#main .contact-item{padding-block:18px}
#main .contact-form :is(input,textarea){background:var(--surface-raised);border-color:var(--control-line)}
#main .industry-directory>a{padding-block:24px}
#main .industry-evidence{background:var(--surface-soft);padding:26px;border-radius:6px}
#main .industry-references article{padding:18px 0}
#main .download-list article{padding-block:24px}
#main .engineering-page .technical-links:first-child{margin-top:0}
.filter[aria-pressed=true],.record-filter[aria-pressed=true]{background:var(--brand-red);color:#fff}
.button{box-shadow:none}.button:hover{box-shadow:0 5px 14px rgb(39 63 76 / .12)}
::selection{background:#c2e2ee;color:#193d50}
/* Shared control and viewer surfaces: avoid isolated white blocks on the muted canvas. */
.search-wrap input,.field input,.field select,.field textarea{background:var(--surface-raised);color:var(--ink);border-color:var(--control-line);border-radius:12px}
.form-result{background:var(--surface);color:var(--ink)}
.rail-controls .icon-button{background:var(--surface-raised);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.mobile-nav.open{background:var(--header-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
.lightbox,.film-dialog,.lightbox-bar,.lightbox-bottom,.film-heading,.film-controls,.film-summary{background:var(--surface-raised);color:var(--ink)}
.gallery-stage,.lightbox img,.film-dialog video{background:var(--paper)}
.lightbox::backdrop,.film-dialog::backdrop{background:rgb(61 83 96 / .42);backdrop-filter:none;-webkit-backdrop-filter:none}
.lightbox-bottom{border-top-color:var(--line)}
.lightbox-bar button,.lightbox-bottom .gallery-navigation button,.gallery-original,.back-top{background:var(--surface);color:var(--ink)}
.gallery-original:hover{background:var(--surface-soft)}
.mobile-contact-bar a:last-child{color:var(--brand-red-ink)}
/* Text-sized navigation rules; current location and hover are distinct. */
svg{stroke-linecap:round;stroke-linejoin:round}
html{scrollbar-gutter:stable}
.desktop-nav a:after{content:none}
.desktop-nav a{white-space:nowrap;text-decoration:none;transition:color .18s ease}
.desktop-nav a:hover{color:var(--blue)}
.desktop-nav a[aria-current=page]{color:var(--brand-red-ink);text-decoration-line:underline;text-decoration-color:var(--brand-red);text-decoration-thickness:1.5px;text-underline-offset:9px}
a{text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-skip-ink:auto}
.text-link,.text-link:hover,#main .page-jumps a,#main .page-jumps a:hover{text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:6px}
.text-link:hover,#main .page-jumps a:hover{color:var(--blue-deep)}
.button,.filter,.icon-button,.thumb-row button{border-radius:10px}
#main .mobile-filter-select{border-color:var(--control-line);border-radius:12px}
#main :is(.partner-tile,.equipment-family-nav,.equipment-family-nav .text-link,.qualification-highlight,.material-grid article){border:0}
#main .equipment-family-nav{gap:4px 28px}
#main .home-projects .industry-links,#main .home-client-evidence .industry-links{border:0}
#main .qualification-highlight{border-radius:10px;background:var(--surface-soft);padding:14px}
#main .qualification-highlight-grid{gap:16px}
@media(min-width:1201px){
 .site-header{display:grid;grid-template-columns:clamp(320px,28vw,420px) minmax(0,1fr) 64px;gap:32px}
 .desktop-nav{display:flex;justify-content:flex-end;gap:clamp(18px,2vw,32px);min-width:0}
 .nav-actions{display:flex;grid-template-columns:none;width:64px;min-width:0;justify-content:flex-end;gap:0}
 .nav-actions .lang{justify-content:center;width:64px;min-width:0;padding-inline:0}
}
@media(max-width:1200px){
 .site-header{width:calc(100% - 64px)}
 .site-header .official-brand img{width:365px}
 .desktop-nav{display:none}.menu-toggle{display:flex}
 .mobile-nav.open{display:grid;margin:0 32px;padding:14px 22px;border-radius:0 0 12px 12px;box-shadow:0 10px 20px rgb(25 49 62 / .10)}
 .mobile-nav a{padding:12px 0;border:0}
 .mobile-nav a[aria-current=page]{color:var(--brand-red-ink);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px}
}
@media(max-width:1000px){
 #main .qualification-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #main .contact-grid{gap:28px}
}
@media(max-width:740px){
 .header-shell.wrap{height:78px}.site-header{width:calc(100% - 36px);height:78px;gap:10px}
 .site-header .official-brand{flex:1;min-width:0}.site-header .official-brand img{width:100%;max-width:300px;height:auto}
 .nav-actions{flex:none;gap:6px}.mobile-nav{margin:0 18px;background:var(--header-surface)}
 .brand-hero{min-height:clamp(380px,52svh,460px);display:block}
 .brand-hero:before{background:linear-gradient(180deg,rgb(29 53 65 / .72),rgb(29 53 65 / .30) 58%,rgb(29 53 65 / .86))}
 .brand-hero-inner{display:grid;padding-block:22px 18px}
 .brand-hero-copy{padding:8px 0 28px;align-self:start;max-width:none}
 .brand-hero-copy>p{margin-top:14px;max-width:32ch!important}
 .brand-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-position:78% bottom}
 .brand-hero-foot{gap:14px;padding-top:14px;align-items:flex-end}
 .brand-hero-links{flex-direction:column;gap:0;align-items:flex-start}
 .brand-hero-links .text-link{min-height:40px;border:0}
 .brand-hero-foot .film-button{flex:none;padding:10px 12px;min-height:44px}
 #main .home-band>.section{padding-block:28px}
 #main .principal-equipment .equipment-showcase{gap:18px 14px}
 #main .principal-equipment figcaption{padding-top:9px}
 .workshop-band-inner{min-height:320px;padding-block:26px 20px}
 .workshop-band:before{background:linear-gradient(90deg,rgb(29 53 65 / .86),rgb(29 53 65 / .60))}
 .workshop-band-copy{padding-bottom:22px}.workshop-band-copy>p{margin-top:12px}
 .workshop-band-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:14px}
 #main .home-qualifications{grid-template-columns:1fr;gap:24px}
 .qualification-intro>.text-link{margin-top:8px}
 #main .home-qualifications .credential-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 #main .home-qualifications .credential-links :is(a,button){grid-template-columns:1fr;grid-template-rows:120px auto;gap:12px;border:0;padding:0}
 #main .home-qualifications .credential-links img{width:100%;height:120px}
 #main .home-qualifications .credential-links svg{display:none}
 .home-client-evidence{grid-template-columns:1fr;gap:16px}
 #main .home-client-evidence .industry-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:0 0 12px;border-right:0;border-bottom:1px solid var(--line)}
 #main .home-client-evidence .partner-wall{gap:0 10px}
 #main .home-client-evidence .partner-tile{min-height:64px}
 .page-masthead-inner{padding-block:22px;min-height:150px}
 .page-masthead:before{background:linear-gradient(90deg,rgb(183 203 214 / .98),rgb(183 203 214 / .94) 62%,rgb(183 203 214 / .84))}
 .page-masthead-inner>p{margin-top:8px}
 .page-masthead+.wrap{padding-block:18px 26px}
 #main .page-jumps{gap:0 16px;padding-block:6px}
 #main .manufacturing-page .capability-layout{grid-template-columns:1fr;gap:16px}
 #main .manufacturing-page .capability-main .photo-button{height:auto;aspect-ratio:16/9}
 #main .inspection-notes{padding:16px;margin-top:14px}
 #main .catalog-grid{row-gap:20px}
 .equipment-index .catalog-tools{padding-top:0}
 #main .detail-layout{grid-template-columns:1fr;gap:18px}
 #main .detail-copy{padding:20px}
 #main .references-content .partner-wall{gap:0 10px}
 #main .references-content .partner-tile{min-height:68px}
 #main .records-section{padding-top:18px}
 .data-table,.data-table tbody tr:nth-child(even){background:transparent}
 .data-table td{border:0}
 #main .qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
 #main .qualification-grid article{display:block;padding:0;border:0}
 #main .qualification-grid .qualification-photo{padding:10px}
 #main .qualification-grid .qualification-photo img{width:100%;height:170px;object-fit:contain}
 #main .qualification-grid h3{margin-top:10px}
 #main .about-content .about-intro{grid-template-columns:1fr;gap:22px}#main .about-intro>.photo-button{height:auto;aspect-ratio:16/10}
 #main .material-grid{gap:4px 22px;margin-top:18px;padding:10px 0}
 #main .material-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:100px;padding:14px 0}
 .material-mark{width:auto;height:auto;border-radius:0}
 #main .standards-note{padding:18px}
 #main .contact-grid{grid-template-columns:1fr;gap:24px}
 #main .contact-form{padding:20px 16px}
 #main .contact-direct{gap:10px;padding-bottom:18px;margin-bottom:18px}
 #main .industry-evidence{padding:18px;gap:18px}
 .site-footer .official-brand img{width:330px;max-width:100%}
}

@media(min-width:741px) and (max-width:1100px){
 #main .home-qualifications{grid-template-columns:1fr;gap:28px}
 .qualification-intro{max-width:650px}
 .home-client-evidence{grid-template-columns:1fr;gap:18px}
 #main .home-client-evidence .industry-links{flex-direction:row;flex-wrap:wrap;gap:8px 26px;border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}
}

/* Hover feedback changes the rule and local surface, never the text geometry. */
.text-link,#main .page-jumps a{transition:color .14s ease-out,text-decoration-color .14s ease-out}
.desktop-nav a,#main .page-jumps a{position:relative;isolation:isolate}
.desktop-nav a:before,#main .page-jumps a:before{content:"";position:absolute;inset:4px -9px;z-index:-1;background:rgb(9 83 108 / .08);border-radius:6px;opacity:0;transition:opacity .14s ease-out}
@media(hover:hover) and (pointer:fine){
 .desktop-nav a:hover:before,#main .page-jumps a:hover:before{opacity:1}
 #main .page-jumps a:hover,.text-link:hover{text-underline-offset:6px}
 .brand-hero-links .text-link:hover,.workshop-band-copy .text-link:hover{color:#fff;text-decoration-color:var(--brand-red-on-dark)}
}
/* One motion rhythm: stable identity, short content transitions and tactile controls. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-fast:160ms;--motion-content:320ms}
.header-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.header-shell{view-transition-name:site-header;transition:box-shadow .18s ease-out}
.header-shell.has-scrolled{box-shadow:0 4px 12px rgb(25 49 62 / .07)}
/* A single route transition owns the content; never reset titles after first paint. */
.brand-hero-copy,.brand-hero-foot,#main .page-masthead-inner{animation:none}
:is(.button,.icon-button,.filter,.copy-button,.film-button,.menu-toggle){transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast),color var(--motion-fast),box-shadow .22s var(--motion-ease)}
:is(.button,.icon-button,.filter,.copy-button,.film-button,.menu-toggle):active:not(:disabled){transform:scale(.975)}
.text-link svg{transition:transform .18s var(--motion-ease)}
.text-link:hover svg{transform:translateX(3px)}
.text-link:active svg{transform:translateX(1px)}
#main :is(.product-card img,.evidence-photo>img,.photo-button>img,.detail-photo>img,.qualification-photo>img,.operation-preview>img){transition:transform .38s var(--motion-ease)}
#main .partner-tile img{transition:transform .28s var(--motion-ease)}
#main :is(.product-card h2,.project-card h3,.equipment-showcase figcaption,.photo-carousel-track figcaption,.process-media h3){transition:color .18s ease-out}
#main .qualification-photo{transition:background-color .2s,box-shadow .25s var(--motion-ease)}
.operation-play{transition:background-color .18s,transform .24s var(--motion-ease)}
#main .contact-form :is(input,textarea){transition:border-color .2s,box-shadow .25s}
#main .contact-form :is(input,textarea):focus{box-shadow:0 3px 12px rgb(32 70 90 / .1)}
@media(hover:hover) and (pointer:fine){
 #main .product-card:hover .image-box img{transform:scale(1.018)}
 #main :is(.evidence-photo,.photo-button,.detail-photo,.qualification-photo,.operation-preview):hover>img{transform:scale(1.018)}
 #main .qualification-photo:hover{background:var(--surface-raised);box-shadow:0 6px 18px rgb(27 58 73 / .08)}
 #main .partner-tile:hover img{transform:scale(1.025)}
 #main .product-card:hover h2,#main .project-card:hover h3,#main .equipment-showcase figure:hover figcaption,#main .photo-carousel-track figure:hover figcaption,#main .process-media:has(.operation-preview:hover) h3{color:var(--blue-deep)}
 #main .operation-preview:hover .operation-play{transform:translate(-50%,-50%) scale(1.04)}
 #main .home-qualifications .credential-links :is(a,button):hover img{transform:scale(1.018)}
}
/* Broad photographic backgrounds remain stationary. */
.workshop-band-photo{animation:none}
@supports(view-transition-name:root){
 @view-transition{navigation:auto}
 ::view-transition{pointer-events:none}
 ::view-transition-old(root){animation:page-fade-out .16s ease-out both}
 ::view-transition-new(root){animation:page-fade-in .26s var(--motion-ease) both}
 ::view-transition-group(site-header){animation:none}
 ::view-transition-old(site-header){display:none}
 ::view-transition-new(site-header){animation:none;mix-blend-mode:normal}
 @keyframes page-fade-out{to{opacity:0}}
 @keyframes page-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}
 .lightbox::backdrop,.film-dialog::backdrop{background:rgb(222 232 238 / .78);backdrop-filter:none;-webkit-backdrop-filter:none}
dialog[open]::backdrop{animation:viewer-backdrop-in .24s ease-out both}
dialog[data-closing]::backdrop{animation:viewer-backdrop-out .16s ease-out both}
@keyframes viewer-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes viewer-backdrop-out{from{opacity:1}to{opacity:0}}

#main .operation-preview:active .operation-play{transform:translate(-50%,-50%) scale(.96)}
/* Four desktop pages with gesture navigation; phones keep all content in normal flow. */
.home-story-controls,.story-equipment-photo,.story-legal{display:none}
.home-closing-evidence{display:contents}
html.home-story-full,html.home-story-full body{height:100%;overflow:hidden;overscroll-behavior:none}
/* Fixed scenes have no page scrollbar; do not reserve an empty strip at the edge. */
html.home-story-full{scrollbar-gutter:auto}
.home-story-full .site-footer,.home-story-full .back-top{display:none}
.home-story.story-ready.story-initializing :is([data-story-panel],[data-story-content]){transition:none}
@media(min-width:1101px) and (min-height:700px) and (pointer:fine){
 /* Match the first frame before JS enables the sticky presentation. */
 .home-story .brand-hero{min-height:calc(100svh - 84px)}
 .home-story.story-ready{height:var(--story-height,calc(100svh - 84px));min-height:calc(100svh - 84px);position:relative}
 .story-ready .home-story-stage{position:relative;height:var(--story-height,calc(100svh - 84px));min-height:calc(100svh - 84px);overflow:hidden;isolation:isolate;background:var(--industrial)}
 /* Keep the outgoing photograph solid until the incoming photograph covers it. */
 .story-ready [data-story-panel]{position:absolute;inset:0;height:100%;min-height:0;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transition:none}
 .story-ready [data-story-panel].is-leaving{opacity:1;visibility:visible;z-index:1}
 .story-ready [data-story-panel].is-current{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
 .story-ready [data-story-content]{opacity:1;transform:none}
 .story-ready .is-entering{animation:story-image-arrival .48s cubic-bezier(.22,1,.36,1) both}
 .story-ready .is-entering [data-story-content]{animation:story-copy-arrival .36s cubic-bezier(.16,1,.3,1) .08s both}
 .story-ready .is-leaving [data-story-content]{opacity:0;transition:opacity .14s ease}
 .story-ready.story-initializing :is([data-story-panel],[data-story-content]){animation:none}
 @keyframes story-image-arrival{from{opacity:0}to{opacity:1}}
 @keyframes story-copy-arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
 .story-ready .brand-hero-inner{height:100%;min-height:0;padding-bottom:102px}
 .story-ready .brand-hero-foot{border-top:0;padding-top:0}
 .story-ready .brand-hero-copy,.story-ready .brand-hero-foot{animation:none}
 .story-ready .workshop-band-photo{animation:none}
 .story-ready .workshop-band-inner{height:100%;min-height:0;padding-bottom:110px}
 .story-ready .workshop-band-copy{max-width:640px}
 .story-ready .equipment-band{isolation:isolate;border:0;background:var(--industrial);color:#fff}
 .story-ready .story-equipment-photo{display:block;position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 38%}
 .story-ready .equipment-band:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(29 53 65 / .82),rgb(29 53 65 / .22) 56%,rgb(29 53 65 / .04) 85%),linear-gradient(0deg,rgb(29 53 65 / .81),transparent 65%)}
 #main .story-ready .principal-equipment{position:relative;height:100%;padding-block:48px 104px;display:flex;flex-direction:column;justify-content:flex-end;gap:24px}
 #main .story-ready .principal-equipment .section-head{position:absolute;top:calc(50% - 160px);left:0;width:min(700px,100%);display:block;margin:0}
 #main .story-ready .principal-equipment .section-head .text-link{margin-top:12px}
 #main .story-ready .principal-equipment :is(p,.text-link,figcaption span){color:#e9f0f3}
 #main .story-ready .principal-equipment .equipment-family-nav{display:none}
 #main .story-ready .principal-equipment .equipment-showcase{gap:24px;margin-top:auto}
 #main .story-ready .principal-equipment .evidence-photo{height:clamp(104px,16vh,160px);aspect-ratio:auto}
 #main .story-ready .principal-equipment .evidence-photo>img{height:100%;aspect-ratio:auto}
 #main .story-ready .principal-equipment figcaption{padding-top:10px}
 /* Certificates, client marks and contact share the fourth page, without a second scroll surface. */
 .story-ready .qualifications-band{--ink:#f3f7f9;--muted:#d0dee5;--blue:#d7e9f2;--line:rgb(225 238 245 / .15);background:linear-gradient(125deg,#385764,#2d4c59 65%,#3c5b68);color:var(--ink);border:0}
 .story-ready .home-closing-content{width:min(1560px,calc(100% - 80px));height:calc(100% - 92px);margin:auto;padding-block:26px 0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:16px}
 @media(max-width:1200px){.story-ready .home-closing-content{width:calc(100% - 64px)}}
 .story-ready .home-closing-evidence{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:auto auto;gap:28px 48px;align-self:center;min-width:0}
 #main .story-ready .home-qualifications{width:100%;margin:0;padding:0;display:grid;grid-template-columns:1fr;grid-column:1;grid-row:1/3;grid-template-rows:subgrid;height:auto;align-self:stretch;align-items:start;row-gap:24px;min-width:0}
 #main .story-ready .qualification-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
 #main .story-ready .qualification-intro>p{display:none}
 #main .story-ready .qualification-intro>.text-link{margin:0;white-space:nowrap;flex:none}
 #main .story-ready .home-qualifications .credential-links{width:100%;gap:18px}
 #main .story-ready .home-qualifications .credential-links :is(a,button){grid-template-columns:1fr;grid-template-rows:clamp(145px,24vh,240px) auto;gap:16px;border:0}
 #main .story-ready .home-qualifications .credential-links img{height:clamp(145px,24vh,240px);object-position:left center}
 #main .story-ready .home-qualifications .credential-links svg{display:none}
 .story-ready .home-closing-evidence>.clients-band{background:transparent;min-width:0;display:grid;grid-column:2;grid-row:1/3;grid-template-rows:subgrid;row-gap:24px}
 #main .story-ready .home-projects{width:100%;height:auto;margin:0;padding:0;display:grid;grid-row:1/3;grid-template-rows:subgrid;row-gap:24px;align-items:start}
 #main .story-ready .home-projects .section-head{margin-bottom:0;align-items:flex-start;gap:16px}
 #main .story-ready .home-projects .section-head p,#main .story-ready .home-client-evidence .industry-links{display:none}
 #main .story-ready .home-client-evidence{display:block}
 #main .story-ready .home-projects .partner-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 12px}
 #main .story-ready .home-projects .partner-tile{min-height:70px;padding:12px 6px;background:transparent;border:0}
 #main .story-ready .home-projects .partner-tile img{height:44px}
 #main .story-ready .home-projects .section-head>.text-link{align-self:flex-start}
 .story-ready .home-closing-content>.contact-band{grid-column:1/-1;background:transparent}
 #main .story-ready .company-contact{width:100%;margin:0;padding:8px 0 0;border:0;gap:8px 24px}
 .story-ready .story-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center;color:var(--muted)}
 .story-ready .story-legal a:hover{text-decoration:underline}
 .story-ready .home-story-controls{position:absolute;bottom:18px;left:0;right:0;z-index:4;display:flex;align-items:center;gap:30px;border:0;padding-top:8px;color:#fff}
 .home-story-controls button{position:relative;padding:12px 0;min-height:48px;border:0;background:transparent;color:#cad8df;isolation:isolate;transition:color .22s ease}
 .home-story-controls button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;border-radius:0;background:var(--brand-red-on-dark);opacity:0;transition:opacity .25s ease}
 .home-story-controls button[aria-current=step]{color:#fff}
 .home-story-controls button[aria-current=step]:after{opacity:1}
 .home-story-controls button:before{content:"";position:absolute;inset:5px -10px;z-index:-1;background:rgb(255 255 255 / .10);border-radius:6px;opacity:0;transition:opacity .24s ease}
 @media(hover:hover) and (pointer:fine){.home-story-controls button:hover{color:#fff}.home-story-controls button:hover:before{opacity:1}}
 .home-story-controls button:active:before{opacity:1;background:rgb(255 255 255 / .17)}
 .home-story-controls .text-link{color:#fff;margin-left:auto;min-height:48px}
}


/* The fourth scene has one contact row; other scenes retain their quick contact link. */
.story-ready .home-story-controls:has([data-story-step="3"][aria-current="step"])>.text-link{display:none}
.home-page .company-contact>.text-link{margin-right:auto;font-weight:550}
@media(max-width:740px){
 .home-page .company-contact{display:flex;flex-wrap:wrap;gap:8px 18px}
 .home-page .company-contact>.text-link{flex-basis:100%;justify-content:flex-start;min-height:44px}
 .home-page .company-contact>a{min-height:44px;display:inline-flex;align-items:center}
}

/* A visible profile download in the final scene; same PDF for Chinese and English. */
.home-page .company-contact>.company-profile-link{margin-right:auto}
@media(max-width:740px){
 .home-page .company-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
 .home-page .company-contact>.text-link{flex-basis:auto;margin:0;font-size:.94rem}
 .home-page .company-contact>a{min-width:0;overflow-wrap:anywhere;font-size:.875rem}
}

.home-media-status{position:absolute;z-index:6;right:40px;bottom:86px;color:#f3f7f9;font-size:.85rem;line-height:1.5;padding:8px 12px;background:rgb(32 55 67 / .9);border-radius:6px;pointer-events:none}
.home-media-status[hidden]{display:none}
@media(max-width:740px){.home-media-status{right:18px;bottom:76px}}
/* Shared selection geometry: line navigation and filled category filters. */
.selection-track:not(.home-story-controls){position:relative;isolation:isolate}
.selection-indicator{position:absolute;left:0;top:0;display:block;pointer-events:none;margin:0;background:var(--brand-red);z-index:0;transform-origin:left center}
.selection-indicator.can-slide{transition:transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1)}
.selection-indicator[hidden]{display:none}
.selection-line .selection-indicator{border-radius:1px}
.desktop-nav.indicator-ready a[aria-current=page]{text-decoration:none}
.home-story-controls.indicator-ready button:after{content:none}
.home-story-controls .selection-indicator{background:var(--brand-red-on-dark)}
.selection-fill .selection-indicator{border-radius:10px;background:linear-gradient(135deg,#cf2429,#b61f25);box-shadow:0 3px 8px rgb(110 26 31 / .15)}
.filters.indicator-ready .filter{position:relative;z-index:1;background:transparent;box-shadow:none;transform:none;transition:color .14s ease,background-color .14s ease}
.filters.indicator-ready .filter[aria-pressed=true]{background:transparent;color:#fff}
.filters.indicator-ready .filter[aria-pressed=false]{color:var(--muted)}
@media(hover:hover) and (pointer:fine){
 .filters.indicator-ready .filter[aria-pressed=false]:hover{background:rgb(9 83 108 / .09);color:var(--blue-deep)}
 .filters.indicator-ready .filter[aria-pressed=true]:hover{background:rgb(255 255 255 / .09)}
 .desktop-nav a:before,#main .page-jumps a:before{transition:opacity .14s ease-out,background-color .14s ease-out}
 .text-link:hover,#main .page-jumps a:hover{text-underline-offset:9px}
}
.text-link,#main .page-jumps a{transition:color .14s ease-out,text-decoration-color .14s ease-out,text-underline-offset .12s cubic-bezier(.2,.8,.2,1)}
.filters.indicator-ready .filter:active{background:rgb(32 55 67 / .13)}
/* Finish the navigation indicator in the existing document; avoid nested snapshot resets. */
.desktop-nav .selection-indicator.can-slide{transition-duration:.2s}
.desktop-nav.nav-departing a[aria-current=page]{color:var(--ink)}
.desktop-nav.nav-departing a.nav-destination{color:var(--brand-red-ink)}
/* Shared viewing components: one image per viewer, readable anchors and deliberate photo travel. */
html{scroll-padding-top:104px}
.lightbox-bottom{display:flex;justify-content:flex-end;align-items:center;padding:12px 18px}
#main .photo-rail.photo-carousel{display:block;overflow:hidden;touch-action:pan-y;padding:0;min-width:0}
.photo-carousel-track{display:flex;gap:20px;width:100%;transition:transform .48s cubic-bezier(.22,1,.36,1)}
.photo-carousel-track>figure{flex:0 0 calc((100% - (var(--rail-count) - 1)*20px)/var(--rail-count));min-width:0;margin:0}
#main .inspection-notes{padding:24px 0;background:transparent;border-radius:0}
#main .inspection-notes>h3{font-size:1.2rem;margin-bottom:10px}
.quality-resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.quality-resource-links>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;background:var(--surface-raised);border-radius:10px;color:var(--ink);transition:background-color .18s,box-shadow .18s}
.quality-resource-links strong{display:block;font-size:1.08rem;line-height:1.5}
.quality-resource-links small{display:block;margin-top:5px;color:var(--muted);font-size:.85rem;line-height:1.6}
.quality-resource-links a:hover{background:var(--header-surface);box-shadow:0 5px 14px rgb(32 55 67 / .09)}
.quality-resource-links a:hover svg{transform:translateX(3px)}
.credential-links button{font:inherit;color:inherit;text-align:start;background:transparent;border:0;padding:0}
#main .qualification-highlight{width:100%;grid-template-columns:100px minmax(0,1fr) 20px;gap:18px;min-height:160px;text-align:start;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:background-color .18s}
#main .qualification-highlight img{width:100px;height:132px}
#main .qualification-highlight:hover{background:var(--surface-raised)}
@media(max-width:1000px){#main .qualification-highlight{grid-template-columns:76px minmax(0,1fr);gap:12px}#main .qualification-highlight img{width:76px;height:108px}}
@media(max-width:740px){
 html{scroll-padding-top:98px}
 .photo-carousel-track{gap:12px}
 .photo-carousel-track>figure{flex-basis:calc((100% - 12px)/2)}
 #main .inspection-notes{padding:16px 0}
 .quality-resource-links{gap:12px}.quality-resource-links>a{padding:14px;align-items:flex-start;gap:6px}.quality-resource-links strong{font-size:.95rem}.quality-resource-links small{font-size:.8rem}
 #main .qualification-highlight{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:0;padding:14px;font-size:.9rem;line-height:1.5}
 #main .qualification-highlight img{width:100%;height:140px;object-fit:contain;object-position:left}
}

#main .qualification-highlight>span{text-wrap:balance;line-height:1.5}

#main .process-group-heading p{text-wrap:balance}

/* Process media is one consistent video collection, separate from equipment photography. */
#main .process-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px}
#main .process-video-grid .operation-preview{width:100%;aspect-ratio:16/9;height:auto}
#main .process-video-grid .operation-preview img{width:100%;height:100%;object-fit:cover}
#main .process-video-grid h3{margin-top:12px}
#main .process-video-grid p{margin-top:auto;font-size:var(--type-caption);color:var(--muted)}
@media(max-width:740px){#main .process-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}#main .process-video-grid h3{font-size:.95rem;line-height:1.5}}
/* Paginated catalogue: quiet numbered navigation; all records stay searchable. */
.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px}
.catalog-pagination[hidden]{display:none!important}
.catalog-page-numbers{display:flex;gap:4px}
.catalog-pagination button{display:grid;place-items:center;position:relative;min-width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--muted);font-size:.95rem;font-variant-numeric:tabular-nums;transition:color .16s,background-color .16s; border-radius:6px}
.catalog-pagination button:first-child svg{transform:rotate(180deg)}
.catalog-pagination button:hover:not(:disabled){color:var(--brand-red-ink);background:rgb(220 231 237 / .25)}
.catalog-pagination [aria-current=page]{color:var(--brand-red-ink);font-weight:600}
.catalog-pagination [aria-current=page]:after{content:"";position:absolute;bottom:3px;left:12px;right:12px;height:2px;background:currentColor}
.catalog-pagination button:disabled{opacity:.35}
@media(max-width:740px){.catalog-pagination{gap:6px;margin-top:20px}.catalog-page-numbers{gap:0}.catalog-page-number{min-width:40px!important}}
@media(max-width:360px){.catalog-pagination{gap:4px}.catalog-pagination button{min-width:40px}.catalog-page-number{min-width:36px!important}}

.page-ellipsis{align-self:center;min-width:12px;text-align:center;color:var(--muted)}
#main .catalog-pagination{gap:12px}
#main .catalog-pagination button{min-width:44px}
@media(max-width:740px){#main .catalog-pagination{gap:6px}#main .catalog-page-numbers{gap:0}#main .catalog-page-number{min-width:40px}}
@media(max-width:360px){#main .catalog-pagination{gap:4px}#main .catalog-pagination button{min-width:36px}#main .catalog-page-number{min-width:32px}}
/* Editorial line breaks and direct access to both complete project views. */
.hero-sentence{display:block;text-wrap:pretty;line-break:strict}
#main .brand-hero-copy>p{max-width:36em}
.project-view-tabs{display:none}
.project-views-ready .project-view-tabs{position:relative;top:auto;z-index:1;background:transparent;padding-block:4px;display:flex;gap:30px;align-items:center;margin-bottom:24px}
.project-view-tabs button{padding:10px 0 12px;min-height:46px;background:transparent;border:0;font:inherit;font-weight:600;color:var(--muted);transition:color .16s}
.project-view-tabs button[aria-selected=true]{color:var(--brand-red-ink)}
.project-view-tabs button:hover{color:var(--blue)}
.project-panel[hidden]{display:none!important}
#main .project-panel.records-section{padding-top:0;border-top:0}
#main .records-heading{margin-bottom:18px}
.search-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.filter-clear{min-height:40px;padding:4px 0;background:transparent;border:0;color:var(--blue);font-size:.875rem;text-decoration:underline;text-underline-offset:5px}
.filter-clear[hidden]{display:none}
.record-client-context{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;margin-bottom:12px;color:var(--ink)}
.record-client-context[hidden]{display:none}
.record-client-summary{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:.94rem;line-height:1.6}
.record-client-summary>span{flex:none;color:var(--muted)}
.record-client-summary strong{min-width:0;overflow-wrap:break-word;font-weight:600}
.record-client-remove{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--muted);border-radius:8px;transition:color 140ms ease,background-color 140ms ease}
.record-client-remove svg{width:16px;height:16px}
.record-client-remove:hover{color:var(--brand-red-ink);background:rgb(36 51 60 / .06)}
[data-record-empty] [data-record-query-clear]{margin-inline-end:12px}
@media(max-width:740px){.record-client-context{gap:0 10px;margin-bottom:8px}.record-client-summary{font-size:.875rem;gap:4px}.record-client-summary strong{line-height:1.5}}
@media(max-width:740px){
 body.page-contact{padding-bottom:0}
 .project-views-ready .project-view-tabs{gap:24px;margin-bottom:18px}
 .project-view-tabs button{font-size:.96rem}
 .search-meta{justify-content:space-between;width:100%;gap:10px}
 #main .brand-hero-copy>p{max-width:100%}
}

#main .partner-wall .partner-tile img{width:min(100%,var(--logo-width,145px));height:var(--logo-height,62px);max-height:62px;object-fit:contain}
#main .client-overview .partner-tile img{width:min(100%,var(--client-logo-width,var(--logo-width,145px)));height:var(--client-logo-height,var(--logo-height,62px))}
@media(min-width:741px){#main .client-overview .partner-tile{padding-inline:4px}}
@media(min-width:1101px) and (min-height:700px) and (pointer:fine){#main .story-ready .partner-wall .partner-tile img{width:min(100%,var(--logo-width,145px));height:var(--logo-height,44px);max-height:44px}}
@media(max-width:740px){#main .partner-wall .partner-tile img{width:min(100%,calc(var(--logo-width,145px)*.6));height:calc(var(--logo-height,62px)*.6);max-height:38px}}

.project-views-ready #client-library>.section-head,.project-views-ready .records-heading{display:none}
@media(max-width:740px){
 .project-views-ready .project-view-tabs{top:auto}
 #main .reference-table td:not(:first-child):before{content:attr(data-label) "：";font-weight:600;color:var(--ink)}
 html[lang=en] #main .reference-table td:not(:first-child):before{content:attr(data-label) ": ";}
}
/* Native hash restoration and pagination need the same clearance as scripted section links. */
#main .project-panel,.references-content .table-scroll{scroll-margin-top:66px}

@media(max-width:740px){#main [data-visible-count="1"] .data-table tbody{grid-template-columns:1fr}}

/* Client discovery shares the existing filter grammar and selection motion. */
.client-sector-tools{display:grid;grid-template-columns:1fr;gap:8px;align-items:center;margin:0 0 20px}
.client-sector-tools[hidden],#main .partner-tile[hidden]{display:none!important}
.client-sector-tools .filters{margin:0;flex-wrap:wrap}
@media(max-width:740px){
 .client-sector-tools{grid-template-columns:1fr;gap:8px;margin-bottom:16px}
 #main .client-sector-tools>.filters{display:none}
 #main .client-sector-tools .mobile-filter-select{margin-top:0}
 #main .client-overview .partner-tile{min-height:64px}
 #main .client-overview .partner-tile img{width:min(100%,calc(var(--client-logo-width,var(--logo-width,145px))*.76));height:calc(var(--client-logo-height,var(--logo-height,62px))*.76);max-height:48px}
 /* Full-width English records keep complete technical lists readable. Chinese remains two columns. */
 html[lang=en] #main .reference-table tbody{grid-template-columns:1fr;gap:0}
 html[lang=en] #main .reference-table tr{grid-template-columns:minmax(0,1fr);gap:5px;padding:16px 0}
 html[lang=en] #main .reference-table td{overflow-wrap:break-word;word-break:normal}
 html[lang=en] #main .reference-table td:first-child{padding-bottom:4px}
 html[lang=en] #main .reference-table .reference-logo{float:right;width:min(110px,var(--reference-logo-width,110px));height:28px;margin:0 0 5px 14px}
 html[lang=en] #main .reference-table td:first-child strong{display:block;min-width:0}
}

/* Full client library: readable marks at phone widths; the home wall stays compact. */
@media(max-width:480px){
 #main .client-overview .partner-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px}
 #main .client-overview .partner-tile{min-height:64px}
}
/* Official emblem enlarged into a quiet, cropped brand field. No scroll animation. */
#main:has(>.brand-backdrop){position:relative;isolation:isolate;background:linear-gradient(155deg,rgb(220 231 237 / .16),transparent 650px),var(--surface)}
.brand-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;max-height:clamp(1370px,105vw,3200px);overflow:hidden;pointer-events:none;user-select:none;z-index:-1;contain:paint;mask-image:linear-gradient(to bottom,transparent var(--brand-fade-start,185px),#000 var(--brand-fade-end,265px),#000 calc(100% - 90px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent var(--brand-fade-start,185px),#000 var(--brand-fade-end,265px),#000 calc(100% - 90px),transparent 100%)}
.brand-backdrop-art{position:absolute;top:clamp(80px,calc(450px - 15vw),240px);right:-6vw;width:max(1100px,100vw);max-width:none;height:auto;opacity:.085;transform:rotate(-11deg);transform-origin:center}
.page-manufacturing .manufacturing-page{background:transparent}
.page-manufacturing .brand-backdrop-art{top:clamp(170px,calc(530px - 14vw),335px);opacity:.065}
.page-about .brand-backdrop-art{top:clamp(100px,calc(420px - 12vw),245px);opacity:.075}
.page-product .brand-backdrop{--brand-fade-start:80px;--brand-fade-end:160px}
.page-product .brand-backdrop-art{top:100px;opacity:.055}
:is(.page-contact,.page-resources,.page-privacy) .brand-backdrop-art{opacity:.035}
.page-projects .brand-backdrop-art{top:clamp(160px,calc(520px - 14vw),300px);opacity:.03}
.page-qualifications .brand-backdrop-art{opacity:.035}
.qualifications-band{position:relative;isolation:isolate;overflow:hidden}
.brand-backdrop--closing{top:0;height:100%;--brand-fade-start:0px;--brand-fade-end:70px}
.brand-backdrop--closing .brand-backdrop-art{top:clamp(0px,calc(180px - 7vw),90px);right:-4vw;width:max(1100px,95vw);opacity:.045}
@media(min-width:1800px){
 .site-header{grid-template-columns:clamp(480px,21vw,600px) minmax(0,1fr) 64px}
 .site-header .official-brand img{width:clamp(480px,21vw,600px)}
 .site-footer .official-brand img{width:480px}
}
@media(min-width:1101px) and (min-height:700px) and (pointer:fine){
 .story-ready .brand-backdrop--closing{z-index:0}
 .story-ready .home-closing-content{position:relative;z-index:1}
}
@media(max-width:740px){
 .brand-backdrop{max-height:1010px;--brand-fade-start:190px;--brand-fade-end:270px}
 .brand-backdrop-art{top:300px;right:-16vw;width:125vw;opacity:.06;transform:rotate(-10deg)}
 .page-manufacturing .brand-backdrop-art{top:380px;opacity:.05}
 .page-about .brand-backdrop-art{top:300px;opacity:.06}
 .page-product .brand-backdrop{--brand-fade-start:95px;--brand-fade-end:175px}
 .page-product .brand-backdrop-art{top:250px}
 :is(.page-contact,.page-resources,.page-privacy) .brand-backdrop-art{opacity:.025}
 .page-projects .brand-backdrop-art{top:350px;opacity:.025}
 .page-qualifications .brand-backdrop-art{opacity:.03}
 .brand-backdrop--closing{top:0;height:100%;--brand-fade-start:0px;--brand-fade-end:70px}
 .brand-backdrop--closing .brand-backdrop-art{top:155px;right:-16vw;width:125vw;opacity:.03}
}

/* The fixed project tabs occupy a complete band instead of masking a rectangle. */
.page-projects .brand-backdrop{--brand-fade-start:290px;--brand-fade-end:370px}
.project-views-ready .project-view-tabs{display:block;gap:0;isolation:isolate}
.project-view-tab-inner{display:flex;align-items:center;gap:30px}
@media(max-width:740px){.project-view-tab-inner{gap:24px}.page-projects .brand-backdrop{--brand-fade-start:330px;--brand-fade-end:410px}}
/* Evidence sits on the brand field. Spacing and alignment replace decorative boxes. */
#main :is(.qualification-photo,.qualification-highlight,.quality-box,.standards-note,.inspection-notes,.industry-evidence,.qualifications-teaser,.detail-copy,.contact-form,.form-result,.draft-preview){background:transparent;border:0;box-shadow:none;border-radius:0}
#main .qualification-grid .qualification-photo{padding:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
#main .qualification-grid .qualification-photo img{filter:drop-shadow(0 5px 8px rgb(29 52 65 / .10));transition:transform .3s var(--motion-ease),filter .3s var(--motion-ease)}
#main .qualification-highlight{padding:12px 0}
#main .qualification-highlight img{filter:drop-shadow(0 4px 6px rgb(29 52 65 / .09));transition:transform .3s var(--motion-ease),filter .3s var(--motion-ease)}
#main :is(.qualification-photo,.qualification-highlight):hover{background:transparent;box-shadow:none}
#main .standards-note{padding:18px 0 0;margin-top:24px}
#main .industry-evidence{padding:0;margin-block:24px}
#main .detail-copy{padding:0}
#main .qualifications-teaser{padding:24px 0}
#main .page-band.soft{background:transparent;border:0}
#main :is(.quality-resource-links>a,.quality-resource-links>a:hover){padding:16px 0;background:transparent;border:0;border-radius:0;box-shadow:none}
#main .quality-resource-links>a:hover strong{color:var(--blue-deep)}

/* Real fields and action states remain recognizable, without a second filled panel. */
#main .contact-form{padding:0}
#main .contact-details{padding-top:0}
#main :is(.field input,.field textarea,.field select,.search-wrap input,.mobile-filter-select){background:transparent}
#main input::placeholder,#main textarea::placeholder{color:var(--muted);opacity:1}
#main :is(.field input,.field textarea,.field select,.search-wrap input):focus{background:rgb(230 240 246 / .22)}
#main :is(.copy-button,.rail-controls .icon-button){background:transparent;border:0;box-shadow:none;transition:color .16s ease,transform .16s var(--motion-ease)}
#main :is(.copy-button,.rail-controls .icon-button):hover:not(:disabled){background:transparent;color:var(--brand-red-ink)}
#main .button.secondary{background:transparent;border:1px solid var(--control-line);box-shadow:none}
#main .form-result{padding-inline:0}
#main .draft-preview{padding-inline:0}

/* Tables keep semantic columns and mobile labels, with no stripes or header fill. */
#main .data-table,#main .data-table :is(thead,tbody,tr,th,td),#main .data-table tbody tr:nth-child(even),#main .data-table tr:hover td{background:transparent;border:0;box-shadow:none}
#main .data-table th{padding-bottom:20px;color:var(--muted)}
#main .data-table td{padding-block:14px}
#main .table-scroll{border:0}

/* Remove repeated decorative rules; current-link underlines and control outlines stay. */
#main :is(.material-grid,.catalog-tools,.records-section,.contact-direct,.contact-item,.company-contact,.engineering-download,.engineering-specs>div,.industry-directory>a,.industry-references article,.download-list article,.home-capability .capability-copy>div,.workshop-band-facts,.qualification-grid article){border:0}
#main .partner-tile{background:transparent;border:0;box-shadow:none}
/* The dark closing scene uses a monochrome presentation, not a pale logo panel. */
#main .story-ready .home-projects .partner-wall{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:14px 0}
#main .story-ready .home-projects .partner-tile img{filter:brightness(0) invert(1);opacity:.9;transition:opacity .2s ease,transform .28s var(--motion-ease)}
#main .story-ready .home-projects .partner-tile:hover img{opacity:1}
/* Filled marks retain their internal light lettering rather than collapsing to a white block. */
#main .story-ready .home-projects .partner-light-none img{filter:none}
.page-masthead,.equipment-band,.qualifications-band{border:0}
/* Industrial image and title share a single plane, inspired by the researched equipment sites. */
.page-masthead--integrated{background:var(--industrial);color:#fff;overflow:hidden}
.page-masthead--integrated:before{content:"";background:linear-gradient(90deg,rgb(27 49 60 / .92),rgb(27 49 60 / .85) 48%,rgb(27 49 60 / .74) 62%,rgb(27 49 60 / .12))}
.page-masthead--integrated .page-masthead-inner{display:flex;justify-content:center;min-height:clamp(220px,16vw,252px);padding-block:28px;position:relative}
.page-masthead-copy{min-width:0;max-width:min(720px,62vw)}
.page-masthead-copy>p{margin-top:14px;color:#edf3f5;max-width:var(--measure-lead);line-height:1.75}
.page-masthead--integrated .page-masthead-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 54%;border-radius:0}
.page-masthead--reference{background:var(--industrial)}
.page-masthead--reference:before{display:none}
.page-masthead--integrated[data-masthead-photo="F174"] .page-masthead-photo{object-position:center 44%}
.page-masthead--integrated[data-masthead-photo="H079"] .page-masthead-photo{object-position:center 58%}
/* Exclude the untidy far-right passage, keeping the edited master and company sign intact. */
.page-masthead--integrated[data-masthead-photo="H079"] .page-masthead-photo,.brand-hero .brand-hero-photo{width:calc(100% / .92);max-width:none;object-position:left 58%}
.brand-hero .brand-hero-photo{object-position:left bottom}
.page-masthead--integrated .breadcrumbs .text-link{color:#edf3f5}
.page-masthead--integrated .breadcrumbs .text-link:hover{color:#fff}
.page-masthead--integrated .lead-sentence{text-wrap:pretty}
#main .page-masthead+.wrap{padding-top:32px}
#main .manufacturing-page>.wrap>.page-jumps{margin-block:0;padding-block:22px 12px}
#main .clean-section{padding-top:24px}
.page-masthead--integrated+.references-content .project-view-tabs{margin-top:0}
.site-footer{background:var(--surface);border:0}
.footer-top,.footer-bottom{border:0}

/* Stable full-width identity, without feathering over real photographs. */
.header-shell.wrap{background:var(--header-surface);border:0;box-shadow:none}
.site-header{background:transparent;border:0;box-shadow:none}
.header-shell:after{content:none}
.header-shell.has-scrolled{box-shadow:none}

/* Contact with the image changes depth, never the surrounding layout or caption position. */
#main :is(.photo-button,.detail-photo,.qualification-photo,.evidence-photo,.operation-preview){background:transparent}
@media(hover:hover) and (pointer:fine){
 #main .qualification-grid .qualification-photo:hover img,#main .qualification-highlight:hover img{transform:translateY(-2px) scale(1.01);filter:drop-shadow(0 8px 11px rgb(29 52 65 / .15))}
 #main .qualification-grid article:has(.qualification-photo:hover) h3,#main .qualification-highlight:hover span{color:var(--blue-deep)}
 #main .quality-resource-links>a:hover svg{transform:translateX(4px)}
}
#main :is(.photo-button,.detail-photo,.qualification-photo,.evidence-photo,.operation-preview):active{transform:none}
#main :is(.photo-button,.detail-photo,.qualification-photo,.evidence-photo,.operation-preview):active>img{transform:scale(.995);transition-duration:.12s}
#main .qualification-highlight:active img{transform:scale(.995);transition-duration:.12s}

@media(max-width:740px){
 #main .contact-grid{gap:32px}
 #main .contact-form{padding:0}
 #main .qualification-grid .qualification-photo{padding:0}
 #main .qualification-highlight{padding:10px 0}
 #main .data-table tr{padding-block:12px}
 #main .data-table td{padding-block:5px}
 #main .quality-resource-links>a{padding:12px 0}
 .page-masthead--integrated .page-masthead-inner{min-height:164px;padding-block:20px}
 .page-masthead--integrated:before{background:linear-gradient(90deg,rgb(27 49 60 / .9),rgb(27 49 60 / .8) 60%,rgb(27 49 60 / .74))}
 .page-masthead-copy{max-width:100%}
 .page-masthead-copy>p{margin-top:12px;line-height:1.7}
 #main .page-masthead+.wrap{padding-top:24px}
 #main .manufacturing-page>.wrap>.page-jumps{padding-block:16px 4px}
 #main .clean-section{padding-top:20px}
}
@media(min-width:741px) and (max-width:1000px){
 .page-masthead--integrated:before{background:linear-gradient(90deg,rgb(27 49 60 / .92),rgb(27 49 60 / .8) 60%,rgb(27 49 60 / .74))}
 .page-masthead-copy{max-width:680px}
}

/* Categories replace a long certificate stack; the paper originals stay intact. */
.qualification-tabs{display:flex;flex-wrap:wrap;gap:12px 30px;margin:20px 0 28px;position:relative}
.qualification-tabs a{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 0 12px;color:var(--muted);text-decoration:none;font-weight:450}
.qualification-tabs small{font-size:.8rem;font-variant-numeric:tabular-nums;opacity:.75}
.qualification-tabs a:is(:hover,[aria-selected=true]){color:var(--brand-red-ink)}
.qualification-views-ready .qualification-section{padding-top:0}
.qualification-section[hidden],.qualification-grid article[hidden]{display:none!important}
@media(max-width:740px){
 .qualification-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin:12px 0 22px}
 .qualification-tabs a{font-size:.9rem;gap:8px;justify-content:space-between;line-height:1.4}
 #main .contact-item{padding-block:8px}
 #main .contact-item:not(:last-child){display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:10px;align-items:center}
 #main .contact-item dt{margin-bottom:3px}
 #main .contact-item:not(:last-child) dt{margin-bottom:0}
 #main .contact-item:not(:last-child) dd{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0}
 #main .contact-item dd{line-height:1.45}
 #main .contact-list{margin-top:10px}
 #main .contact-grid{gap:24px}
}

.partner-tile picture{display:contents}
.desktop-nav{gap:clamp(16px,1.55vw,26px)}
.company-context-nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:20px}
.company-context-nav .text-link{min-height:44px}
.detail-evidence{margin:24px 0}
#main .detail-evidence p{margin-top:8px}
#main .qualification-purpose{margin:10px 0 24px}
#main .quality-practice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px;margin:0}
.quality-practice-list dd{margin:8px 0 0}
#main .data-table tbody tr:hover>td{background:rgb(32 55 67 / .035)}
#main .manufacturing-views .data-table tbody tr:hover>td{background:rgb(230 240 246 / .035)}
#main .reference-logo{width:var(--reference-logo-width,134px);height:var(--reference-logo-height,44px);max-width:134px;object-fit:contain;object-position:left center}
#main .partner-tile:not(a){cursor:default}
#main .partner-tile:not(a):hover img{transform:none}
#main .form-result{margin-top:28px;padding-top:8px}
#main .form-result>p{margin-top:10px}
.inquiry-draft-state{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 20px;margin:0 0 14px}
.inquiry-draft-state[hidden]{display:none}
.inquiry-draft-state>div{display:flex;flex-wrap:wrap;gap:8px 20px}
#main .inquiry-draft-state>p{margin:0;font-size:var(--type-caption);color:var(--muted)}
.inquiry-draft-state .filter-clear{min-height:44px}
#main .draft-preview{margin-block:18px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:740px){
 .company-context-nav{gap:4px 20px;margin-top:14px}
 .detail-evidence{margin-block:20px}
 #main .qualification-purpose{margin-bottom:20px}
 #main .quality-practice-list{gap:16px;grid-template-columns:1fr}
 #main .reference-logo{width:min(100%,var(--reference-logo-width,100px));height:min(40px,var(--reference-logo-height,40px));max-width:110px;margin-bottom:8px}
 #main .data-table tbody tr:hover>td{background:transparent}
}

/* Technical enquiry: light contact fields, a generous writing area, quiet optional source. */
#main .contact-form .inquiry-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-bottom:18px}
#main .contact-form .inquiry-inputs .field{margin:0;gap:4px;min-width:0}
#main .contact-form .inquiry-inputs input{height:44px;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid rgb(65 91 107 / .36);border-radius:0;background:transparent;box-shadow:none;transition:border-color .18s ease}
#main .contact-form .inquiry-inputs input:hover{border-color:rgb(65 91 107 / .65)}
#main .contact-form .inquiry-inputs input:focus{outline:0;background:transparent;border-bottom-color:var(--blue);box-shadow:0 1px 0 var(--blue)}
#main .contact-form .requirements-field{gap:8px;margin-bottom:16px}
#main .contact-form .requirements-field textarea{min-height:144px;padding:14px 16px;border:1px solid rgb(65 91 107 / .38);border-radius:12px;background:transparent;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}
#main .contact-form .requirements-field textarea::placeholder{color:var(--muted);line-height:1.7}
#main .contact-form .requirements-field textarea:hover{border-color:rgb(65 91 107 / .65)}
#main .contact-form .requirements-field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 2px rgb(0 123 156 / .13)}
#main .contact-form .inquiry-footer{display:flex;justify-content:flex-end;margin-top:12px}
.inquiry-optional{margin:0 0 14px}
.inquiry-optional>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;color:var(--muted)}
.inquiry-optional>summary::-webkit-details-marker{display:none}
.inquiry-optional>summary svg{flex:none;width:16px;height:16px;transition:transform .18s ease}
.inquiry-optional[open]>summary svg{transform:rotate(90deg)}
.inquiry-optional>summary:is(:hover,:focus-visible){color:var(--blue)}
.inquiry-optional>summary:focus-visible{outline:2px solid var(--control-line);outline-offset:4px;border-radius:4px}
.inquiry-optional[open]>summary{margin-bottom:10px}
#main .contact-form .source-field{margin:0;gap:4px;max-width:380px;min-width:0}
.source-select{position:relative;display:block}
#main .contact-form .source-select select{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;min-height:44px;cursor:pointer;padding:8px 34px 8px 0;border:0;border-bottom:1px solid rgb(65 91 107 / .36);border-radius:0;background:transparent;box-shadow:none;transition:border-color .18s ease}
.source-select>svg{position:absolute;width:16px;height:16px;right:2px;top:14px;transform:rotate(90deg);pointer-events:none;color:var(--muted);transition:transform .18s ease,color .18s ease}
#main .contact-form .source-select select:is(:hover,:focus){outline:0;background:transparent;border-bottom-color:var(--blue)}
#main .contact-form .source-select select:focus{box-shadow:0 1px 0 var(--blue)}
.source-select:focus-within>svg{color:var(--blue);transform:translateY(2px) rotate(90deg)}
#main .contact-form .inquiry-submit{min-height:48px;padding:12px 22px;white-space:nowrap;align-self:end}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(max-width:740px){
 #main .contact-form .inquiry-inputs{gap:12px 18px;margin-bottom:16px}
 #main .contact-form .required-field{grid-column:1/-1}
 #main .contact-form .requirements-field textarea{min-height:128px;padding:12px 14px}
 #main .contact-form .requirements-field{margin-bottom:12px}
 #main .contact-form .source-field{max-width:none}
 #main .contact-form .inquiry-submit{width:100%}
}

/* Genuine shell assembly replaces the abstract pipe-marking crop. */
.page-qualifications .page-masthead-photo{object-position:50% 42%}

/* Transparent evidence links: underline at rest, nearby arrow, quiet hover feedback. */
#main .quality-resource-links>a{justify-content:flex-start;min-height:80px}
#main .quality-resource-links .resource-title>svg{width:20px;height:20px;align-self:center;color:var(--brand-red-ink)}
#main .quality-resource-links>a:focus-visible{outline:2px solid var(--control-line);outline-offset:6px;border-radius:4px}
@media(max-width:740px){
 #main .quality-resource-links{grid-template-columns:1fr;gap:6px;margin-top:18px}
 #main .quality-resource-links>a{padding-block:12px;min-height:76px}
}

/* A compact opening gives the actual equipment and certificate names the first viewport. */
#main .equipment-index{padding-top:24px}
#main .equipment-index .catalog-tools{margin-top:0;margin-bottom:20px;padding-block:0}
#main .equipment-index .catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 24px;align-items:center}
#main .equipment-index .catalog-tools>.filters{grid-column:1/-1}
.catalog-family-links{display:flex;flex-wrap:wrap;gap:4px 20px;grid-column:2;grid-row:1;justify-content:flex-end}
.catalog-family-links>[hidden]{display:none!important}
@media(max-width:740px){
 #main .equipment-index .catalog-tools{grid-template-columns:minmax(0,1fr)}
 .catalog-family-links{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:4px}
}

/* A clear action belongs to its query, leaving category/client choices intact. */
.search-wrap:has(>[data-search-clear]) input{padding-inline-end:54px}
.search-wrap:has(>[data-search-clear]) input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.search-clear{position:absolute;inset-inline-end:4px;top:4px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:color .16s ease,background-color .16s ease}
.search-clear svg{position:static;width:16px;height:16px;color:inherit}
.search-clear:hover{color:var(--brand-red-ink);background:rgb(32 55 67 / .06)}
.search-clear:active{background:rgb(32 55 67 / .1)}
.search-clear:focus-visible{outline:2px solid var(--control-line);outline-offset:-3px}
.manufacturing-views .search-clear:hover{background:rgb(243 247 249 / .08)}
#main .detail-media .thumb-row{gap:12px;align-items:start}
#main .detail-media .thumb-row button{display:grid;grid-template-rows:72px auto;gap:6px;width:112px;padding:0 0 5px;border:0;border-radius:0;background:transparent;text-align:left;color:var(--muted)}
#main .detail-media .thumb-row img{height:72px;width:100%;object-fit:contain;border-radius:8px}
#main .detail-media .thumb-row button[aria-pressed=true]{color:var(--ink)}
#main .detail-media .thumb-row button:hover{color:var(--blue-deep)}
#main .detail-media .thumb-row button[aria-pressed=true]>span{text-decoration:underline;text-decoration-color:var(--brand-red);text-underline-offset:5px}
#main .equipment-index .search-row{margin-bottom:0}
#main .equipment-index .filters{margin-top:12px;padding-bottom:3px}
#main .detail-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:44px;align-items:start}
.detail-media{min-width:0;max-width:var(--detail-native-limit,820px)}
#main .detail-media .detail-photo{display:block;width:100%}
#main .detail-media .detail-photo>img{max-height:620px;object-fit:contain}
#main .detail-copy .technical-links{gap:8px 24px;margin:22px 0 0}
.detail-return{margin-top:16px}
#main .detail-return .text-link{min-height:44px}
.company-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.company-milestones>div{min-width:0}
.company-milestones dd{margin:6px 0 0;max-width:27ch}
@media(max-width:1000px) and (min-width:741px){#main .detail-layout{gap:28px}}
@media(max-width:740px){
 #main .equipment-index{padding-top:20px}
 #main .equipment-index .catalog-tools{margin-bottom:20px}
 #main .detail-layout{grid-template-columns:1fr;gap:24px}
 #main .detail-media{max-width:100%}
 #main .detail-media .detail-photo>img{max-height:440px}
 #main .detail-copy .technical-links{gap:4px 18px;margin-top:16px}
 .detail-return{margin-top:8px}
 #main .detail-media .thumb-row{gap:10px}
 #main .detail-media .thumb-row button{width:calc((100% - 20px)/3);max-width:112px;grid-template-rows:62px auto}
 #main .detail-media .thumb-row img{height:62px}
 .company-milestones{gap:18px;margin-block:20px}
 #main .qualification-grid .qualification-photo img{height:148px}
}
/* A consistent dark emphasis surface, interleaved with the existing blue-gray reading ground. */
:root{--evidence-background:#385764;--evidence-foreground:#f3f7f9;--evidence-secondary:#d0dee5;--supporting-background:#526b78;--supporting-secondary:#e7eef2}
.evidence-dark{--ink:var(--evidence-foreground);--muted:var(--evidence-secondary);--blue:#d7e9f2;--blue-deep:#ecf4f8;--brand-red-ink:#ff918b;--line:rgb(225 238 245 / .18);background:var(--evidence-background);color:var(--ink)}
.site-footer.evidence-dark :is(.footer-top p,.footer-links a,.footer-bottom){color:var(--muted)}
.site-footer.evidence-dark :is(.footer-links strong,.footer-links a:hover){color:var(--ink)}
.site-footer.evidence-dark .footer-bottom{border:0}
/* Native official artwork: light wordmark with the untouched red/cyan emblem layered back.
   No new lettering, image processing, or change to the header/source logo. */
.brand-on-dark .brand-lockup{position:relative;display:block;width:376px;max-width:100%}
.site-footer .brand-on-dark .brand-lockup img{display:block;width:100%;max-width:100%;height:auto;filter:brightness(0) invert(1)}
.site-footer .brand-on-dark .brand-lockup .brand-color-layer{position:absolute;inset:0;width:100%;height:100%;filter:none;clip-path:inset(0 85% 0 0);pointer-events:none}
@media(min-width:1800px){.brand-on-dark .brand-lockup{width:480px}}
@media(max-width:740px){
 .brand-on-dark .brand-lockup{width:330px}
}

/* The same qualification/client emphasis remains dark in ordinary-flow mobile home. */
.home-page .qualifications-band.evidence-dark{background:linear-gradient(125deg,#385764,#2d4c59 65%,#3c5b68)}
.home-page .qualifications-band.evidence-dark :is(.clients-band,.contact-band){background:transparent}
#main .qualifications-band .home-projects .partner-light-white img{filter:brightness(0) invert(1);opacity:.9}
#main .qualifications-band .home-projects .partner-light-none img{filter:none;opacity:.9}

/* The footer is a lighter middle blue-gray: compact, without a second contact stripe. */
.site-footer.evidence-dark{margin-top:0;border:0;color:var(--ink);--ink:#f3f7f9;--muted:var(--supporting-secondary);--blue:#f3f7f9;background:var(--supporting-background);padding-top:28px;padding-bottom:20px}
.site-footer .footer-top{gap:28px 48px;padding-bottom:22px}
.site-footer .footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.site-footer .footer-navigation strong{grid-column:1/-1;margin-bottom:6px}
.site-footer .footer-contact{gap:8px}
.site-footer .footer-contact .text-link{padding:3px 0;min-height:34px;font-weight:450;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.site-footer .footer-top .brand{margin-bottom:16px}
.site-footer .footer-bottom{padding-top:14px}
/* Keep the complete wordmark and readable link columns at tablet widths. */
.site-footer .footer-top>div{min-width:0}
@media(min-width:741px) and (max-width:1100px){
 .site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
 .site-footer .footer-top>div:first-child{grid-column:1/-1}
 .site-footer .footer-links :is(a,p){max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:740px){
 .site-footer.evidence-dark{padding-top:26px;padding-bottom:22px}
 .site-footer .footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 20px;padding-bottom:20px}
 .site-footer .footer-top>div:first-child{grid-column:1/-1}
 .site-footer .footer-navigation{grid-template-columns:1fr;gap:2px}
 .site-footer .footer-navigation strong{grid-column:auto}
 .site-footer .footer-links{min-width:0}
 .site-footer .footer-links :is(a,p){overflow-wrap:anywhere}
 .site-footer .footer-links a{display:inline-flex;align-items:center;min-height:32px;padding-block:4px;font-size:.8rem}
 .site-footer .footer-contact{gap:2px}
 .site-footer .footer-top .brand{margin-bottom:12px}
 .site-footer .footer-bottom{gap:8px;font-size:.7rem;line-height:1.6}
 .site-footer .footer-bottom .legal{gap:8px 14px}
}
/* Manufacturing topics share one calm display canvas; no alternating color stripes. */
#main .manufacturing-views{position:relative;background:transparent;--ink:#f3f7f9;--muted:var(--supporting-secondary);--blue:#d7e9f2;--brand-red-ink:#ffbab4;--control-line:#94aab6;--surface:var(--supporting-background);padding-bottom:12px}
.manufacturing-topic-bar{position:sticky;top:var(--manufacturing-header-height,84px);z-index:4;background:var(--supporting-background)}
.manufacturing-tabs{display:flex;gap:32px;flex-wrap:wrap;position:relative;padding-block:6px;margin:0}
.manufacturing-panels{padding-top:20px}
#main .quality-practice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;margin:0}
#main .quality-practice-list>div{min-width:0}
#main .quality-practice-list dd{margin:8px 0 0;max-width:48ch}
#main .quality-practice .equipment-view-links{margin:20px 0 0}
.manufacturing-tabs a{display:flex;align-items:center;padding:10px 0 12px;min-height:48px;color:var(--muted);font-weight:450;text-decoration:none;transition:color .16s ease}
.manufacturing-tabs a:is(:hover,[aria-selected=true]){color:var(--ink)}
.manufacturing-tabs a:focus-visible{outline-color:#d7e9f2}
.manufacturing-panel[hidden]{display:none!important}
#main .manufacturing-panel>.section{padding-top:0;padding-bottom:40px}
#main .manufacturing-panel .qualification-highlights{padding-bottom:28px}
#main .manufacturing-panel .records-section{padding-top:18px}
#main .manufacturing-views :is(.section-head p,.capability-copy p,figcaption,.process-media p,.rail-controls span,.record-note){color:var(--muted)}
#main .manufacturing-views :is(h2,h3,.text-link,.rail-controls .icon-button,.quality-resource-links strong){color:var(--ink)}
#main .manufacturing-views .inspection-notes{padding-inline:0;background:transparent}
#main .manufacturing-views .rail-controls .icon-button:hover:not(:disabled){background:rgb(225 238 245 / .08)}
#main .manufacturing-views .catalog-pagination [aria-current=page]{color:var(--ink)}
#main .manufacturing-views .catalog-pagination [aria-current=page]:after{background:#ffbab4}
#main .manufacturing-views .catalog-pagination button:hover:not(:disabled){color:var(--ink);background:rgb(225 238 245 / .08)}
#main .manufacturing-views .quality-resource-links a{background:transparent}
#main .manufacturing-views .quality-resource-links small{color:var(--muted)}
@media(max-width:740px){
 .manufacturing-topic-bar{top:var(--manufacturing-header-height,78px)}
 .manufacturing-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding-block:4px;margin:0}
 .manufacturing-tabs a{font-size:.9rem;line-height:1.4;min-height:44px;padding-block:8px}
 .manufacturing-panels{padding-top:12px}
 #main .quality-practice-list{gap:18px 20px}
 #main .quality-practice-list dd{margin-top:5px}
 #main .manufacturing-panel .section-head{margin-bottom:16px}
 #main .manufacturing-panel>.section{padding-bottom:28px}
 #main .manufacturing-panel .records-section{padding-top:12px}
}
/* Preview-only trim of the scanned outside margin. Original certificate pixels are untouched. */
img:is([src="/assets/qualification-02-thumb.webp"],[src="/assets/qualification-02-full.webp"]){clip-path:inset(.4% .45% 0 0)}

#main .manufacturing-views .operation-play{color:#284653;background:rgb(245 248 250 / .95)}
.fabrication-equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.fabrication-equipment-grid figure{margin:0;min-width:0}
.fabrication-equipment-grid :is(.detail-photo,.photo-button){display:block;width:100%;height:auto;aspect-ratio:4/3;background:transparent}
.fabrication-equipment-grid :is(.detail-photo,.photo-button) img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.fabrication-equipment-grid figcaption{margin-top:14px;text-wrap:pretty}
.fabrication-equipment-grid figcaption h3{margin:0;min-height:1.4em}
html[lang=en] .fabrication-equipment-grid figcaption h3{min-height:2.8em}
.fabrication-equipment-grid figcaption p{margin:5px 0 0}
@media(max-width:740px){
 .fabrication-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .fabrication-equipment-grid figcaption{margin-top:10px}
 .fabrication-equipment-grid figcaption h3{min-height:2.8em}
 html[lang=en] .fabrication-equipment-grid figcaption h3{min-height:4.2em}
}

.manufacturing-panel[id],.manufacturing-panel [id]{scroll-margin-top:calc(var(--manufacturing-header-height,84px) + var(--manufacturing-topic-height,60px) + 20px)}
@media(max-width:740px){.manufacturing-panel[id],.manufacturing-panel [id]{scroll-margin-top:calc(var(--manufacturing-header-height,78px) + var(--manufacturing-topic-height,96px) + 20px)}}

/* Known specifications and uses share one reading column; missing values add no filler. */
#main .inventory-facts>span:not(.visually-hidden){display:block}
#main .inventory-facts>span+span{margin-top:3px}
#main [data-active-sector]:not([data-active-sector="all"]) .inventory-record-meta small{display:none}
@media(min-width:741px){
 #main .inventory-table :is(th,td):nth-child(1){width:40%}
 #main .inventory-table :is(th,td):nth-child(2){width:50%}
 #main .inventory-table :is(th,td):nth-child(3){width:10%;text-align:center;font-variant-numeric:tabular-nums}
 #main .inventory-table td{padding-block:11px}
}

/* Certificates are primary evidence; they no longer read as tiny inline accessories. */
#main .qualification-highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#main .qualification-highlight{display:grid;grid-template-columns:minmax(0,1fr) 22px;grid-template-rows:204px auto;align-items:start;gap:14px 8px;text-align:left;padding:8px 0 16px;min-width:0}
#main .qualification-highlight img{grid-column:1/-1;width:154px;height:204px;object-fit:contain;object-position:left center}
#main .qualification-highlight>span{min-width:0}
#main .qualification-highlight>svg{display:block;grid-column:2;grid-row:2;align-self:start;margin-top:4px;color:var(--brand-red-ink)}
.equipment-view-links{display:flex;flex-wrap:wrap;gap:8px 32px;margin:0 0 24px}
#equipment-photos>.section-head>.equipment-view-links{margin:0;flex:none}
@media(max-width:740px){#equipment-photos>.section-head>.equipment-view-links{margin-top:0}}
#main .manufacturing-views :is(.section-head>.text-link,.equipment-view-links>.text-link){color:var(--evidence-link,#ffe1de)}
@media(max-width:1000px){#main .qualification-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:740px){
 #main .qualification-highlight-grid{gap:20px 16px}
 #main .qualification-highlight{grid-template-rows:150px auto;gap:10px 6px;padding:4px 0 12px}
 #main .qualification-highlight img{width:112px;height:150px}
 .equipment-view-links{gap:4px 20px;margin-bottom:18px}
}
/* One authentic background field spans each inner page and its footer. */
.site-surface{position:relative;isolation:isolate;background:linear-gradient(155deg,rgb(220 231 237 / .16),transparent 650px),var(--surface)}
.site-surface #main{background:transparent;isolation:auto}
.site-surface>.brand-backdrop{max-height:none;mask-image:linear-gradient(to bottom,transparent var(--brand-fade-start,185px),#000 var(--brand-fade-end,265px));-webkit-mask-image:linear-gradient(to bottom,transparent var(--brand-fade-start,185px),#000 var(--brand-fade-end,265px))}
.site-surface>.site-footer.evidence-dark{position:relative;isolation:auto;background:transparent}
.site-surface>.site-footer:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--supporting-background);pointer-events:none}
.site-surface--manufacturing{background:var(--supporting-background)}
.site-surface--manufacturing>.brand-backdrop{top:clamp(220px,16vw,252px);mask-image:none;-webkit-mask-image:none}
.site-surface--manufacturing>.brand-backdrop .brand-backdrop-art{top:0;right:-8vw;width:100vw}
/* Brand recall belongs to the composition; long copy and forms need a quieter field. */
.site-surface>.brand-backdrop .brand-backdrop-art{opacity:var(--brand-reading-opacity,.045)}
.page-about{--brand-reading-opacity:.018}
.page-products .site-surface:has(.detail-layout,.family-feature){--brand-reading-opacity:.012}
.page-projects{--brand-reading-opacity:.006}
:is(.page-contact,.page-resources,.page-privacy){--brand-reading-opacity:.008}
.page-qualifications{--brand-reading-opacity:.014}
.page-manufacturing{--brand-reading-opacity:.014}
@media(max-width:740px){
 .site-surface--manufacturing>.brand-backdrop{top:240px}
 .site-surface--manufacturing>.brand-backdrop .brand-backdrop-art{right:-16vw;width:125vw}
}

@media(max-width:740px){
 .site-surface>.brand-backdrop .brand-backdrop-art{top:auto;bottom:260px;right:-16vw;width:125vw;opacity:var(--brand-mobile-opacity,var(--brand-reading-opacity,.018))}
}