:root{--green:#0b4f47;--ink:#132e2b;--muted:#52665f;--line:#d8e1db;--cream:#f4f7f4;--gold:#ba9d65;--radius:4px;--space:8px}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Arial,'Microsoft YaHei',sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.brand>strong{font-size:40px;letter-spacing:-7px;font-style:italic;color:var(--green);padding-right:8px}.brand>strong span{font-size:25px;color:#c4a970;letter-spacing:-4px}.brand>div{font-size:24px;font-weight:600;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:1.25px;margin-top:7px}.brand b{font-weight:400}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover{color:#16806d}.header-actions{display:flex;align-items:center;gap:25px;font-size:13px}#language{border:0;background:none;padding:12px 2px}.contact-link{background:var(--green);color:white;padding:15px 20px}.hero{height:min(690px,calc(100svh - 94px));min-height:530px;position:relative;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,40,36,.85),rgba(8,45,40,.35) 60%,rgba(7,43,37,.07)),linear-gradient(0deg,rgba(0,30,25,.6),transparent 45%)}.hero-content{position:absolute;top:17%;left:7%;right:6%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;background:#c9d8ac;border-radius:50%}.green{color:var(--green)}h1{font-size:clamp(42px,5.1vw,78px);line-height:1.09;font-weight:400;letter-spacing:-2.5px;margin:28px 0 22px}h2{font-size:clamp(30px,3vw,46px);font-weight:400;line-height:1.22;letter-spacing:-1.3px;margin:22px 0}h3{font-size:24px;font-weight:400}p{font-size:15px;line-height:1.9;color:var(--muted)}.hero p{color:#e0e8e3;font-size:16px;line-height:1.8}.button{display:inline-block;padding:18px 25px;font-size:13px;font-weight:600;margin-top:18px}.light{background:#f4f6ef;color:var(--green)}.hero-bottom{position:absolute;bottom:27px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px}.hero-bottom a{font-size:27px}.intro-strip{padding:25px 7%;display:flex;justify-content:space-between;background:var(--green);color:#e8eee8;font-size:12px;letter-spacing:.6px}.intro-strip span+span{border-left:1px solid #638078;padding-left:6%}.section{padding:90px 7%;max-width:1600px;margin:auto}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-bottom:40px}.lead{font-size:19px;color:var(--ink);line-height:1.75}.text-link{display:inline-block;padding-bottom:8px;border-bottom:1px solid var(--green);font-size:13px;margin-top:10px}.facility{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding-top:10px;padding-bottom:80px}figure{margin:0}figure img{width:100%;height:280px;object-fit:cover}figcaption{padding:20px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}figcaption span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}figcaption b{font-size:14px;font-weight:400}.product-section{background:var(--cream);max-width:none}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:35px}.section-heading>p{max-width:370px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-card{background:white;border:1px solid #e5e9e3;display:flex;flex-direction:column;text-align:left;padding:0;color:var(--ink);transition:transform .2s}.product-card:hover{transform:translateY(-5px)}.product-card .product-image{height:220px;position:relative;overflow:hidden;background:#fff}.product-image img{width:100%;height:100%;object-fit:contain;padding:26px}.product-image .number{position:absolute;top:18px;left:20px;font-size:10px;color:#7d8b84}.card-copy{padding:24px;border-top:1px solid #eef0ed}.card-copy small{font-size:9px;letter-spacing:1px;color:var(--muted)}.card-copy h3{font-size:21px;margin:12px 0;display:flex;justify-content:space-between;gap:10px}.card-copy p{font-size:13px;line-height:1.6;margin:0}.applications{background:var(--green);color:white}.applications h2{margin-bottom:45px}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}.application{border-top:1px solid #5d7d70;padding:26px 0}.application span{color:#b6c8a4;font-size:11px}.application h3{font-size:22px;margin:16px 0 10px}.application p,.applications .small{color:#c0d0c8;font-size:13px}.applications .small{margin-top:28px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.knowledge{border-top:1px solid var(--line);padding-top:25px}.knowledge small{color:var(--green);font-size:10px;letter-spacing:1px}.knowledge h3{font-size:23px;line-height:1.4}.knowledge p{font-size:14px}.knowledge a{font-size:12px;text-decoration:underline;text-underline-offset:5px}.catalog-banner{margin-top:50px;background:#edf1e8;padding:32px 36px;display:flex;align-items:center;justify-content:space-between}.catalog-banner small{font-size:10px;letter-spacing:2px}.catalog-banner h3{margin:13px 0 8px}.catalog-banner p{font-size:13px;margin:0}.catalog-banner>span{font-size:32px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}.contact-details{padding:15px 0}.contact-details label{font-size:9px;letter-spacing:1.4px;color:var(--muted);display:block;margin-top:22px}.contact-details p{font-size:17px;color:var(--ink);margin:7px 0;overflow-wrap:anywhere}.sample-label{font-size:9px;letter-spacing:.5px;color:#826f45;background:#f2efe6;padding:8px;display:inline-block}footer{padding:35px 7%;background:#f5f6f2;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a{font-size:11px}dialog{width:min(970px,92vw);max-height:90svh;border:0;padding:50px;color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#082d26b8}.close{position:absolute;top:12px;right:18px;background:none;border:none;font-size:32px;color:var(--green)}.detail-top{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;align-items:center}.detail-top img{width:100%;height:260px;object-fit:contain}.detail-items{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.detail-items span{font-size:12px;padding:9px 12px;background:var(--cream)}dialog .note{font-size:12px;border-top:1px solid var(--line);padding-top:20px}.skip{position:absolute;left:10px;top:-100px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}:focus-visible{outline:3px solid #b39b58;outline-offset:5px}html[lang=zh-CN] h1{letter-spacing:0;line-height:1.25}html[lang=zh-CN] h2{letter-spacing:0;line-height:1.45}body:has(dialog[open]){overflow:hidden}@media(min-width:1500px){.hero-content{left:calc((100vw - 1400px)/2 + 50px)}}@media(max-width:1000px){header{padding:0 4%;gap:15px}nav{gap:18px;font-size:12px}.brand>div{font-size:20px}.brand small{font-size:7px}.header-actions{gap:12px}.section{padding:65px 5%}.facility{padding-top:0}.product-grid{gap:15px}.product-image img{padding:20px}.card-copy{padding:20px}.card-copy h3{font-size:18px}figcaption{align-items:start;flex-direction:column;gap:8px}.contact-link{padding:13px}.hero-content{left:5%}}@media(max-width:720px){header{height:80px}.brand>strong{font-size:34px}.brand>div{font-size:19px}.brand small{letter-spacing:.5px}.brand b{display:none}nav{display:none}.contact-link{display:none}.hero{min-height:600px;height:calc(88svh - 80px);max-height:760px}.hero>img{object-position:62% center}.hero-content{top:15%;left:7%}h1{font-size:45px;letter-spacing:-1.7px}.hero p{font-size:14px;max-width:90%}.hero-bottom{font-size:8px;gap:15px}.hero-bottom>span:nth-child(2){display:none}.intro-strip{padding:21px 5%;gap:16px;font-size:10px;line-height:1.5}.intro-strip span+span{padding-left:15px}.about{grid-template-columns:1fr;gap:5px;padding-bottom:30px}.section{padding:55px 7%}.lead{font-size:17px}.facility{grid-template-columns:1fr;padding-top:0;gap:12px}figure img{height:225px}figcaption{flex-direction:row}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:none}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-card .product-image{height:160px}.product-image img{padding:20px 12px}.card-copy{padding:15px}.card-copy h3{font-size:17px;line-height:1.35}.card-copy p{font-size:11px}.card-copy small{font-size:8px}.application-grid{grid-template-columns:1fr 1fr;gap:0 25px}.application h3{font-size:19px}.knowledge-grid{grid-template-columns:1fr;gap:25px}.knowledge h3{margin:13px 0}.catalog-banner{padding:25px;gap:15px}.catalog-banner h3{font-size:21px}.contact{grid-template-columns:1fr;gap:5px}footer{flex-wrap:wrap;padding:28px 7%}footer .brand{width:100%}dialog{padding:42px 24px 24px}.detail-top{grid-template-columns:1fr;gap:0}.detail-top img{height:160px}dialog h2{font-size:28px;margin:18px 0}html{scroll-padding-top:85px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Interactive scene: one coordinate system for the image and its markers. */
.explorer{padding-top:70px;padding-bottom:65px}.scene-filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 24px}.scene-filters button{background:white;border:1px solid var(--line);border-radius:30px;padding:11px 20px;color:var(--muted);font-size:12px}.scene-filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.explorer-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;border:1px solid var(--line);background:#fafbf8}.scene-shell{min-width:0;overflow:hidden;background:white}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #edf0ea;gap:12px}.scene-tag{font-size:9px;letter-spacing:1px;color:#77887b}.scene-toolbar>div{display:flex;align-items:center;gap:8px}.scene-toolbar button{border:1px solid var(--line);background:white;height:32px;min-width:32px;color:var(--green);font-size:18px}.scene-toolbar button:disabled{opacity:.35;cursor:default}#scene-reset{font-size:10px;padding:0 9px}#scene-scale{font-size:10px;min-width:34px;text-align:center}.scene-viewport{position:relative;aspect-ratio:1.06;overflow:hidden;touch-action:pan-y}.scene-viewport.zoomed{touch-action:none;cursor:grab}.scene-viewport.dragging{cursor:grabbing}.scene-art{position:absolute;width:125%;aspect-ratio:1396/1128;left:-6%;top:-12%;transform-origin:45% 48%;will-change:transform}.scene-art>img{width:100%;display:block;pointer-events:none;user-select:none}.scene-hotspot{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border:2px solid white;background:var(--green);color:white;border-radius:50%;font-size:11px;box-shadow:0 2px 8px #072c3440;display:grid;place-items:center;padding:0;transition:background .15s,box-shadow .15s;z-index:1}.scene-hotspot::after{content:attr(data-label);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 10px;border-radius:3px;background:var(--green);color:white;font-size:10px;pointer-events:none;opacity:0}.scene-hotspot:hover::after,.scene-hotspot:focus-visible::after{opacity:1}.scene-hotspot[aria-pressed=true]{background:#b99550;box-shadow:0 0 0 7px #b9955026,0 2px 8px #072c3440;z-index:2}.scene-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 20px;border-top:1px solid #edf0ea;font-size:9px;letter-spacing:.4px;color:var(--muted)}.scene-foot a{color:var(--green);white-space:nowrap;font-size:11px}.scene-panel{border-left:1px solid var(--line);padding:28px;display:flex;flex-direction:column}.scene-panel .scene-step{font-size:10px;letter-spacing:1.2px;color:var(--green);margin-bottom:24px}.scene-panel h3{font-size:26px;line-height:1.2;margin:16px 0}.scene-panel>img{width:100%;height:145px;object-fit:contain;background:white;padding:15px}.scene-panel p{font-size:13px;line-height:1.8;margin:10px 0}.scene-panel .selection-note{font-size:11px;border-top:1px solid var(--line);padding-top:15px}.scene-panel .button{background:var(--green);color:white;border:0;text-align:left;margin-top:auto;font-size:12px;padding:15px 18px}.scene-panel .panel-category{font-size:9px;color:var(--muted);letter-spacing:1px;margin-top:20px}.scene-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.scene-index button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 12px;background:white;color:var(--muted);font-size:11px}.scene-index button span{font-size:9px;color:var(--green)}.scene-index button[aria-pressed=true]{border-color:var(--green);color:var(--green);background:#edf3ed}.scene-disclaimer{font-size:11px;margin:20px 0 0;color:#849087}@media(max-width:1100px){.explorer-layout{grid-template-columns:minmax(0,1fr) 270px}.scene-panel{padding:20px}.scene-panel h3{font-size:22px}.scene-tag{display:none}.scene-toolbar{justify-content:flex-end}header nav{gap:18px}}@media(max-width:800px){.explorer-layout{grid-template-columns:1fr}.scene-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:100px 1fr;gap:0 18px;padding:22px}.scene-panel .scene-step{grid-column:1/-1;margin:0 0 18px}.scene-panel>img{height:115px;grid-row:2/5}.scene-panel .panel-category{margin:0}.scene-panel h3{margin:9px 0;font-size:22px}.scene-panel p{grid-column:1/-1}.scene-panel .button{grid-column:1/-1;margin-top:15px}.scene-art{top:-13%}.scene-hotspot{width:30px;height:30px;font-size:10px}.scene-foot{padding:15px;font-size:8px}.scene-filters{gap:7px}.scene-filters button{font-size:11px;padding:10px 13px}.scene-index{gap:7px}.scene-index button{font-size:10px;padding:9px}.scene-hotspot::after{display:none}.scene-toolbar{padding:12px 15px}.scene-tag{display:inline}.scene-panel .selection-note{font-size:11px}.explorer{padding-top:40px}}@media(max-width:420px){.scene-tag{font-size:7px;letter-spacing:0}.scene-viewport{aspect-ratio:.98}.scene-art{top:-8%}.scene-foot>span{max-width:50%;line-height:1.6}.scene-hotspot{width:27px;height:27px}.scene-index button{min-height:38px}}
@media(max-width:420px){.scene-art{left:-3%;width:121%}.scene-hotspot[data-point="9"]{margin-left:-7px;margin-top:5px}.scene-hotspot[data-point="10"]{margin-left:5px;margin-top:-7px}.scene-index button{min-height:44px}}

.official-brand{width:210px;height:58px;display:block;overflow:hidden;background:#fff;flex-shrink:0;position:relative}.official-brand img{position:absolute;width:230px;max-width:none;height:auto;left:-10px;top:-38px}.brand .official-brand{font-size:0}footer .official-brand{width:240px;height:66px}footer .official-brand img{width:262px;left:-12px;top:-44px}.catalog-majors{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);margin:24px 0}.catalog-majors button{padding:22px 10px;border:0;border-bottom:3px solid transparent;background:none;color:var(--ink);font:inherit;font-size:15px;text-align:left}.catalog-majors button small{display:block;margin-top:8px;font-size:12px;color:var(--muted)}.catalog-majors button[aria-pressed=true]{color:var(--green);border-color:var(--green);background:#f0f4ee}.catalog-tools{display:flex;align-items:end;gap:18px;margin:24px 0}.catalog-tools label{display:grid;gap:8px;font-size:14px}.catalog-search{flex:1}.catalog-tools input,.catalog-tools select,#single-variant{font:inherit;border:1px solid #cbd3cd;background:#fff;color:var(--ink);padding:13px 15px;min-height:48px;border-radius:0}.catalog-reset{border:0;background:none;text-decoration:underline;font:inherit;font-size:14px;padding:15px 0}.catalog-subs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.catalog-subs button{font:inherit;font-size:14px;padding:9px 16px;background:white;border:1px solid #d9dfd9;color:var(--ink)}.catalog-subs button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.catalog-count{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 0;font-size:14px}.catalog-count span{color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.catalog-card{background:white;border:1px solid var(--line);min-width:0;transition:border-color .2s}.catalog-card:hover{border-color:var(--green)}.catalog-picture{display:block;height:210px;background:#fff;padding:20px;border-bottom:1px solid #edf0ec}.catalog-picture img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.catalog-picture:hover img{transform:scale(1.035)}.catalog-copy{padding:22px}.catalog-copy small{font-size:12px;color:var(--green);letter-spacing:.6px}.catalog-copy h3{font-size:21px;line-height:1.4;margin:10px 0;overflow-wrap:anywhere}.catalog-copy p{font-size:14px;line-height:1.65;min-height:46px}.catalog-copy button{background:none;border:0;border-top:1px solid var(--line);font:inherit;font-size:14px;padding:14px 0 0;display:flex;justify-content:space-between;width:100%;color:var(--green)}.catalog-more{display:block;margin:30px auto 0}.catalog-empty{padding:40px;text-align:center}.catalog-back{display:inline-block;font-size:15px;margin-bottom:24px}.product-breadcrumb{font-size:14px;color:var(--muted);margin-bottom:28px}.single-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:start}.gallery-main{position:relative;background:white;border:1px solid var(--line);width:100%;height:440px;padding:25px}.gallery-main>img{width:100%;height:100%;object-fit:contain}.gallery-main>span{position:absolute;bottom:12px;right:15px;font-size:13px;background:white;padding:5px;color:var(--green)}.gallery-thumbs{display:flex;gap:12px;margin-top:14px}.gallery-thumbs button{background:white;border:1px solid var(--line);padding:8px;font:inherit;font-size:12px;max-width:180px;color:var(--ink)}.gallery-thumbs button[aria-pressed=true]{border:2px solid var(--green)}.gallery-thumbs img{display:block;width:105px;height:66px;object-fit:contain;margin:0 auto 6px}.image-caption{font-size:13px!important}.single-info h1{font-size:38px;line-height:1.25;letter-spacing:-.6px;margin:15px 0 24px}.single-use{font-size:18px!important}.variant-label{display:block;font-size:14px;margin:28px 0 8px}#single-variant{width:100%}.single-parameters{margin:24px 0}.single-parameters>div{display:grid;grid-template-columns:125px 1fr;padding:15px 0;border-bottom:1px solid var(--line);gap:18px;font-size:15px;line-height:1.7}.single-parameters dt{color:var(--muted)}.single-parameters dd{margin:0}.single-notes{margin-top:55px;border-top:1px solid var(--line);padding-top:32px;max-width:950px}.single-notes h2,.related-products h2{font-size:28px}.single-notes .note{font-size:14px}.related-products{margin-top:50px}.related-products>div{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.related-products img{width:100%;height:130px;object-fit:contain;background:white}.related-products small{display:block;margin-top:15px;font-size:12px;color:var(--green)}.related-products h3{font-size:17px;line-height:1.5}.enlarged-product{width:100%;max-height:72vh;object-fit:contain}.product-view #single-product{max-width:1500px;margin:auto;padding-top:35px}#main>[hidden]{display:none!important}
@media(max-width:1100px){header .official-brand{width:175px;height:48px}header .official-brand img{width:191px;top:-32px;left:-8px}.catalog-majors{grid-template-columns:repeat(3,1fr)}.catalog-grid{gap:14px}.single-layout{gap:30px}.gallery-main{height:340px}}
@media(max-width:720px){header .official-brand{width:190px;height:52px}header .official-brand img{width:208px;top:-35px;left:-9px}.catalog-tools{flex-wrap:wrap;gap:14px}.catalog-search{flex-basis:100%}.catalog-tools input{width:100%;min-width:0}.catalog-tools label{min-width:0}.catalog-majors button{font-size:14px;padding:15px 8px}.catalog-count span{display:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-picture{height:145px;padding:12px}.catalog-copy{padding:13px}.catalog-copy h3{font-size:17px}.catalog-copy p{font-size:13px;min-height:45px;overflow-wrap:anywhere}.catalog-subs{gap:7px}.catalog-subs button{padding:8px 11px}.single-layout{grid-template-columns:1fr;gap:24px}.single-info h1{font-size:30px}.gallery-main{height:300px}.product-breadcrumb{line-height:1.7;font-size:13px}.related-products>div{grid-template-columns:1fr 1fr}.single-parameters>div{grid-template-columns:100px 1fr}.product-view #single-product{padding-top:25px}.single-notes{margin-top:30px}.catalog-copy button{font-size:13px}}

.catalog-picture,.gallery-main,.gallery-thumbs button,.detail-top,.product-image{position:relative;overflow:hidden}

.gallery-main::after{font-size:20px;letter-spacing:5px}.catalog-picture::after{font-size:12px}.catalog-source{font-size:13px;color:var(--muted);margin-top:22px;border-top:1px solid var(--line);padding-top:14px}

body{background:var(--cream);font-family:Inter,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif}p{font-size:16px;line-height:1.75}h1,h2,h3{font-weight:400}h2{font-size:clamp(32px,3.7vw,54px);letter-spacing:-1.4px;line-height:1.15}html[lang=zh-CN] h2{line-height:1.4}.section{padding:96px 6%;max-width:1600px}.eyebrow{font-size:12px;letter-spacing:2px}header{height:88px;background:var(--green);padding:0 5%;border:0;color:#f7f7f2;gap:24px}header .official-brand,footer .official-brand{filter:none;background:white;width:185px;height:54px;border-radius:3px}header .official-brand img,footer .official-brand img{mix-blend-mode:normal;width:204px;left:-9px;top:-32px;opacity:1}header nav{display:flex;gap:28px;font-size:14px}header nav a{position:relative;padding:14px 0}header nav a[aria-current=page]:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--gold)}header nav a:hover{color:var(--gold)}.header-actions{gap:22px}#language{color:#f7f7f2;display:flex;align-items:center;gap:9px;border:1px solid #ffffff40;border-radius:4px;padding:10px;font-size:13px}#language i{width:1px;height:12px;background:#ffffff40}#language span{opacity:.55}#language span.active{opacity:1}header .contact-link{background:transparent;border-bottom:1px solid var(--gold);padding:12px 0;color:#f7f7f2}.menu-toggle{display:none}.button{border-radius:var(--radius);border:1px solid var(--green);background:var(--green);color:white;padding:16px 24px;font-size:14px;transition:background .2s}.button:hover{background:#21584a}.hero{height:calc(92svh - 88px);min-height:580px;max-height:880px;background:var(--green)}.hero>img{object-position:center;animation:none}.hero-shade{background:linear-gradient(90deg,#082c27cc,transparent 85%)}.hero-content{top:18%;left:6%;right:6%;max-width:680px}.hero-content h1{font-size:clamp(44px,5.4vw,78px);line-height:1.08;margin:24px 0;letter-spacing:-2px}.hero-content p{font-size:18px;line-height:1.65}.hero .button{margin-top:24px;background:var(--cream);color:var(--green);border:0}.hero-bottom{left:6%;right:6%;bottom:28px;font-size:12px}.hero-content:after,.about:after{content:none}.system-section{padding-top:96px;padding-bottom:100px}.system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.system-card{padding:32px 24px 8px 0;display:flex;flex-direction:column;position:relative}.system-card+.system-card{padding-left:24px;border-left:1px solid var(--line)}.system-no{font-size:12px;letter-spacing:1px;color:var(--muted)}.system-card h3{font-size:clamp(26px,2.8vw,42px);margin:28px 0 10px;letter-spacing:-1px}.system-card h4{font-size:17px;font-weight:500;line-height:1.6;margin:0}.system-card p{font-size:15px;margin:12px 0 26px}.system-action{font-size:14px;margin-top:auto;padding-top:24px}.system-card:hover .system-action{color:#836735}.explorer{max-width:none;background:#eeefe9}.explorer-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);background:white;max-width:1400px;margin:auto}.scene-panel{background:#f8f8f4;position:relative;display:flex;padding:32px;min-height:440px;overflow:auto;max-height:740px}.scene-panel .panel-category{font-size:12px;letter-spacing:1px;margin:0 0 12px}.scene-panel h3{font-size:28px;margin:0 0 12px;line-height:1.2}.scene-panel p{font-size:15px;margin:8px 0}.scene-panel>img{height:155px;margin:16px 0;flex-shrink:0}.scene-panel .selection-note{font-size:14px;line-height:1.65;padding:16px 0 0 18px;margin-bottom:20px}.scene-panel li+li{margin-top:8px}.scene-panel .button{font-size:14px;margin-top:auto}.scene-toolbar{padding:14px 20px;justify-content:space-between}.scene-tag{display:block;font-size:11px;letter-spacing:1.4px}.scene-toolbar button{height:36px;min-width:36px;border-radius:4px}#scene-reset,#scene-scale{font-size:12px}.scene-viewport{aspect-ratio:1396/1128;background:#f5f5f0;touch-action:pan-y;cursor:default}.scene-viewport.zoomed{touch-action:none}.scene-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;transform-origin:50% 50%;transition:transform .25s ease-out}.scene-art img{width:100%;height:100%;object-fit:contain}.scene-art #scene-hotspots{visibility:hidden}.scene-ready .scene-art #scene-hotspots{visibility:visible}.scene-failed:after{content:attr(aria-label);position:absolute;inset:30%;font-size:16px}.scene-hotspot{width:28px;height:28px;border:1px solid #345e53;color:var(--green);background:#fffffff0;box-shadow:none;font-size:11px;transition:opacity .2s,background .2s;outline-offset:3px;margin:0!important}.scene-hotspot.subdued{opacity:.38}.scene-hotspot.system-lit{border-width:2px;background:#edf1e9}.scene-hotspot:hover{opacity:1;background:var(--green);color:white}.scene-hotspot[aria-pressed=true]{background:var(--gold);border-color:#705c35;color:#162f29;box-shadow:0 0 0 4px #ba9d6522}.scene-hotspot:after{font-size:12px;border-radius:3px;z-index:9;max-width:190px;white-space:normal;min-width:100px;text-align:center}.scene-filters{margin:28px 0 20px;flex-wrap:nowrap;overflow-x:auto}.scene-filters button{border-radius:4px;font-size:14px;white-space:nowrap}.scene-foot{font-size:11px;line-height:1.6}.scene-foot a{font-size:12px}.scene-index{display:block}.scene-index summary{font-size:14px;padding:18px 0;cursor:pointer}.index-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.index-groups h4{font-size:14px;font-weight:500}.scene-index button{background:transparent;border:0;border-bottom:1px solid var(--line);font-size:13px;text-align:left;width:100%;min-height:44px;padding:8px 0}.scene-index button span{font-size:12px}.scene-index button.subdued{opacity:.5}.scene-index button[aria-pressed=true]{color:#705c35;background:#e9e5d8}.room-tip{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;font-size:13px;color:var(--muted);background:#f5f6f1}.room-tip button{border:0;background:none;font-size:20px;color:var(--green)}.panel-close{position:absolute;right:8px;top:8px;border:0;background:transparent;font-size:24px;color:var(--green);width:32px;height:32px}.mobile-prompt,.drawer-handle{display:none}.product-section{background:var(--cream);border-top:1px solid var(--line)}.catalog-source{display:block;margin:24px 0;color:var(--green);font-size:14px}.catalog-majors{background:transparent;border-top:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr))}.catalog-majors button{padding:24px 12px;font-size:15px}.catalog-majors button small{color:var(--muted);font-size:12px}.catalog-majors button[aria-pressed=true]{background:#e9eee7}.catalog-tools input,.catalog-tools select,.catalog-subs button{border-radius:4px}.catalog-card{border-radius:4px;overflow:hidden;box-shadow:none;transition:border-color .2s;transform:none}.catalog-picture{aspect-ratio:4/3;height:auto;padding:20px}.catalog-copy h3{font-weight:500;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-copy p{font-size:14px}.catalog-copy small{background:#f2f3ed;padding:4px 6px;display:inline-block}.product-system{font-size:13px;letter-spacing:1.2px;margin:0 0 12px;color:var(--green)}.single-info h1{font-size:clamp(32px,3vw,48px)}.gallery-main{border-radius:4px}.about{grid-template-columns:1fr 1fr;gap:7%;padding-bottom:96px;align-items:center}.about-mosaic{display:grid;grid-template-columns:1fr;gap:24px}.about-mosaic figure{clip-path:none;transform:none}.about-mosaic img{height:260px;object-fit:cover}.about-mosaic .mosaic-small img{height:190px}.about-mosaic figcaption{padding:12px 0;font-size:13px;align-items:start}.about-mosaic figcaption span{display:none}.about-mosaic figcaption b{font-size:13px}.about .lead{font-size:18px}.applications{background:var(--green);padding:0}.knowledge{border:1px solid var(--line);border-radius:4px;padding:24px;background:#fff}.knowledge small{font-size:12px}.knowledge h3{font-size:24px}.knowledge a{font-size:14px}.contact-details p{font-size:17px}footer{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1.5fr 1fr 1fr;padding:56px 6% 24px;align-items:start}footer p{color:#cfdbd1;font-size:13px;line-height:1.6}footer strong{font-size:12px;letter-spacing:1.4px}.footer-nav{display:flex;flex-direction:column;gap:14px;font-size:14px}.footer-contact a{display:block;font-size:14px;margin-top:20px}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:24px;display:flex;justify-content:space-between;font-size:12px;color:#cfdbd1}.catalog-picture:after,.gallery-main:after{pointer-events:none}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(min-width:769px){.scene-index details:not([open])>.index-groups{display:grid}.scene-index summary{display:none}}
@media(max-width:1100px){header nav{gap:20px}.contact-link{display:none}.header-actions{margin-left:auto}.catalog-majors{grid-template-columns:repeat(3,1fr)}.explorer-layout{grid-template-columns:minmax(0,1fr) 280px}.scene-panel{padding:24px}.system-grid{grid-template-columns:repeat(2,1fr);gap:32px 0}.system-card:nth-child(3){border-left:0;padding-left:0}.section{padding:72px 5%}.hero-content{left:5%}.hero-content h1{font-size:64px}.scene-tag{font-size:10px}.scene-hotspot{width:25px;height:25px}.knowledge-grid{gap:16px}}
@media(max-width:768px){header{height:76px;padding:0 5%;gap:12px}header .official-brand{width:145px;height:44px}header .official-brand img{width:163px;left:-8px;top:-25px}.header-actions{gap:0}#language{padding:8px;gap:7px;font-size:12px}.menu-toggle{display:block;background:transparent;color:var(--cream);border:0;padding:10px 0;font-size:13px}header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 5%;background:var(--green);box-shadow:0 12px 20px #0002}header.menu-open nav{display:flex;flex-direction:column;gap:4px}header nav a{padding:14px 0}.hero{height:calc(88svh - 76px);min-height:560px}.hero-content{top:16%;left:6%;max-width:88%}.hero-content h1{font-size:clamp(44px,9vw,60px);line-height:1.12;letter-spacing:-1.5px}.hero-content p{font-size:16px}.hero .button{padding:15px 20px}.hero-bottom{left:6%;font-size:11px}.section{padding:64px 5%}.section-heading{display:block;margin-bottom:24px}.section-heading>p{max-width:100%}.system-card{padding-right:18px}.system-card+.system-card{padding-left:18px}.system-card:nth-child(3){padding-left:0}.system-card h3{font-size:28px}.system-card h4{font-size:15px}.system-card p{font-size:14px}.system-action{font-size:13px}.explorer-layout{grid-template-columns:1fr}.scene-panel{display:flex;min-height:0;max-height:none;border-top:1px solid var(--line);border-left:0;padding:16px 20px}.scene-panel:not(.has-selection)>*{display:none}.scene-panel:not(.has-selection) .mobile-prompt{display:block;font-size:14px}.scene-panel.has-selection{max-height:48svh;overflow-y:auto;overscroll-behavior:contain}.scene-panel.has-selection.expanded{max-height:70svh}.drawer-handle{display:block;align-self:center;border:0;border-radius:2px;width:48px;min-height:4px;background:#aab6ac;margin:0 0 16px;padding:0}.scene-panel>img{height:140px}.scene-panel .panel-category{font-size:12px;margin:0 0 10px}.scene-panel h3{font-size:24px;margin:0}.scene-panel .button{flex-shrink:0;margin-top:16px}.scene-filters{position:sticky;top:76px;z-index:4;background:#eeefe9;padding:10px 0;margin:0}.scene-filters button{font-size:13px;padding:10px 12px}.scene-hotspot{width:24px;height:24px;font-size:10px;margin:0!important}.scene-hotspot:after{display:block}.scene-toolbar{padding:12px;gap:4px}.scene-toolbar>div{gap:4px}.scene-tag{font-size:8px;letter-spacing:.6px}#scene-reset{padding:0 7px}.scene-viewport{aspect-ratio:1396/1128}.scene-art{inset:0;width:100%;height:100%}.scene-foot{padding:12px}.scene-foot>span{font-size:10px;max-width:55%}.index-groups{grid-template-columns:1fr 1fr;gap:16px}.catalog-majors{display:flex;overflow-x:auto}.catalog-majors button{min-width:145px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-picture{height:auto;aspect-ratio:4/3;padding:12px}.catalog-copy{padding:14px}.catalog-copy h3{font-size:17px}.catalog-copy p{font-size:13px}.about{grid-template-columns:1fr;gap:32px}.about-mosaic{grid-template-columns:1fr 1fr;gap:16px}.about-mosaic img,.about-mosaic .mosaic-small img{height:160px}.about-mosaic figcaption{line-height:1.6}.application-grid{grid-template-columns:1fr 1fr;gap:0 24px}.knowledge-grid{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:20px}footer{grid-template-columns:1fr 1fr;padding:40px 5% 24px;gap:32px}footer>div:first-child{grid-column:1/-1}.footer-bottom{font-size:11px;gap:24px}.scene-index details:not([open])>.index-groups{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Home is the entrance: one quiet room, paced like a short film. */
#home.home-stage{height:calc(100svh - 80px);min-height:620px;max-height:none;background:#c8d4d0;isolation:isolate}
#home.home-stage .home-motion-image{animation:none;object-position:center 52%;transform:scale(1.045) translate(-.9%,-.5%);transition:transform 1.15s cubic-bezier(.22,.7,.3,1),filter .8s ease}
#home.home-stage[data-motion=playing] .home-motion-image{will-change:transform,filter}
#home.home-stage[data-motion=playing][data-focus=room] .home-motion-image{transform:scale(1.012) translate(0,0);filter:saturate(.92)}
#home.home-stage[data-motion=playing][data-focus=envelope] .home-motion-image{transform:scale(1.075) translate(-1.8%,-.3%);filter:saturate(.86) contrast(1.025)}
#home.home-stage[data-motion=playing][data-focus=openings] .home-motion-image{transform:scale(1.12) translate(-4.2%,.7%);filter:saturate(.98) contrast(1.035)}
#home.home-stage[data-motion=playing][data-focus=air] .home-motion-image{transform:scale(1.09) translate(-1.2%,3.1%);filter:saturate(.82) brightness(1.035)}
#home.home-stage .home-system-light{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .22s ease;background-repeat:no-repeat}
#home.home-stage[data-motion=playing][data-focus=envelope] .home-system-light{opacity:1;background:linear-gradient(90deg,transparent 44%,rgba(219,239,229,.08) 60%,rgba(245,250,247,.24)),radial-gradient(ellipse at 73% 38%,rgba(238,247,242,.38),transparent 24%)}
#home.home-stage[data-motion=playing][data-focus=openings] .home-system-light{opacity:1;background:radial-gradient(ellipse at 73% 57%,rgba(239,198,83,.26),transparent 17%),linear-gradient(90deg,transparent 48%,rgba(231,242,236,.17))}
#home.home-stage[data-motion=playing][data-focus=air] .home-system-light{opacity:1;background:radial-gradient(ellipse at 61% 18%,rgba(223,243,236,.42),transparent 24%),linear-gradient(180deg,rgba(221,241,234,.18),transparent 52%)}
#home.home-stage .home-sequence-line{position:absolute;z-index:3;left:40px;right:40px;bottom:68px;height:1px;background:rgba(244,247,244,.24);opacity:0;pointer-events:none}
#home.home-stage .home-sequence-line i{display:block;width:0;height:1px;background:#f6aa32}
#home.home-stage[data-motion=playing] .home-sequence-line{opacity:1}
#home.home-stage[data-motion=playing] .home-sequence-line i{animation:home-sequence-progress 8s linear both}
#home.home-stage .hero-shade{width:50%;background:linear-gradient(90deg,rgba(7,24,21,.72),rgba(7,24,21,.42) 55%,transparent);z-index:1}
#home.home-stage .home-copy{z-index:2;top:auto;bottom:18%;max-width:720px}
#home.home-stage .home-copy h1{font-size:clamp(36px,3.4vw,52px);line-height:1.22;letter-spacing:0;margin:0 0 16px;max-width:690px}
#home.home-stage .home-copy p{font-size:19px;color:#e3ece7}
#home.home-stage .home-entry{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--cream);color:var(--green);border:1px solid #fff;border-radius:var(--radius);padding:0 0 0 20px;min-width:220px;min-height:52px;font-size:15px;margin-top:28px;overflow:hidden;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
#home.home-stage .home-entry:hover{background:#fff;color:var(--green);transform:translateY(-2px);box-shadow:0 12px 34px #0317132b}
#home.home-stage .home-entry b{display:grid;place-items:center;align-self:stretch;width:54px;border-left:1px solid #0b4f4722;font-size:22px;font-weight:400;line-height:1;transition:transform .2s ease,background .2s ease}
#home.home-stage .home-entry:hover b{background:#0b4f47;color:#fff;transform:translate(2px,-2px)}
#home.home-stage[data-motion=ready] .home-entry b{animation:home-entry-nudge .7s ease 2}
#home.home-stage .home-door-entry{position:absolute;z-index:2;right:7%;top:17%;width:25%;height:67%;border:1px solid transparent;color:#fff;pointer-events:auto;transition:border-color .2s ease,background .2s ease;outline-offset:-4px}
#home.home-stage .home-door-entry:before,#home.home-stage .home-door-entry:after{content:'';position:absolute;width:24px;height:24px;opacity:.34;transition:width .2s ease,height .2s ease,opacity .2s ease}
#home.home-stage .home-door-entry:before{left:0;top:0;border-left:1px solid #fff;border-top:1px solid #fff}
#home.home-stage .home-door-entry:after{right:0;bottom:0;border-right:1px solid #fff;border-bottom:1px solid #fff}
#home.home-stage .home-door-entry span{position:absolute;right:16px;bottom:15px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease}
#home.home-stage .home-door-entry:hover{background:#dff2ea0a;border-color:#ffffff26}
#home.home-stage .home-door-entry:hover:before,#home.home-stage .home-door-entry:hover:after{width:46px;height:46px;opacity:.9}
#home.home-stage .home-door-entry:hover span{opacity:1;transform:none}
#home.home-stage:has(.home-entry:hover) .home-motion-image,#home.home-stage:has(.home-door-entry:hover) .home-motion-image{transform:scale(1.065) translate(-1.15%,-.65%)}
#home.home-stage .home-focus{position:absolute;z-index:2;display:grid;gap:7px;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease;color:#f4f7f4;pointer-events:none;text-shadow:0 1px 8px #06282499;padding:12px 14px;background:#06282475;backdrop-filter:blur(5px);border-left:1px solid #f6aa32}
#home.home-stage .home-focus:before{content:"";display:block;width:34px;height:1px;background:#6bc3e8}
#home.home-stage .home-focus span{font:10px Arial,sans-serif;letter-spacing:1.7px;color:#dce9e2}
#home.home-stage .home-focus b{font-size:16px;font-weight:500}
#home.home-stage[data-focus=room] .focus-room,#home.home-stage[data-focus=envelope] .focus-envelope,#home.home-stage[data-focus=openings] .focus-openings,#home.home-stage[data-focus=air] .focus-air{opacity:1;transform:none}
#home.home-stage .focus-room{right:10%;top:18%}
#home.home-stage .focus-envelope{left:57%;top:27%}
#home.home-stage .focus-openings{right:12%;top:51%}
#home.home-stage .focus-air{left:51%;top:17%}
#home.home-stage .home-motion-status{opacity:.8}#home.home-stage .hero-bottom{z-index:2;color:#e4eee9}
@keyframes home-room-entrance{0%{transform:scale(1.01) translate3d(0,0,0)}35%{transform:scale(1.055) translate3d(-.8%,-.5%,0)}68%{transform:scale(1.085) translate3d(-1.35%,-.9%,0)}100%{transform:scale(1.045) translate3d(-.9%,-.5%,0)}}
@keyframes home-sequence-progress{to{width:100%}}
@keyframes home-entry-nudge{50%{transform:translate(2px,-2px)}}
@media(max-width:768px){
 #home.home-stage{height:calc(100svh - 72px);min-height:620px}
 #home.home-stage .home-motion-image{object-position:76% center}
 #home.home-stage .hero-shade{inset:auto 0 0;width:100%;height:64%;background:linear-gradient(0deg,rgba(7,24,21,.85),rgba(7,24,21,.54) 50%,transparent);mask-image:none}
 #home.home-stage .home-copy{left:24px;right:24px;top:auto;bottom:110px;max-width:none}
 #home.home-stage .home-copy .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:24px}
 #home.home-stage .home-copy h1{font-size:34px;line-height:1.3;max-width:320px;margin-bottom:12px}
 #home.home-stage .home-copy p{font-size:16px}
 #home.home-stage .home-entry{left:auto;top:auto;bottom:auto;font-size:14px;margin-top:22px}
 #home.home-stage .home-door-entry{display:none}
 #home.home-stage .home-focus{transform:translateY(6px);gap:5px}
 #home.home-stage .home-focus b{font-size:17px}
 #home.home-stage .home-focus span{font-size:8px;letter-spacing:1.2px}
 #home.home-stage .focus-room{right:24px;top:25%}
 #home.home-stage .focus-envelope{left:auto;right:24px;top:40%}
 #home.home-stage .focus-openings{right:24px;top:55%}
 #home.home-stage .focus-air{left:auto;right:24px;top:22%}
 #home.home-stage .hero-bottom{color:#132e2b}
 #home.home-stage .home-motion-status{display:none}
 #home.home-stage .home-sequence-line{left:24px;right:24px;bottom:70px}
}
@media(prefers-reduced-motion:reduce){#home.home-stage[data-motion=playing] .home-motion-image,#home.home-stage[data-motion=playing] .home-sequence-line i{animation:none}#home.home-stage .home-sequence-line{display:none}}
.system-card{border-bottom:1px solid transparent;transition:border-color .22s ease,transform .22s ease}.system-card:hover{border-bottom-color:var(--gold);transform:translateY(-4px)}.system-action{position:relative;display:inline-flex;align-items:center;gap:10px}.system-action:after{content:'';width:24px;height:1px;background:currentColor;transition:width .22s ease}.system-card:hover .system-action:after{width:42px}.section-heading{align-items:flex-end}.section-heading>p{font-size:17px;line-height:1.65;color:#6b776f}.product-section .section-heading{border-bottom:1px solid var(--line);padding-bottom:28px}.catalog-count{font-size:14px;color:var(--green);padding:18px 0}.catalog-count span{color:var(--muted)}.catalog-card{position:relative}.catalog-card:before{content:'';position:absolute;inset:0;border-top:2px solid var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;pointer-events:none;z-index:2}.catalog-card:hover:before{transform:scaleX(1)}.knowledge-grid{align-items:stretch}.knowledge{transition:transform .2s ease,border-color .2s ease}.knowledge:hover{transform:translateY(-4px);border-color:#b8cfc2}.footer-bottom{font-family:inherit}
.brand-lockup{display:flex;align-items:center;gap:12px;background:transparent;color:var(--cream)}.brand-lockup>img{display:block;width:54px;height:54px;object-fit:contain;flex-shrink:0}.brand-wordmark{display:flex;flex-direction:column;gap:7px;width:max-content}.brand-wordmark strong{font-size:25px;font-weight:500;letter-spacing:4px;line-height:1.1}.brand .brand-wordmark small{display:block;width:100%;font-size:9px;letter-spacing:0;margin:0;font-weight:400;line-height:1.2;text-align:justify;text-align-last:justify;white-space:nowrap;color:#d9e2da}footer .brand-wordmark strong{font-size:25px;letter-spacing:4px;color:var(--cream)}@media(max-width:768px){.brand-lockup{gap:8px}.brand-lockup>img{width:40px;height:40px}.brand-wordmark strong{font-size:20px;letter-spacing:2px}.brand .brand-wordmark small{font-size:7px;letter-spacing:0}.brand-wordmark{gap:5px}}

@media(min-width:769px){.scene-viewport{height:clamp(360px,56svh,620px);aspect-ratio:auto}.scene-art{width:min(100%,69.3svh);height:auto;aspect-ratio:1396/1128;inset:0;margin:auto}}

.system-section{position:relative;background:#f0f2ec;padding-top:118px;padding-bottom:118px;overflow:hidden}
.system-section:before{content:'SYSTEMS / 01—04';position:absolute;right:6%;top:58px;color:#8c998f;font-size:10px;letter-spacing:2px}
.system-section .section-heading{max-width:1280px;margin:0 auto 42px}
.system-section .section-heading>p{max-width:300px}
.system-grid{max-width:1280px;margin:auto;grid-template-columns:1.3fr repeat(3,1fr);border-top:1px solid var(--green);border-bottom:1px solid var(--line)}
.system-card{min-height:300px;padding:30px 26px 28px 0;background:transparent}
.system-card:first-child{margin:18px 0 -18px;padding:32px;background:var(--green);color:#f7f7f2}
.system-card:first-child .system-no{color:#cbd9c9}
.system-card:first-child h4,.system-card:first-child p{color:#dce7df}
.system-card:first-child .system-action{color:#f1e0ac}
.system-card+.system-card{padding-left:26px}
.system-card h3{font-size:clamp(26px,2.6vw,40px);margin-top:34px}
.system-card h4{font-size:16px}
.system-card p{max-width:230px}
.system-card:hover{transform:none}
.system-card:first-child:hover{background:#184c40}
.system-card:not(:first-child):hover{border-bottom-color:var(--gold);transform:translateY(-3px)}

.explorer{background:#e8ebe4;border-top:1px solid #d7ddd5}
.explorer .section-heading{max-width:1280px;margin-left:auto;margin-right:auto}
.scene-filters{max-width:1280px;margin:28px auto 22px}
.scene-filters button{border-radius:3px;padding:11px 18px;letter-spacing:.2px}
.explorer-layout{box-shadow:0 22px 50px #153c3217;border:1px solid #cfd8d0}
.scene-toolbar{background:#fbfcf8}

.product-section{border-top:1px solid var(--line);background:#f7f8f3}
.product-section .section-heading{max-width:1280px;margin-left:auto;margin-right:auto}
.catalog-results{max-width:1280px;margin:0 auto}
.catalog-majors{max-width:1280px;margin:0 auto 20px}
.catalog-tools,.catalog-subs{max-width:1280px;margin-left:auto;margin-right:auto}
.catalog-card{border-color:#d9e0d8;background:#fbfcf9}
.catalog-picture{background:#f2f4ef}
.catalog-copy h3{font-size:19px}

.about-editorial{background:#fbfcf9;border-top:1px solid var(--line)}
.about-editorial .about-copy{max-width:560px}
.about-mosaic figure{border:1px solid #d7dfd7;background:#f3f5f0}
.about-mosaic figcaption{padding:15px 16px}

footer{background:var(--green);color:#eef3ed}
footer p,footer a,footer .footer-nav,footer .footer-contact{color:#d4e0d7}
footer .footer-nav strong,footer .footer-contact strong{color:#f2dfaa}
footer .footer-bottom{border-top-color:#ffffff30;color:#c3d2c8}
footer .brand-wordmark strong{color:#f7f7f2}

@media(max-width:1000px){.system-section:before{top:38px;right:5%}.system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){



  .system-section{padding-top:84px;padding-bottom:88px}
  .system-section:before{top:30px;font-size:9px}
  .system-grid{grid-template-columns:1fr;border-top:1px solid var(--green)}
  .system-card:first-child{margin:0;padding:26px 22px 30px;min-height:260px}
  .system-card{min-height:0;padding:28px 0 24px;border-bottom:1px solid var(--line)}
  .system-card+.system-card{padding-left:0;border-left:0}
  .system-card h3{margin-top:24px}
  .scene-filters{margin-top:22px}
  .catalog-results,.catalog-majors,.catalog-tools,.catalog-subs{max-width:none}
  .about-editorial .about-copy{max-width:none}
}

/* Entrance direction: clear glazing, local shade, one action. */

html{scroll-padding-top:80px}
body{background:var(--cream);color:var(--ink);font-size:16px;font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3,html[lang=zh-CN] h4{letter-spacing:0}
html[lang=zh-CN] #explore h2,html[lang=zh-CN] #explore h3{letter-spacing:0}
body p,.system-card p,.application p,.knowledge p{font-size:16px;line-height:1.75}
header{height:80px;padding:0 5.5%;gap:48px;background:#062824;justify-content:initial;color:#fff;border-bottom:1px solid #ffffff12;box-shadow:0 8px 24px #061d1910}
header .brand-lockup{gap:12px}header .brand-lockup>img{width:52px;height:52px;filter:none;mix-blend-mode:normal}
header .brand-wordmark{gap:5px}header .brand-wordmark strong{font-size:23px;font-weight:500;letter-spacing:2px;color:#fff}
header .brand .brand-wordmark small{font-size:9px;letter-spacing:0;color:#f6aa32;font-weight:600}
header nav{margin-left:auto;gap:44px;font-size:14px;align-items:center}
header nav a{position:relative;padding:29px 0 27px;color:#9fb6ae;font-weight:400;letter-spacing:.04em;transition:color .2s ease,transform .2s ease}
header nav a:hover{color:#fff;transform:translateY(-1px)}
header nav a:after{content:'';position:absolute;left:50%;right:auto;bottom:19px;width:0;height:1px;background:#f6aa32;transform:translateX(-50%);transition:width .2s ease}
header nav a:hover:after{width:12px}
header nav a[aria-current=page]{color:#fff;font-weight:500}
header nav a[aria-current=page]:after{left:50%;right:auto;bottom:19px;width:20px;background:#f6aa32;transform:translateX(-50%)}
.header-actions{margin-left:10px;gap:0;position:relative;padding-left:28px}
.header-actions:before{content:'';position:absolute;left:0;top:50%;width:1px;height:20px;background:#ffffff1f;transform:translateY(-50%)}
#language{gap:10px;padding:10px 0;font:10px Arial,sans-serif;border:0;border-radius:0;color:#79968c;letter-spacing:.08em}
#language i{height:10px;background:#ffffff26}
#language span{position:relative;opacity:1;transition:color .2s ease}#language span.active{color:#fff}
#language span.active:after{content:'';position:absolute;left:50%;bottom:-8px;width:8px;height:1px;background:#f6aa32;transform:translateX(-50%)}
.button,#explore .scene-cta{min-height:48px;border-radius:4px;background:#0b4f47;color:#fff;border:1px solid #0b4f47;padding:13px 17px;font-size:14px;font-weight:500;line-height:1.5;box-shadow:none;transition:background .2s,color .2s,border-color .2s}
.button:hover,#explore .scene-cta:hover{background:#062824;border-color:#062824}
.button:before,.button:after{content:none}
.hero{position:relative;height:calc(100svh - 80px);min-height:660px;max-height:none;overflow:hidden;background:#c3ceca}
.hero:before,.hero:after{content:none}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;animation:none;transform:none}
.hero-shade{display:block;position:absolute;inset:0 auto 0 0;width:53%;background:linear-gradient(90deg,rgba(8,18,17,.73) 0%,rgba(8,18,17,.53) 43%,rgba(8,18,17,.18) 75%,transparent 100%);pointer-events:none}
.hero-content{position:absolute;left:6%;right:auto;top:25%;max-width:450px;color:#fff}
.hero-content .eyebrow{font:10px Arial,sans-serif;letter-spacing:1.8px;color:#d3dfda;margin:0 0 27px}
.hero-content h1,html[lang=zh-CN] .hero-content h1{font-size:56px;font-weight:500;letter-spacing:0;line-height:1.2;margin:0 0 20px}
.hero-content p{font-size:18px;line-height:1.7;margin:0;color:#e3eae6}
.mobile-break{display:none}
.hero .button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:178px;min-height:48px;padding:13px 17px;background:#f4f7f4;color:#0b4f47;border:1px solid #f4f7f4;margin-top:32px}
.hero .button:hover{background:#fff;border-color:#fff}
.hero .button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.2;flex:none}
.hero-bottom{position:absolute;left:6%;right:5.5%;bottom:30px;display:flex;align-items:center;justify-content:space-between;color:#e3eae6;font-size:10px;letter-spacing:1px}
.hero-bottom>.room-scroll{display:grid;place-items:center;width:44px;height:44px;padding:0;background:none;color:#132e2b;border:0;border-radius:0;box-shadow:none}
.hero-bottom>.room-scroll:after{content:'';position:absolute;top:42px;width:1px;height:0;background:currentColor;opacity:.55;transition:height .32s ease}
body.entering-showroom .hero-bottom>.room-scroll:after{height:38px}
body.entering-showroom #home .home-copy{opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}
body.entering-showroom #home .home-motion-image{transform:scale(1.075) translate(-1.3%,-.8%);transition:transform .7s cubic-bezier(.22,.7,.3,1)}
.hero-bottom .room-scroll svg{width:24px;height:32px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease-out}.room-scroll:hover svg,.room-scroll:focus-visible svg{transform:translateY(4px)}.room-scroll:active svg{transform:translateY(6px)}.room-scroll:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.system-section,.product-section,.about-editorial{background:var(--cream)}
.system-section:before{content:none}
.system-card:first-child .system-action{color:#edf5ef}
.system-card:hover,.system-card:not(:first-child):hover,.knowledge:hover{transform:none;border-color:var(--green)}
.system-card .system-action{color:var(--green)}
.catalog-card:before{content:none}
.catalog-card,.knowledge,.gallery-main,.gallery-thumbs button,.catalog-tools input,.catalog-tools select,.catalog-subs button,dialog{border-radius:4px}
.sample-label{background:#e9efea;color:#52665f;border-radius:4px}
footer{background:#062824}
footer .footer-nav strong,footer .footer-contact strong{color:#e5eee9}
:focus-visible{outline:2px solid #4b9c88;outline-offset:4px}

/* Brand hall reading path: space → systems → showroom → material library. */
#home .hero-bottom:before{content:'20+ YEARS · SHOWROOM · READY STOCK';position:absolute;left:0;bottom:58px;padding-top:12px;border-top:1px solid #ffffff42;color:#edf4ef;font:10px/1.2 Arial,sans-serif;letter-spacing:1.2px}
html[lang=zh-CN] #home .hero-bottom:before{content:'二十余年 · 展厅样板 · 仓储现货';font-family:'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:.8px}
@media(max-width:1023px) and (min-width:769px){header{gap:24px}header nav{gap:24px}.hero-content h1,html[lang=zh-CN] .hero-content h1{font-size:48px}.hero-content{left:5%;max-width:370px}}
@media(max-width:768px){
 html{scroll-padding-top:72px}
 header{height:72px;padding:0 20px;gap:17px}
 header .brand-lockup{gap:8px}header .brand-lockup>img{width:37px;height:37px}
 header .brand-wordmark strong{font-size:18px;letter-spacing:1px}
 header .brand .brand-wordmark small{font-size:6px;letter-spacing:0}
 .header-actions{margin-left:auto;padding-left:0}
 #home .hero-bottom:before{bottom:54px;font-size:9px;letter-spacing:.7px}
 .header-actions:before{display:none}
 #language{padding:7px 0;gap:8px;font-size:10px}
 .menu-toggle{display:block;background:transparent;border:0;color:#fff;width:28px;padding:0;font-size:0;flex:none;min-height:36px}
 .menu-toggle span{display:block;width:20px;height:1px;background:currentColor;margin:6px auto}
 header nav{display:none;margin:0;top:72px;background:#062824;padding:14px 20px}
 header.menu-open nav{display:flex;align-items:stretch}
 header nav a{min-height:44px;padding:12px 0}
 .hero{height:calc(100svh - 72px);min-height:620px;max-height:none}
 .hero>img{object-position:92% center}
 .hero-shade{width:88%;height:570px;background:linear-gradient(90deg,rgba(8,18,17,.78),rgba(8,18,17,.45) 40%,transparent);mask-image:linear-gradient(#000 58%,transparent)}
 .hero-content{left:24px;right:auto;top:64px;max-width:calc(100% - 48px)}
 .hero-content .eyebrow{font-size:8px;letter-spacing:1.05px;margin-bottom:26px}
 .hero-content h1,html[lang=zh-CN] .hero-content h1{font-size:42px;line-height:1.22;margin:0 0 17px}
 .hero-content p{font-size:16px;max-width:none}
 .mobile-break{display:inline}
 .hero .button{width:170px;min-height:46px;font-size:13px;margin-top:26px;padding:13px 17px}
 .hero-bottom{left:24px;right:24px;bottom:22px;color:#132e2b;font-size:9px;letter-spacing:.4px}
 .hero-bottom>span{padding:7px 9px;background:#f4f7f4b8;border-radius:4px}
 .hero-bottom>.room-scroll{background:none;color:#f4f7f4}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.catalog-companions{display:flex;flex-wrap:wrap;gap:12px 24px;padding:18px 0;font-size:14px;color:var(--muted)}.catalog-companions a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.single-enquiry{display:inline-flex;margin-top:24px}

/* Material selection: compact controls, followed immediately by products. */
#products{padding-top:48px;padding-bottom:72px}
#products .section-heading{align-items:center;gap:32px;margin-bottom:24px}
#products .section-heading h2{font-size:38px;line-height:1.3;margin:12px 0 0}
#products .section-heading>p{font-size:15px;margin:0;max-width:340px}
#products .catalog-majors{border-top:0;gap:0}
#products .catalog-majors button{padding:14px 16px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}
#products .catalog-majors small{font-size:12px}
#products .catalog-tools{display:flex;align-items:flex-end;gap:16px;margin:20px 0 16px}
#products .catalog-search{flex:1;max-width:620px}
#products .catalog-tools label>span{font-size:13px;margin-bottom:8px}
#products .catalog-tools input,#products .catalog-tools select{height:44px;font-size:14px;width:100%}
#products .catalog-reset{height:44px;padding:0 12px;font-size:14px;white-space:nowrap;border:0;background:none;color:var(--muted)}
#products .catalog-subs{padding:0 0 16px;gap:8px;margin:0}
#products .catalog-subs button{padding:8px 14px;font-size:14px;min-height:40px}
#products .catalog-count{padding:16px 0;margin:0;font-size:14px}
#products .catalog-count>span{display:none}
#products .catalog-grid{gap:24px}
#products .catalog-picture{padding:24px;background:#fff;aspect-ratio:4/3}
#products .catalog-copy{padding:20px 22px}
#products .catalog-copy h3{font-size:19px;line-height:1.45;margin:10px 0}
#products .catalog-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:8px}
#products .catalog-card-actions>a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;color:var(--green);font-weight:500}
#products .catalog-card-actions>button{border:0;width:auto;padding:8px 0;min-height:44px;font-size:13px;color:var(--muted)}
#products .catalog-card-actions>a:hover{text-decoration:underline;text-underline-offset:4px}
#products .catalog-copy p{min-height:0;margin:8px 0 0}

#products .catalog-source{margin:0 0 16px}
#products .catalog-companions{padding:12px 0}
@media(max-width:768px){
 #products{padding:32px 20px 48px}
 #products .section-heading{margin-bottom:20px}
 #products .section-heading h2{font-size:28px;margin-top:10px}
 #products .section-heading>p{display:none}
 #products .catalog-majors{display:flex;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
 #products .catalog-majors button{min-width:128px;padding:12px;min-height:54px;font-size:14px;scroll-snap-align:center;flex:none}
 #products .catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:16px 0 12px}
 #products .catalog-search{max-width:none;min-width:0}
 #products .catalog-tools:has(select) .catalog-search{grid-column:1/-1}
 #products .catalog-reset{align-self:end;padding:0 4px}
 #products .catalog-subs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px;scrollbar-width:thin}
 #products .catalog-subs button{flex:none;padding:8px 12px;min-height:38px}
 #products .catalog-count{padding:12px 0}
 #products .catalog-grid{gap:12px}
 #products .catalog-picture{padding:12px;aspect-ratio:1/1}
 #products .catalog-copy{padding:12px}
 #products .catalog-copy h3{font-size:16px;margin:8px 0}
 #products .catalog-copy small{font-size:12px}
 #products .catalog-copy p{font-size:13px;line-height:1.5}
}

/* Company introduction and supplied facility photography. */
#about.about-expanded{display:block;padding:72px 6%;max-width:1440px}
#about .about-intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start}
#about.about-expanded h2{font-size:40px;line-height:1.35;margin:20px 0 28px;letter-spacing:0}
#about.about-expanded .about-copy>p{font-size:16px;line-height:1.9;margin:0 0 20px;color:var(--muted)}
#about.about-expanded .about-copy>.lead{color:var(--ink)}
#about .about-supply{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}
#about .about-supply h3{font-size:22px;font-weight:500;margin:0 0 12px}
#about .about-supply p{font-size:16px;line-height:1.8;margin:0}
#about .about-supply .text-link{font-size:14px;margin-top:16px;border:0;padding:0 0 9px;background:linear-gradient(var(--green),var(--green)) left bottom/34px 1px no-repeat;transition:background-size .22s ease,color .22s ease}
#about .about-supply .text-link:hover{background-size:100% 1px;color:#0b695b}
#about .about-feature-photos{display:grid;gap:24px;padding-top:6px}
#about .about-feature-photos .company-photo:last-child{width:82%}
#about .company-photo{margin:0;min-width:0}
#about .company-photo>button{position:relative;display:block;width:100%;padding:0;border:0;background:#edf1ed;color:#fff;overflow:hidden;border-radius:4px;cursor:zoom-in}
#about .company-photo>button:before,#about .company-photo>button:after{content:'';position:absolute;z-index:3;right:14px;top:14px;width:0;height:0;opacity:0;border-color:#fff;border-style:solid;transition:width .22s ease,height .22s ease,opacity .22s ease}
#about .company-photo>button:before{border-width:1px 1px 0 0}
#about .company-photo>button:after{right:auto;top:auto;left:14px;bottom:14px;border-width:0 0 1px 1px}
#about .company-photo img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .3s cubic-bezier(.22,.7,.3,1),filter .22s ease}
#about .company-photo button:hover img,#about .company-photo button:focus-visible img{transform:scale(1.025);filter:saturate(.92) contrast(1.03)}
#about .company-photo button:hover:before,#about .company-photo button:hover:after,#about .company-photo button:focus-visible:before,#about .company-photo button:focus-visible:after{width:30px;height:30px;opacity:.9}
#about .photo-enlarge{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;min-height:42%;padding:54px 16px 15px;background:linear-gradient(transparent,#062824b8);font-size:11px;letter-spacing:.08em;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}
#about .company-photo button:hover .photo-enlarge,#about .company-photo button:focus-visible .photo-enlarge{opacity:1;transform:none}
#about .company-photo figcaption{display:block;padding:12px 0 0;font-size:13px;line-height:1.6;color:var(--muted);transition:color .2s ease}
#about .company-photo:hover figcaption{color:var(--green)}
#about .about-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;border-top:1px solid var(--line);padding-top:32px;margin:52px 0 24px}
#about .about-gallery-heading h3{font-size:26px;line-height:1.35;margin:0;max-width:450px}
#about .about-gallery-heading p{font-size:14px;line-height:1.7;margin:0;max-width:350px}
#about .about-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1204px}
#about .about-photo-grid img{aspect-ratio:8/5;object-fit:cover}
.company-viewer{width:fit-content;max-width:calc(100vw - 32px);max-height:90svh;padding:48px 24px 20px;background:var(--cream);border-radius:4px;overflow:auto}
.company-viewer figure{margin:0}
.company-viewer figure img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(90svh - 160px);object-fit:contain;margin:auto}
.company-viewer figcaption{display:block;font-size:14px;line-height:1.6;padding:16px 0 0;color:var(--ink)}
.company-viewer-close{position:absolute;right:8px;top:4px;width:40px;height:40px;border:0;background:none;color:var(--green);font-size:28px}
.company-viewer-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:12px}
.company-viewer-tools button{width:44px;height:40px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--green);font-size:22px}
.company-viewer-tools button:hover{border-color:var(--green)}
.company-viewer-tools span{font-size:13px;color:var(--muted)}
@media(max-width:1023px){#about .about-intro-grid{gap:32px}#about.about-expanded h2{font-size:34px}#about .about-photo-grid{gap:24px}}
@media(max-width:768px){
 #about.about-expanded{padding:40px 20px 48px}
 #about .about-intro-grid{grid-template-columns:1fr;gap:20px}
 #about .about-copy,#about .about-feature-photos{display:contents}
 #about .about-copy>.eyebrow{order:0}
 #about.about-expanded h2{order:1;font-size:30px;line-height:1.4;margin:0}
 #about .about-feature-photos .company-photo:first-child{order:2}
 #about.about-expanded .about-copy>p{order:3;line-height:1.85;margin:0}
 #about .about-supply{order:4;margin-top:4px}
 #about .about-feature-photos .company-photo:last-child{order:5}
 #about .about-feature-photos .company-photo:last-child{width:100%}
 #about .about-gallery-heading{display:block;margin:36px 0 24px;padding-top:24px}
 #about .about-gallery-heading h3{font-size:24px}
 #about .about-gallery-heading p{margin-top:12px}
 #about .about-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 #about .company-photo figcaption{font-size:12px;padding-top:10px}
 #about .photo-enlarge{display:none}
 #about .company-photo figcaption:after{content:'↗';float:right;color:var(--green);font-size:14px}
 .company-viewer{padding:44px 16px 16px}
}
/* Header: two navigation groups make the brand path explicit. */
header{height:88px;padding:0 clamp(24px,5.5vw,96px);gap:36px;background:#062824;border-bottom:1px solid #ffffff1a}
header .brand{min-width:268px}
header .brand-lockup{gap:14px}
header .brand-lockup>img{width:58px;height:58px}
header .brand-wordmark{gap:6px}
header .brand-wordmark strong{font-size:27px;letter-spacing:1.8px;line-height:1}
header .brand .brand-wordmark small{width:100%;font-size:8px;letter-spacing:.13em;line-height:1;color:#f6aa32;text-align:left;text-align-last:auto}
header nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:13px}
header nav .nav-group{display:flex;align-items:center;gap:30px}
header nav .nav-group+.nav-group{padding-left:28px;border-left:1px solid #ffffff20}
header nav a{padding:34px 0 30px;color:#a7bbb3;font-size:13px;letter-spacing:.08em}
header nav a:after{bottom:20px}
header nav a[aria-current=page]:after{bottom:20px}
.header-actions{margin-left:0;padding-left:26px}
@media(max-width:1120px) and (min-width:769px){header{padding-inline:32px;gap:24px}header .brand{min-width:230px}header .brand-lockup>img{width:50px;height:50px}header .brand-wordmark strong{font-size:23px}header nav{gap:20px}header nav .nav-group{gap:20px}header nav .nav-group+.nav-group{padding-left:20px}}
@media(max-width:768px){header{height:76px;padding:0 20px;gap:12px}header .brand{min-width:0}header .brand-lockup{gap:9px}header .brand-lockup>img{width:42px;height:42px}header .brand-wordmark strong{font-size:20px;letter-spacing:1px}header .brand .brand-wordmark small{font-size:6px;letter-spacing:.1em}header nav{top:76px;left:0;right:0;gap:0;padding:8px 20px 16px;background:#062824;border-top:1px solid #ffffff18}header.menu-open nav{display:grid;grid-template-columns:1fr 1fr;align-items:start}header nav .nav-group{display:grid;gap:0}header nav .nav-group+.nav-group{padding-left:18px;border-left:1px solid #ffffff1d}header nav a{min-height:42px;padding:12px 0;color:#d5e0da;font-size:13px;letter-spacing:.06em;border-bottom:1px solid #ffffff14}header nav a:after,header nav a[aria-current=page]:after{display:none}.header-actions{margin-left:auto;padding-left:0}.header-actions:before{display:none}}
/* Catalogue pagination replaces progressive loading with a shareable page state. */
.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:38px 0 8px;font-size:14px}
.catalog-pagination button{min-width:36px;height:36px;padding:0 10px;border:0;background:transparent;color:var(--ink);font:inherit;transition:color .2s ease,background .2s ease}
.catalog-pagination button:hover:not(:disabled){color:var(--green);background:#e7eee8}
.catalog-pagination button[aria-current=page]{background:var(--green);color:#fff;border-radius:2px}
.catalog-pagination button:disabled{color:#9ca9a2;cursor:default}
.catalog-ellipsis{display:grid;place-items:center;width:20px;color:var(--muted)}
@media(max-width:768px){.catalog-pagination{gap:2px;margin-top:28px;font-size:13px}.catalog-pagination button{min-width:32px;height:34px;padding:0 7px}.catalog-pagination button:first-child,.catalog-pagination button:last-child{font-size:0}.catalog-pagination button:first-child:after{content:'←';font-size:18px}.catalog-pagination button:last-child:after{content:'→';font-size:18px}}
/* Product reading order: image, role, then technical detail. */
#single-product .single-layout{gap:56px;align-items:start}
#single-product .single-info h1{font-size:38px;line-height:1.3;margin:16px 0 20px}
#single-product .single-use{font-size:16px;line-height:1.75;margin-bottom:24px}
#single-product .gallery-thumbs button{min-width:104px;padding:8px;font-size:13px}
#single-product .gallery-thumbs img{height:48px}
#single-product .image-caption{font-size:12px;line-height:1.7;margin-top:12px;color:var(--muted)}
#single-product .product-system{font-size:13px;letter-spacing:.05em}
@media(max-width:768px){
 #single-product{padding:24px 20px 48px}
 #single-product .product-breadcrumb{margin:16px 0 20px;font-size:12px;line-height:1.6}
 #single-product .single-layout{gap:24px}
 #single-product .gallery-main{height:300px}
 #single-product .single-info h1{font-size:28px;margin:12px 0 16px}
 #single-product .single-use{margin:0 0 20px}
 #single-product .single-parameters>div{padding:14px 0}
 #single-product .single-enquiry{display:flex;justify-content:center;width:100%;margin-top:20px}
 #single-product .gallery-thumbs{gap:8px}
 #single-product .gallery-thumbs button{min-width:0;padding:8px 12px}
 #single-product .gallery-thumbs img{display:none}
}

/* Header contact is the single action at the end of the brand path. */
header nav .nav-contact{gap:0;padding-left:24px;border-left:1px solid #ffffff20}
header nav .nav-contact a{color:#f3f6f3;font-weight:500;letter-spacing:.06em}
header nav .nav-contact a:after{width:100%;background:#f6aa32}
header nav .nav-contact a:hover{color:#f6aa32}
@media(max-width:1120px) and (min-width:769px){header nav .nav-contact{padding-left:20px}}
@media(max-width:768px){header.menu-open nav{grid-template-columns:1fr 1fr}.nav-group-1{grid-column:1}.nav-group-2{grid-column:2;grid-row:1 / span 2}.nav-contact{grid-column:1;grid-row:2}.nav-contact a{border-bottom:0}header nav .nav-contact{padding-left:0;border-left:0}}

/* Logo hierarchy: a larger mark, one primary wordmark and a precisely contained English line. */
header .brand{min-width:278px}
header .brand-lockup{gap:16px}
header .brand-lockup>img{width:62px;height:62px}
header .brand-wordmark{gap:7px}
header .brand-wordmark strong{font-size:28px;letter-spacing:1.9px}
header .brand .brand-wordmark small{font-size:8px;letter-spacing:.15em}
@media(max-width:1120px) and (min-width:769px){header .brand{min-width:238px}header .brand-lockup>img{width:52px;height:52px}header .brand-wordmark strong{font-size:24px}}
@media(max-width:768px){header .brand{min-width:0}header .brand-lockup{gap:9px}header .brand-lockup>img{width:42px;height:42px}header .brand-wordmark strong{font-size:20px}}

/* The systems section continues the entrance sequence without adding another control layer. */
.system-section{position:relative}
.system-section:before{content:'';position:absolute;left:6%;right:6%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 14%,var(--line) 86%,transparent)}
.system-ready .section-heading,.system-ready .system-card{opacity:0;transform:translateY(18px)}
.system-ready .section-heading{transition:opacity .44s ease,transform .44s cubic-bezier(.22,.7,.3,1)}
.system-ready .system-card{transition:opacity .44s ease,transform .44s cubic-bezier(.22,.7,.3,1)}
.system-revealed .section-heading,.system-revealed .system-card{opacity:1;transform:none}
.system-revealed .system-card:nth-child(1){transition-delay:.08s}.system-revealed .system-card:nth-child(2){transition-delay:.16s}.system-revealed .system-card:nth-child(3){transition-delay:.24s}.system-revealed .system-card:nth-child(4){transition-delay:.32s}
@media(prefers-reduced-motion:reduce){.system-ready .section-heading,.system-ready .system-card{opacity:1;transform:none}}

/* H5 navigation follows the same reading order as desktop: company, capability, then contact. */
@media(max-width:768px){
 header.menu-open nav{display:block;padding:10px 24px 18px}
 header nav .nav-group,header nav .nav-group-1,header nav .nav-group-2,header nav .nav-contact{display:block;margin:0;padding:0;border:0}
 header nav .nav-group+.nav-group{margin-top:4px;padding-top:4px;border-top:1px solid #ffffff18}
 header nav a{display:flex;align-items:center;min-height:42px;padding:10px 0}
 header nav .nav-contact{margin-top:8px;padding-top:8px;border-top:1px solid #ffffff2b}
 header nav .nav-contact a{border-bottom:0;color:#f6aa32}
}
@media(max-width:768px){header nav .nav-group+.nav-group{padding-left:0;border-left:0}}

/* Corporate header: identity, business navigation, then contact and language tools. */
header{height:100px;padding-inline:clamp(28px,5.2vw,96px);gap:32px}
header .brand{min-width:310px}
header .brand-lockup{gap:17px}
header .brand-lockup>img{width:68px;height:68px}
header .brand-wordmark{gap:8px}
header .brand-wordmark strong{font-family:'Microsoft YaHei UI','Noto Sans SC','Source Han Sans SC',sans-serif;font-size:30px;font-weight:600;letter-spacing:2px;line-height:1}
header .brand .brand-wordmark small{font-family:Inter,'Helvetica Neue',Arial,sans-serif;font-size:8.5px;font-weight:600;letter-spacing:.17em;line-height:1.1;color:#f6aa32}
header nav{gap:0;margin-left:auto}
header nav .nav-group{gap:27px}
header nav .nav-group-1{padding-right:27px;border-right:1px solid #ffffff20}
header nav .nav-group-2{padding-left:27px}
header nav .nav-group-2+.nav-group{border-left:0}
header nav .nav-contact{display:none}
header nav a{padding:40px 0 35px;font-size:13px;font-weight:500;letter-spacing:.08em;color:#b8cac2}
header nav a:after,header nav a[aria-current=page]:after{bottom:23px}
header .header-actions{display:flex;align-items:center;gap:22px;margin-left:0;padding-left:27px;border-left:1px solid #ffffff20}
header .header-contact{display:inline-flex;align-items:center;min-height:24px;color:#f7f7f2;font-size:14px;font-weight:600;letter-spacing:.08em;white-space:nowrap;transition:color .2s ease}
header .header-contact:hover{color:#f6aa32}
header #language{display:flex;align-items:center;gap:10px;height:24px;padding:0 0 0 22px;border:0;border-left:1px solid #ffffff30;border-radius:0;color:#dbe5df;font-size:11px;font-weight:600;letter-spacing:.11em}
header #language i{height:11px;background:#ffffff3d}
header #language span{opacity:.45}header #language span.active{opacity:1;color:#f6aa32}
@media(max-width:1240px) and (min-width:769px){header{height:88px;padding-inline:32px;gap:22px}header .brand{min-width:250px}header .brand-lockup>img{width:54px;height:54px}header .brand-wordmark strong{font-size:25px}header nav .nav-group{gap:18px}header nav .nav-group-1{padding-right:18px}header nav .nav-group-2{padding-left:18px}header nav a{padding:34px 0 30px;font-size:12px}header .header-actions{gap:16px;padding-left:18px}header .header-contact{font-size:12px}header #language{gap:7px;padding-left:16px;font-size:10px}}
@media(max-width:768px){header{height:76px;padding:0 20px;gap:12px}header .brand{min-width:0}header .brand-lockup{gap:9px}header .brand-lockup>img{width:42px;height:42px}header .brand-wordmark{gap:5px}header .brand-wordmark strong{font-size:20px;letter-spacing:1px}header .brand .brand-wordmark small{font-size:6px;letter-spacing:.1em}header .header-actions{margin-left:auto;padding-left:0;border-left:0;gap:0}header .header-contact{display:none}header #language{height:24px;padding:0;border-left:0;font-size:10px;gap:7px}header.menu-open nav{display:block;padding:10px 24px 18px}header nav .nav-group,header nav .nav-group-1,header nav .nav-group-2,header nav .nav-contact{display:block;margin:0;padding:0;border:0}header nav .nav-group+.nav-group{margin-top:4px;padding-top:4px;border-top:1px solid #ffffff18}header nav a{display:flex;align-items:center;min-height:42px;padding:10px 0;font-size:13px}header nav .nav-contact{display:block;margin-top:8px;padding-top:8px;border-top:1px solid #ffffff2b}header nav .nav-contact a{border-bottom:0;color:#f6aa32}}

/* Brand-space master: the home reads as a cleanroom material system, not a catalogue. */
:root{--brand-deep:#062b26;--brand-green:#0b4f47;--brand-paper:#f5f7f3;--brand-ink:#102e2a;--brand-blue:#1794c6;--brand-gold:#f0b43d}
body{background:var(--brand-paper);font-family:'Microsoft YaHei UI','Noto Sans SC','Source Han Sans SC',Arial,sans-serif;color:var(--brand-ink)}
header{height:112px;padding:0 clamp(30px,5vw,96px);display:grid;grid-template-columns:minmax(280px,1.25fr) auto auto;gap:0;background:var(--brand-deep);border:0;color:#eff5f1;box-shadow:none}
header .brand{min-width:0;height:100%;display:flex;align-items:center;padding-right:44px}
header .brand-lockup{gap:17px;align-items:center}
header .brand-lockup>img{width:72px;height:72px;object-fit:contain}
header .brand-wordmark{gap:8px;min-width:156px}
header .brand-wordmark strong{font-family:'Microsoft YaHei UI','Noto Sans SC',sans-serif;font-size:31px;font-weight:600;letter-spacing:1.5px;line-height:1;color:#fff}
header .brand .brand-wordmark small{width:166px;font:600 8.5px/1 Arial,sans-serif;letter-spacing:.18em;color:var(--brand-gold);text-align:left;white-space:nowrap}
header nav{display:flex;align-items:stretch;gap:0;margin:0;height:100%}
header nav .nav-group{display:flex;align-items:center;gap:28px}
header nav .nav-group-1{padding-right:34px;margin-right:30px;position:relative}
header nav .nav-group-1:after{display:none}
header nav .nav-group-2{padding:0}
header nav .nav-contact{display:none}
header nav a{position:relative;display:flex;align-items:center;height:100%;padding:0;color:#b6c8c0;font-size:14px;font-weight:500;letter-spacing:.06em;white-space:nowrap;transition:color .2s ease}
header nav a:after,header nav a[aria-current=page]:after{bottom:31px;width:0;height:1px;background:var(--brand-gold);transition:width .22s ease}
header nav a:hover,header nav a[aria-current=page]{color:#fff}
header nav a:hover:after,header nav a[aria-current=page]:after{width:20px}
header nav .nav-group+.nav-group{border-left:0!important}
header .header-actions{height:100%;display:flex;align-items:center;gap:26px;margin-left:32px;padding-left:32px;border-left:0}
header .header-contact{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #ffffff52;color:#fff;font-size:13px;font-weight:600;letter-spacing:.08em;transition:background .2s ease,border-color .2s ease,color .2s ease}
header .header-contact:hover{background:#fff;border-color:#fff;color:var(--brand-deep)}
header #language{display:flex;align-items:center;gap:9px;height:auto;padding:0;border:0;border-radius:0;color:#d9e5df;font-size:11px;font-weight:600;letter-spacing:.13em}
header #language i{width:1px;height:12px;background:#ffffff4a}
header #language span{opacity:.5}header #language span.active{opacity:1;color:var(--brand-gold)}

#home.home-stage{height:calc(100svh - 112px);min-height:660px;background:var(--brand-deep);isolation:isolate}
#home.home-stage .home-motion-image{object-position:58% center;transform:scale(1.01);filter:saturate(.86) contrast(1.03)}
#home.home-stage .hero-shade{background:linear-gradient(90deg,rgba(3,34,30,.93) 0%,rgba(3,34,30,.77) 35%,rgba(3,34,30,.22) 62%,rgba(3,34,30,.03) 100%)}
#home.home-stage .home-copy{top:50%;left:clamp(32px,7vw,126px);right:auto;max-width:530px;transform:translateY(-50%)}
#home.home-stage .home-copy .eyebrow{font:600 10px/1 Arial,sans-serif;letter-spacing:.2em;color:#d9e8e1;margin:0 0 25px}
#home.home-stage .home-copy h1{margin:0;color:#fff;font-size:clamp(49px,5.1vw,78px);font-weight:500;line-height:1.18;letter-spacing:0;text-wrap:balance}
#home.home-stage .home-entry{min-width:230px;min-height:56px;margin-top:34px;padding:0 0 0 20px;background:transparent;color:#fff;border:1px solid #fff;border-radius:0;font-size:14px}
#home.home-stage .home-entry b{width:60px;border-left-color:#ffffff50;font-size:21px;color:var(--brand-gold)}
#home.home-stage .home-entry:hover{background:#fff;color:var(--brand-deep);transform:none;box-shadow:none}
#home.home-stage .home-entry:hover b{background:transparent;color:var(--brand-green);transform:translate(3px,-3px)}
#home.home-stage .home-door-entry{right:6%;top:13%;width:29%;height:73%;border-color:#ffffff10}
#home.home-stage .home-door-entry:hover{background:#effff608;border-color:#ffffff4a}
#home.home-stage .home-focus{padding:0;background:none;border-left:0;backdrop-filter:none;text-shadow:none;gap:6px}
#home.home-stage .home-focus:before{width:42px;background:var(--brand-blue)}
#home.home-stage .home-focus span{font-size:9px;letter-spacing:.18em;color:#e2eee8}
#home.home-stage .home-focus b{font-size:16px;font-weight:500;color:#fff}
#home.home-stage .home-focus.focus-room{display:none}
#home.home-stage[data-motion=ready] .home-focus{opacity:0}
#home.home-stage .hero-bottom{left:clamp(32px,7vw,126px);right:clamp(32px,7vw,126px);bottom:28px;color:#e7efe9;font-size:10px;letter-spacing:.12em}
#home.home-stage .hero-bottom:before{left:0;bottom:47px;width:min(410px,50vw);padding-top:16px;border-top:1px solid #ffffff42;font:600 10px/1 Arial,sans-serif;letter-spacing:.15em}
#home.home-stage .room-scroll{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff3d}
#home.home-stage .room-scroll svg{width:18px;height:24px}
#home.home-stage .home-sequence-line{left:clamp(32px,7vw,126px);right:clamp(32px,7vw,126px);bottom:92px;background:#ffffff2d}

.capability-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 clamp(32px,7vw,126px);background:var(--brand-deep);color:#ecf3ee;border-top:1px solid #ffffff1a}
.capability-strip>div{min-height:148px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 42px;border-left:1px solid #ffffff1a}.capability-strip>div:first-child{padding-left:0;border-left:0}
.capability-strip span{font:600 10px/1 Arial,sans-serif;letter-spacing:.16em;color:#9fbab0}.capability-strip strong{font-size:20px;font-weight:500;letter-spacing:.02em;color:#fff}

.system-section{max-width:none;padding:128px clamp(32px,7vw,126px);background:#fff}.system-section:before{left:clamp(32px,7vw,126px);right:clamp(32px,7vw,126px);background:var(--brand-ink)}
.system-section .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);align-items:end;gap:72px;max-width:1380px;margin:0 auto 62px}.system-section .section-heading h2{font-size:clamp(38px,4.1vw,64px);line-height:1.2;margin:20px 0 0;color:var(--brand-ink)}.system-section .section-heading>p{font-size:17px;line-height:1.85;margin:0;color:#5e736d}
.system-grid{max-width:1380px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #cbd8d1;border-bottom:1px solid #cbd8d1}.system-card{min-height:350px;padding:30px 28px 28px;border-left:1px solid #cbd8d1;background:#fff;transition:background .25s ease,color .25s ease}.system-card:first-child{border-left:0}.system-card:hover{background:var(--brand-deep);color:#fff;transform:none}.system-card:hover p,.system-card:hover .system-no{color:#b9d2c7}.system-card:hover .system-action{color:var(--brand-gold)}.system-card h3{font:500 13px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:52px 0 16px;color:var(--brand-blue)}.system-card h4{font-size:24px;font-weight:500;line-height:1.4;margin:0}.system-card p{font-size:15px;line-height:1.85;margin:15px 0 0;color:#61766f}.system-card .system-action{margin-top:28px;font-size:13px;color:var(--brand-green)}

#explore{padding:108px clamp(24px,5vw,96px) 116px;background:var(--brand-paper);border-top:1px solid #dce5df}.stage-heading{max-width:1440px;margin:0 auto 32px!important}.stage-heading b{font:600 11px/1 Arial,sans-serif!important;letter-spacing:.18em!important}.stage-heading span{font-size:12px!important;letter-spacing:.1em!important}.explorer-layout{max-width:1440px;margin:auto}.scene-panel{background:#fff}
#products{max-width:none;padding:116px clamp(32px,7vw,126px);background:#fff}.product-section .section-heading{max-width:1380px;margin:0 auto 42px}.product-section .section-heading h2{font-size:clamp(38px,4vw,62px);line-height:1.2}.product-section .section-heading>p{font-size:16px;line-height:1.85}.product-section #catalog-controls,.product-section .catalog-results{max-width:1380px;margin-left:auto;margin-right:auto}
#about.about-expanded{max-width:none;padding:118px clamp(32px,7vw,126px);background:var(--brand-paper)}#about .about-intro-grid,#about .about-photo-grid{max-width:1380px;margin-left:auto;margin-right:auto}#about.about-expanded h2{font-size:clamp(38px,4vw,62px);line-height:1.25}#about .about-copy>p{font-size:16px;line-height:1.95}.applications{background:var(--brand-deep)}.applications>.section{max-width:1380px;padding:112px 0}.applications h2{font-size:clamp(38px,4vw,62px);line-height:1.25}.application-grid{border-top:1px solid #ffffff42}.application{padding:32px 0}.application h3{font-size:24px}.knowledge-grid{max-width:1380px;margin:auto}.contact{max-width:1380px;padding:112px 0}.contact h2{font-size:clamp(38px,4vw,62px)}

/* About feature images share one visual frame, independent of source proportions. */
#about .about-feature-photos{gap:28px}
#about .about-feature-photos .company-photo:last-child{width:100%}
#about .about-feature-photos .company-photo>button{aspect-ratio:16/9}
#about .about-feature-photos .company-photo img{width:100%;height:100%;object-fit:cover}
footer{padding:62px clamp(32px,7vw,126px);background:#031f1b;color:#d2dfd8}footer p,footer>a{color:#a9c0b5}

@media(max-width:1240px) and (min-width:769px){header{height:96px;padding-inline:32px;grid-template-columns:250px auto auto}header .brand{padding-right:28px}header .brand-lockup>img{width:58px;height:58px}header .brand-wordmark strong{font-size:26px}header nav .nav-group{gap:18px}header nav .nav-group-1{padding-right:24px;margin-right:24px}header .header-actions{margin-left:24px;padding-left:24px;gap:16px}header .header-contact{padding:0 12px;font-size:12px}#home.home-stage{height:calc(100svh - 96px)}}
@media(max-width:768px){header{height:76px;display:flex;padding:0 20px;background:var(--brand-deep)}header .brand{padding:0}header .brand-lockup>img{width:46px;height:46px}header .brand-wordmark strong{font-size:21px;letter-spacing:1px}header .brand-wordmark{min-width:0;gap:5px}header .brand .brand-wordmark small{font-size:6px;letter-spacing:.16em}header .header-actions{margin-left:auto;padding:0;border:0}header #language{font-size:10px}header.menu-open nav{display:block;padding:14px 24px 24px;background:var(--brand-deep);border-top:1px solid #ffffff20}header nav .nav-group+.nav-group{margin-top:6px;padding-top:6px}header nav a{min-height:44px;font-size:14px;letter-spacing:.05em}#home.home-stage{height:calc(100svh - 76px);min-height:620px}#home.home-stage .home-motion-image{object-position:68% center}#home.home-stage .hero-shade{background:linear-gradient(0deg,rgba(3,34,30,.92),rgba(3,34,30,.58) 54%,rgba(3,34,30,.12) 100%)}#home.home-stage .home-copy{left:24px;right:24px;bottom:112px;top:auto;max-width:340px;transform:none}#home.home-stage .home-copy .eyebrow{margin-bottom:18px;font-size:8px}#home.home-stage .home-copy h1{font-size:37px;line-height:1.25}#home.home-stage .home-entry{min-width:184px;min-height:50px;margin-top:24px;font-size:14px}#home.home-stage .home-entry b{width:50px}#home.home-stage .home-door-entry{display:none}#home.home-stage .hero-bottom{left:24px;right:24px;bottom:24px}#home.home-stage .hero-bottom:before{bottom:44px;width:240px;padding-top:12px;font-size:9px}#home.home-stage .home-sequence-line{left:24px;right:24px;bottom:80px}.capability-strip{grid-template-columns:1fr;padding:0 24px}.capability-strip>div{min-height:88px;padding:20px 0;border-left:0;border-top:1px solid #ffffff18}.capability-strip>div:first-child{border-top:0}.capability-strip strong{font-size:18px}.system-section{padding:72px 24px}.system-section .section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.system-section .section-heading h2{font-size:34px}.system-grid{grid-template-columns:1fr 1fr}.system-card{min-height:255px;padding:22px 18px;border-top:1px solid #cbd8d1}.system-card:nth-child(odd){border-left:0}.system-card h3{margin:32px 0 12px;font-size:10px}.system-card h4{font-size:20px}.system-card p{font-size:13px;line-height:1.7}.system-card .system-action{display:none}#explore{padding:64px 20px 72px}#products{padding:72px 20px}.product-section .section-heading h2{font-size:34px}#about.about-expanded{padding:72px 20px}#about.about-expanded h2{font-size:34px}.applications>.section{padding:72px 24px}.applications h2{font-size:34px}.application-grid{grid-template-columns:1fr}.knowledge-grid{padding:0 20px}.contact{padding:72px 20px}}

/* Editorial masthead: identity and navigation occupy different reading lines. */
header{height:116px;display:grid;grid-template-columns:minmax(360px,1fr) auto;grid-template-rows:46px 70px;padding:0 clamp(32px,5vw,96px);background:#f7f7f2;color:#102e2a;border-bottom:1px solid #d8e0da;box-shadow:none}
header .brand{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;height:116px;padding:0;min-width:0}
header .brand-lockup{gap:16px}
header .brand-lockup>img{width:66px;height:66px}
header .brand-wordmark{gap:8px;min-width:178px}
header .brand-wordmark strong{font-family:'Microsoft YaHei UI','Noto Sans SC','Source Han Sans SC',sans-serif;font-size:32px;font-weight:600;line-height:1;letter-spacing:.055em;color:#102e2a}
header .brand .brand-wordmark small{width:auto;font:600 9px/1 Arial,sans-serif;letter-spacing:.2em;color:#63726c;text-align:left;white-space:nowrap}
header .header-actions{grid-column:2;grid-row:1;align-self:stretch;justify-self:end;display:flex;align-items:center;gap:20px;margin:0;padding:0;border:0}
header .header-contact{display:inline-flex;align-items:center;justify-content:center;height:29px;padding:0 0;border:0;background:transparent;color:#173c36;font-size:12px;font-weight:600;letter-spacing:.08em;white-space:nowrap}
header .header-contact:after{content:'';display:inline-block;width:1px;height:12px;margin-left:20px;background:#b8c5be}
header .header-contact:hover{background:transparent;color:#0b4f47}
header #language{height:29px;display:flex;align-items:center;gap:8px;padding:0;border:0;color:#566861;font-size:10px;font-weight:600;letter-spacing:.14em}
header #language i{width:1px;height:11px;background:#b8c5be}header #language span{opacity:.56}header #language span.active{opacity:1;color:#0b4f47}
header nav{grid-column:2;grid-row:2;justify-self:end;display:flex;align-items:center;height:70px;margin:0;gap:0}
header nav .nav-group{display:flex;align-items:center;gap:31px}header nav .nav-group-1{padding:0;margin:0 42px 0 0}header nav .nav-group-1:after{display:none}header nav .nav-group-2{padding:0}header nav .nav-group+.nav-group{border:0!important}
header nav a{height:70px;padding:0;color:#40534c;font-size:14px;font-weight:500;letter-spacing:.055em}
header nav a:after,header nav a[aria-current=page]:after{bottom:15px;width:0;height:2px;background:#f0b43d}header nav a:hover,header nav a[aria-current=page]{color:#0b4f47}header nav a:hover:after,header nav a[aria-current=page]:after{width:18px}
header nav .nav-contact{display:none}
#home.home-stage{height:calc(100svh - 116px);min-height:650px}
#home.home-stage .home-copy{max-width:560px}#home.home-stage .home-copy h1{font-size:clamp(48px,5vw,76px);line-height:1.16;font-weight:500}
#home.home-stage .home-motion-status{display:none}#home.home-stage .hero-bottom{bottom:30px}#home.home-stage .hero-bottom:before{content:'20+ YEARS · SHOWROOM · READY STOCK';color:#e9f1ec}
html[lang=zh-CN] #home.home-stage .hero-bottom:before{content:'二十余年 · 展厅样板 · 仓储现货'}
@media(max-width:1240px) and (min-width:769px){header{height:100px;grid-template-columns:280px auto;grid-template-rows:40px 60px;padding-inline:32px}header .brand{height:100px}header .brand-lockup>img{width:56px;height:56px}header .brand-wordmark strong{font-size:26px}header .brand .brand-wordmark small{font-size:8px}header nav{height:60px}header nav .nav-group{gap:18px}header nav .nav-group-1{margin-right:24px}header nav a{height:60px;font-size:12px}header .header-actions{gap:14px}header .header-contact:after{margin-left:14px}#home.home-stage{height:calc(100svh - 100px)}}
@media(max-width:768px){header{height:76px;display:flex;padding:0 20px;background:#f7f7f2;border-bottom:1px solid #d8e0da}header .brand{height:76px;display:flex;align-items:center}header .brand-lockup{gap:10px}header .brand-lockup>img{width:44px;height:44px}header .brand-wordmark{gap:5px;min-width:0}header .brand-wordmark strong{font-size:20px;letter-spacing:.04em;color:#102e2a}header .brand .brand-wordmark small{font-size:6px;letter-spacing:.16em;color:#63726c}header .header-actions{margin-left:auto;display:flex;height:76px}.header-contact{display:none!important}header #language{font-size:10px;color:#52645d}header #language span.active{color:#0b4f47}header.menu-open nav{display:block;position:absolute;top:76px;left:0;right:0;height:auto;padding:15px 24px 26px;background:#f7f7f2;border-top:1px solid #d8e0da;box-shadow:0 16px 30px #0b2a2214}header nav .nav-group,header nav .nav-group-1,header nav .nav-group-2,header nav .nav-contact{display:block;margin:0;padding:0;border:0}header nav .nav-group+.nav-group{margin-top:5px;padding-top:5px;border-top:1px solid #d8e0da!important}header nav a{display:flex;height:auto;min-height:45px;padding:10px 0;color:#1c3933;font-size:14px;border-bottom:1px solid #e0e6e1}header nav a:after{display:none}header nav .nav-contact{display:block;margin-top:9px;padding-top:9px;border-top:1px solid #cfd9d2!important}header nav .nav-contact a{border:0;color:#0b4f47;font-weight:600}#home.home-stage{height:calc(100svh - 76px);min-height:600px}}

/* Global type system: Chinese content, international labels and technical data each have one role. */
:root{--font-cn:'MiSans','PingFang SC','Microsoft YaHei',sans-serif;--font-latin:'Aptos','Segoe UI',Arial,sans-serif;--font-tech:'Cascadia Mono','Consolas','Liberation Mono',monospace}
html{font-synthesis:none}
body,button,input,select,textarea{font-family:var(--font-cn);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[lang=en] body,html[lang=en] button,html[lang=en] input,html[lang=en] select,html[lang=en] textarea{font-family:var(--font-latin)}
h1,h2,h3,h4{font-family:var(--font-cn);font-weight:500;letter-spacing:0}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] h4{font-family:var(--font-latin);font-weight:500;letter-spacing:-.025em}
p{line-height:1.82;letter-spacing:0}
html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3,html[lang=zh-CN] h4,html[lang=zh-CN] p{letter-spacing:0}
.eyebrow,.system-no,.card-copy small,.catalog-copy small,.catalog-count,.product-breadcrumb,.gallery-main>span,.variant-label,.single-parameters dt,.scene-tag,.scene-step,.panel-eyebrow,.stage-heading,.home-motion-status,.footer-nav strong,.footer-contact strong,.capability-strip span{font-family:var(--font-tech);font-weight:500;letter-spacing:.08em}
header .brand-wordmark strong{font-family:var(--font-cn);font-weight:600;letter-spacing:.015em}
header .brand-wordmark small{font-family:var(--font-latin);font-weight:600;letter-spacing:.12em}
header nav a,header .header-contact,#language{font-family:var(--font-cn);font-weight:500;letter-spacing:0}
html[lang=en] header nav a,html[lang=en] header .header-contact,html[lang=en] #language{font-family:var(--font-latin);letter-spacing:.015em}
.catalog-majors button,.catalog-tools label,.catalog-subs button,.catalog-copy button,.catalog-pagination,.gallery-thumbs button{font-family:var(--font-cn);letter-spacing:0}
html[lang=en] .catalog-majors button,html[lang=en] .catalog-tools label,html[lang=en] .catalog-subs button,html[lang=en] .catalog-copy button,html[lang=en] .catalog-pagination,html[lang=en] .gallery-thumbs button{font-family:var(--font-latin)}
@media(max-width:768px){p{line-height:1.78}.eyebrow,.system-no,.card-copy small,.catalog-copy small,.catalog-count,.product-breadcrumb,.gallery-main>span,.variant-label,.single-parameters dt,.scene-tag,.scene-step,.panel-eyebrow,.stage-heading,.home-motion-status,.footer-nav strong,.footer-contact strong,.capability-strip span{letter-spacing:.06em}}

/* English hero copy has longer words than its Chinese counterpart; keep its reading block within the entrance field. */
html[lang=en] #home.home-stage .home-copy{max-width:560px}
html[lang=en] #home.home-stage .home-copy h1{max-width:560px;font-size:clamp(42px,4.2vw,58px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
@media(max-width:768px){html[lang=en] #home.home-stage .home-copy{max-width:300px}html[lang=en] #home.home-stage .home-copy h1{max-width:300px;font-size:34px;line-height:1.16;letter-spacing:-.03em}}

/* Replace legacy Arial utility declarations that remain inside older component rules. */
#home.home-stage .home-copy .eyebrow,#home.home-stage .home-focus span,#home.home-stage .hero-bottom:before,.system-card h3,.stage-heading b{font-family:var(--font-tech)}
#home.home-stage .home-focus b,.system-card h4,.system-card .system-action,.capability-strip strong{font-family:var(--font-cn)}
html[lang=en] #home.home-stage .home-focus b,html[lang=en] .system-card h4,html[lang=en] .system-card .system-action,html[lang=en] .capability-strip strong{font-family:var(--font-latin)}

/* Navigation system: a transparent hero eave, a compact ink state and one full-screen menu. */
:root{--nav-ink:#1b2a2e;--nav-porcelain:#f4f1eb;--nav-gold:#c4a15a;--nav-glass:rgba(255,255,255,.92)}
header{position:fixed;inset:0 0 auto;z-index:110;height:64px;display:flex;align-items:center;padding:0 clamp(32px,7vw,126px);background:rgba(27,42,46,.96);color:var(--nav-porcelain);border-bottom:1px solid rgba(255,255,255,.22);box-shadow:none;transition:height .45s cubic-bezier(.22,1,.36,1),background .35s ease,color .25s ease}
header.on-hero{height:80px;background:linear-gradient(180deg,rgba(15,22,24,.35) 0%,transparent 100%);border-bottom-color:rgba(255,255,255,.22)}
header .brand{display:flex;align-items:center;height:100%;padding:0;min-width:0;grid-area:auto}
header .brand-lockup{gap:10px}.brand-lockup>img,header .brand-lockup>img{width:36px;height:36px}.brand-wordmark,header .brand-wordmark{gap:6px;min-width:96px}.brand-wordmark strong,header .brand-wordmark strong{font-family:var(--font-cn);font-size:25px;font-weight:400;letter-spacing:.06em;line-height:1;color:var(--nav-porcelain)}header .brand .brand-wordmark small{width:auto;font-family:var(--font-latin);font-size:8px;font-weight:600;letter-spacing:.22em;line-height:1;color:var(--nav-porcelain)}
header nav{display:flex;align-items:center;height:100%;margin:0 0 0 auto;grid-area:auto}header nav .nav-group{display:flex;align-items:center;gap:clamp(28px,2.7vw,44px)}header nav a{display:flex;align-items:center;height:100%;padding:0;color:var(--nav-glass);font-family:var(--font-cn);font-size:14px;font-weight:400;letter-spacing:.08em;white-space:nowrap}header nav a:after,header nav a[aria-current=page]:after{bottom:17px;left:0;right:0;width:auto;height:1px;background:var(--nav-gold);transform:none}header nav a:hover,header nav a[aria-current=page]{color:#fff}header nav a:hover:after,header nav a[aria-current=page]:after{width:auto}
header .header-actions{display:flex;align-items:center;height:100%;margin:0 0 0 clamp(26px,3vw,44px);padding:0;gap:20px;border:0;grid-area:auto}.header-showroom{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 15px;border:1px solid var(--nav-gold);color:#fff;font-family:var(--font-cn);font-size:14px;font-weight:400;letter-spacing:.08em;white-space:nowrap;transition:background .25s ease,color .25s ease}.header-showroom:hover{background:var(--nav-gold);color:var(--nav-ink)}header #language{order:2;height:auto;padding:0;border:0;color:var(--nav-glass);font-family:var(--font-latin);font-size:10px;font-weight:600;letter-spacing:.14em}.header-contact{display:none!important}.menu-toggle{order:3;display:flex;align-items:center;gap:9px;height:32px;padding:0;border:0;background:transparent;color:#fff;font-family:var(--font-cn);font-size:14px;font-weight:400;letter-spacing:.08em;cursor:pointer}.menu-toggle i{display:block;width:14px;height:1px;background:currentColor;position:relative}.menu-toggle i:after{content:'';position:absolute;right:0;top:5px;width:8px;height:1px;background:currentColor}.menu-toggle:hover{color:var(--nav-gold)}
header:not(.on-hero) .header-showroom{background:var(--nav-gold);color:var(--nav-ink)}header:not(.on-hero) .header-showroom:hover{background:#ddbc78}
main{padding-top:80px}#home.home-stage{height:100svh!important;min-height:650px;margin-top:-80px}.skip{z-index:120}
.nav-overlay{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);grid-template-rows:1fr auto;padding:132px clamp(28px,5vw,80px) 30px;background:var(--nav-ink);color:var(--nav-porcelain);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s}.nav-overlay[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.nav-overlay-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px}.nav-overlay-links a{font-family:var(--font-cn);font-size:clamp(38px,3.2vw,48px);font-weight:400;line-height:1.35;letter-spacing:.04em;color:var(--nav-porcelain);opacity:.66;transform:translateY(16px);transition:opacity .25s ease,transform .45s cubic-bezier(.22,1,.36,1),color .2s ease}.nav-overlay[aria-hidden=false] .nav-overlay-links a{opacity:1;transform:none}.nav-overlay[aria-hidden=false] .nav-overlay-links a:nth-child(2){transition-delay:50ms}.nav-overlay[aria-hidden=false] .nav-overlay-links a:nth-child(3){transition-delay:100ms}.nav-overlay[aria-hidden=false] .nav-overlay-links a:nth-child(4){transition-delay:150ms}.nav-overlay[aria-hidden=false] .nav-overlay-links a:nth-child(5){transition-delay:200ms}.nav-overlay-links a:hover{color:var(--nav-gold)}.nav-overlay-visual{overflow:hidden;margin-left:clamp(24px,4vw,72px);align-self:stretch}.nav-overlay-visual img{width:100%;height:100%;object-fit:cover;opacity:.76;transform:scale(1.06);transition:transform .7s cubic-bezier(.22,1,.36,1)}.nav-overlay[aria-hidden=false] .nav-overlay-visual img{transform:scale(1)}.nav-overlay-meta{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding-top:24px;border-top:1px solid rgba(255,255,255,.22);font-family:var(--font-cn);font-size:11px;letter-spacing:.08em}.nav-overlay-meta a,.nav-overlay-meta span{color:var(--nav-glass)}.overlay-language{margin-left:auto;padding:0;border:0;background:transparent;color:var(--nav-gold);font:600 10px/1 var(--font-latin);letter-spacing:.16em;cursor:pointer}
header.nav-open{background:transparent;border-color:transparent}header.nav-open .brand-wordmark strong,header.nav-open .brand .brand-wordmark small,header.nav-open #language,header.nav-open .menu-toggle{color:var(--nav-porcelain)}header.nav-open .header-showroom,header.nav-open nav{visibility:hidden}
@media(max-width:768px){header,header.on-hero{height:68px;padding:0 20px;background:rgba(27,42,46,.97);border-bottom-color:rgba(255,255,255,.22)}header .brand-lockup>img{width:34px;height:34px}header .brand-wordmark strong{font-size:22px}header .brand .brand-wordmark small{font-size:7px}header nav,header .header-showroom{display:none}header .header-actions{margin-left:auto;gap:15px}header #language{display:flex;color:var(--nav-glass)}.menu-toggle{display:flex;font-size:13px}main{padding-top:68px}#home.home-stage{margin-top:-68px;min-height:600px}.nav-overlay{display:block;padding:105px 24px 24px}.nav-overlay-links{gap:6px}.nav-overlay-links a{font-size:34px}.nav-overlay-visual{display:none}.nav-overlay-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px;padding-top:18px}.overlay-language{margin-left:0;text-align:left}}
@media(prefers-reduced-motion:reduce){header,.nav-overlay,.nav-overlay-links a,.nav-overlay-visual img{transition:none!important}.nav-overlay-links a{transform:none}}
/* Full corporate lockup: the legal industry name carries the brand's scale. */
header .brand{min-width:260px}
header .brand-lockup{gap:14px}
header .brand-lockup>img{width:46px;height:46px}
header .brand-wordmark{min-width:184px;gap:9px}
header .brand-wordmark strong{font-size:30px;font-weight:500;letter-spacing:.045em}
header .brand-wordmark strong span{margin-left:.08em;font-size:.82em;font-weight:400;letter-spacing:.035em}
header .brand .brand-wordmark small{font-size:9px;letter-spacing:.22em}
header:not(.on-hero) .brand-lockup>img{width:38px;height:38px}
header:not(.on-hero) .brand-wordmark strong{font-size:25px}
header:not(.on-hero) .brand .brand-wordmark small{font-size:8px}
header #language{display:none}
@media(max-width:1100px) and (min-width:769px){header .brand{min-width:224px}header .brand-lockup{gap:10px}header .brand-lockup>img{width:40px;height:40px}header .brand-wordmark{min-width:158px}header .brand-wordmark strong{font-size:26px}header .brand .brand-wordmark small{font-size:8px}}
@media(max-width:768px){header .brand{min-width:0}header .brand-lockup>img,header:not(.on-hero) .brand-lockup>img{width:38px;height:38px}header .brand-wordmark strong,header:not(.on-hero) .brand-wordmark strong{font-size:23px}header .brand .brand-wordmark small,header:not(.on-hero) .brand .brand-wordmark small{font-size:7px}}
/* Brand first view: fewer ornaments, firmer proportions and a single architectural rhythm. */
header.on-hero{height:88px;background:linear-gradient(180deg,rgba(10,24,24,.48) 0%,rgba(10,24,24,.17) 56%,transparent 100%)}
header .brand{position:relative;min-width:278px}
header .brand:after{content:'';width:1px;height:34px;margin-left:28px;background:rgba(244,241,235,.22)}
header .brand-lockup{gap:16px}
header .brand-lockup>img{width:52px;height:52px}
header .brand-wordmark{min-width:194px;gap:10px}
header .brand-wordmark strong{font-size:32px;font-weight:500;letter-spacing:.035em}
header .brand-wordmark strong span{font-size:.86em;font-weight:400}
header .brand .brand-wordmark small{font-size:9px;letter-spacing:.27em}
header nav .nav-group{gap:clamp(30px,2.5vw,42px)}
header nav a{font-size:13px;letter-spacing:.11em}
.header-showroom{min-height:34px;padding:0 18px;letter-spacing:.12em}
header:not(.on-hero) .brand:after{background:rgba(244,241,235,.16)}
header:not(.on-hero) .brand-lockup>img{width:42px;height:42px}
header:not(.on-hero) .brand-wordmark strong{font-size:27px}
header:not(.on-hero) .brand .brand-wordmark small{font-size:8px}
#home.home-stage .home-copy{bottom:16%;max-width:760px;animation:brand-copy-enter .72s cubic-bezier(.22,1,.36,1) both}
#home.home-stage .home-copy .eyebrow{font-size:11px;letter-spacing:.2em;color:rgba(244,241,235,.78)}
#home.home-stage .home-copy h1{max-width:760px;font-size:clamp(48px,4.65vw,70px);font-weight:500;line-height:1.13;letter-spacing:-.025em;text-wrap:balance}
#home.home-stage .home-entry{min-width:228px;min-height:54px;border-color:rgba(244,241,235,.82);background:rgba(244,241,235,.96);color:var(--nav-ink);box-shadow:0 12px 32px rgba(3,23,19,.16)}
#home.home-stage .home-entry b{border-left-color:rgba(27,42,46,.16);color:#a57d2c}
@keyframes brand-copy-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:769px){header .brand{min-width:238px}header .brand:after{margin-left:18px}header .brand-lockup>img{width:44px;height:44px}header .brand-wordmark{min-width:164px}header .brand-wordmark strong{font-size:27px}header nav .nav-group{gap:20px}header nav a{font-size:12px}.header-showroom{padding:0 14px}}
@media(max-width:768px){header,header.on-hero{height:72px}header .brand:after{display:none}header .brand-lockup{gap:10px}header .brand-lockup>img,header:not(.on-hero) .brand-lockup>img{width:40px;height:40px}header .brand-wordmark{min-width:0;gap:7px}header .brand-wordmark strong,header:not(.on-hero) .brand-wordmark strong{font-size:24px;letter-spacing:.03em}header .brand .brand-wordmark small,header:not(.on-hero) .brand .brand-wordmark small{font-size:7px;letter-spacing:.22em}.menu-toggle{width:24px;justify-content:flex-end;gap:0}.menu-toggle span{display:none}.menu-toggle i{flex:0 0 14px}#home.home-stage .home-copy{bottom:17%;max-width:330px}#home.home-stage .home-copy h1{font-size:38px;line-height:1.17;letter-spacing:-.02em}#home.home-stage .home-entry{min-height:50px;min-width:210px}}
@media(max-width:768px){html,body{overflow-x:hidden}}
/* Hero as a cleanroom threshold: light, reference lines and quiet movement come from the room itself. */
#home.home-stage .hero-shade{width:58%;background:linear-gradient(90deg,rgba(5,27,27,.78) 0%,rgba(5,27,27,.52) 48%,rgba(5,27,27,.1) 78%,transparent 100%),linear-gradient(0deg,rgba(4,27,25,.38),transparent 42%)}
#home.home-stage .home-ambient{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
#home.home-stage .home-ambient:before{content:'';position:absolute;left:38%;top:24%;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(184,231,216,.16) 0%,rgba(184,231,216,.05) 27%,transparent 66%);transform:translate(-50%,-50%);animation:ambient-breathe 6s ease-in-out infinite}
#home.home-stage .ambient-beam{position:absolute;display:block;width:1px;height:0;background:linear-gradient(180deg,transparent,rgba(193,234,223,.66),transparent);opacity:.55;animation:ambient-rise 4.8s cubic-bezier(.22,1,.36,1) infinite}
#home.home-stage .beam-one{left:51%;top:11%;animation-delay:-1.8s}
#home.home-stage .beam-two{left:73%;top:7%;animation-delay:-3.4s}
#home.home-stage .ambient-orbit{position:absolute;display:block;border:1px solid rgba(218,241,232,.28);border-radius:50%;opacity:0;animation:ambient-orbit 5.4s ease-out infinite}
#home.home-stage .orbit-one{left:51%;top:46%;width:10px;height:10px;animation-delay:-1.2s}
#home.home-stage .orbit-two{left:73%;top:38%;width:8px;height:8px;animation-delay:-3.6s}
#home.home-stage .home-copy{z-index:4;max-width:720px}
#home.home-stage .home-copy .eyebrow{margin-bottom:22px}
#home.home-stage .home-copy h1{max-width:720px;font-size:clamp(52px,5.1vw,78px);font-weight:500;line-height:1.08;letter-spacing:.015em;margin:0}
#home.home-stage .home-copy p{margin:25px 0 0;font-family:var(--font-cn);font-size:17px;font-weight:400;letter-spacing:.12em;color:rgba(244,247,244,.88)}
#home.home-stage .home-entry{margin-top:30px}
@keyframes ambient-breathe{0%,100%{opacity:.42;transform:translate(-50%,-50%) scale(.88)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes ambient-rise{0%{height:0;opacity:0;transform:translateY(22px)}22%{opacity:.72}64%{height:52%;opacity:.38}100%{height:70%;opacity:0;transform:translateY(-14px)}}
@keyframes ambient-orbit{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}18%{opacity:.9}100%{opacity:0;transform:translate(-50%,-50%) scale(17)}}
@media(max-width:768px){#home.home-stage .hero-shade{width:100%;background:linear-gradient(180deg,rgba(6,28,27,.42),rgba(6,28,27,.08) 34%,rgba(6,28,27,.7) 100%)}#home.home-stage .home-ambient:before{left:65%;top:38%;width:88vw;height:88vw}#home.home-stage .beam-one{left:64%}#home.home-stage .beam-two{left:82%}#home.home-stage .orbit-one{left:64%;top:44%}#home.home-stage .orbit-two{left:82%;top:35%}#home.home-stage .home-copy h1{font-size:42px;line-height:1.12;letter-spacing:.01em}#home.home-stage .home-copy p{margin-top:18px;font-size:13px;letter-spacing:.08em;line-height:1.65}#home.home-stage .home-entry{margin-top:24px}}
@media(prefers-reduced-motion:reduce){#home.home-stage .home-ambient:before,#home.home-stage .ambient-beam,#home.home-stage .ambient-orbit{animation:none}}
/* The declaration reads as one corporate proposition, not two poster headlines. */
#home.home-stage .home-copy{bottom:18%;max-width:760px}
#home.home-stage .home-copy .eyebrow{margin-bottom:26px;letter-spacing:.24em}
#home.home-stage .home-copy .hero-declaration{display:flex;align-items:center;gap:23px;max-width:none;margin:0;font-size:clamp(46px,4.35vw,66px);font-weight:500;line-height:1.05;letter-spacing:.055em;white-space:nowrap}
#home.home-stage .hero-declaration i{display:block;flex:0 0 1px;width:1px;height:.72em;background:var(--nav-gold);opacity:.9}
#home.home-stage .home-copy p{max-width:430px;margin-top:30px;padding-top:17px;border-top:1px solid rgba(244,241,235,.35);font-size:14px;letter-spacing:.15em;color:rgba(244,247,244,.8)}
#home.home-stage .home-entry{min-width:166px;min-height:48px;margin-top:28px;padding-left:18px;border-color:rgba(244,241,235,.74);background:rgba(8,35,34,.16);color:#fff;box-shadow:none}
#home.home-stage .home-entry b{width:48px;border-left-color:rgba(244,241,235,.28);color:var(--nav-gold)}
#home.home-stage .home-entry:hover{background:rgba(244,241,235,.14);color:#fff;box-shadow:none;transform:none}
#home.home-stage .home-entry:hover b{background:transparent;color:var(--nav-gold);transform:translate(2px,-2px)}
@media(max-width:768px){#home.home-stage .home-copy{bottom:16%;max-width:330px}#home.home-stage .home-copy .eyebrow{margin-bottom:18px;letter-spacing:.16em}#home.home-stage .home-copy .hero-declaration{display:flex;align-items:flex-start;flex-direction:column;gap:12px;font-size:42px;line-height:1.08;letter-spacing:.035em;white-space:normal}#home.home-stage .hero-declaration i{width:34px;height:1px;flex-basis:1px}#home.home-stage .home-copy p{margin-top:20px;padding-top:14px;font-size:12px;letter-spacing:.08em}#home.home-stage .home-entry{min-width:158px;min-height:46px;margin-top:22px}}
/* Header becomes a brand eave. The complete navigation lives in the full-screen directory. */
header.on-hero{height:92px;background:linear-gradient(180deg,rgba(8,22,22,.54) 0%,rgba(8,22,22,.18) 62%,transparent 100%)}
header .brand{min-width:0}
header .brand:after{display:none}
header nav{display:none}
header .header-actions{margin-left:auto;gap:0}
.header-showroom{position:relative;min-height:38px;padding:0 0 0 24px;border:0;background:transparent!important;color:var(--nav-porcelain)!important;font-size:14px;letter-spacing:.14em}
.header-showroom:before{content:'';position:absolute;left:0;top:50%;width:8px;height:8px;border:1px solid var(--nav-gold);transform:translateY(-50%)}
.header-showroom:after{content:'';position:absolute;left:3px;top:50%;width:3px;height:3px;background:var(--nav-gold);transform:translateY(-50%)}
.header-showroom:hover{color:var(--nav-gold)!important}
.menu-toggle{height:38px;margin-left:34px;padding-left:34px;border-left:1px solid rgba(244,241,235,.25);gap:12px;font-size:14px;letter-spacing:.14em}
.menu-toggle i{width:18px;flex:0 0 18px}.menu-toggle i:after{top:6px;width:11px}
header:not(.on-hero){height:70px}
header:not(.on-hero) .header-showroom{color:var(--nav-porcelain)!important}
header:not(.on-hero) .menu-toggle{border-left-color:rgba(244,241,235,.18)}
@media(max-width:768px){header,header.on-hero{height:72px}header .header-actions{margin-left:auto}.header-showroom{display:none}.menu-toggle{width:24px;height:32px;margin-left:0;padding-left:0;border-left:0;justify-content:flex-end}.menu-toggle span{display:none}.menu-toggle i{flex-basis:14px;width:14px}}
/* Nanshan-inspired enterprise header: identity, primary navigation and utility actions have separate roles. */
header,header.on-hero,header:not(.on-hero){height:86px;padding:0 clamp(32px,5vw,88px);background:#fff;border-bottom:1px solid #e0e6e3;color:var(--nav-ink);box-shadow:none}
header .brand{min-width:252px}
header .brand-lockup{gap:13px}
header .brand-lockup>img,header:not(.on-hero) .brand-lockup>img{width:46px;height:46px}
header .brand-wordmark{min-width:172px;gap:8px}
header .brand-wordmark strong,header:not(.on-hero) .brand-wordmark strong{font-size:29px;font-weight:500;letter-spacing:.035em;color:var(--nav-ink)}
header .brand .brand-wordmark small,header:not(.on-hero) .brand .brand-wordmark small{font-size:8px;letter-spacing:.25em;color:#697b78}
header nav{display:flex;align-items:center;height:100%;margin-left:auto}
header nav .nav-group{gap:clamp(23px,2vw,34px)}
header nav a{height:100%;color:#24383a;font-size:14px;font-weight:400;letter-spacing:.04em}
header nav a:hover,header nav a[aria-current=page]{color:var(--nav-ink)}
header nav a:after,header nav a[aria-current=page]:after{bottom:20px;height:2px;background:var(--nav-gold)}
header .header-actions{height:42px;margin-left:clamp(22px,3vw,42px);padding:0 14px;gap:0;border:1px solid #d7dfdc;border-radius:24px;background:#fff}
.header-showroom{min-height:40px;padding:0 14px 0 2px;color:var(--nav-ink)!important;font-size:13px;letter-spacing:.06em}
.header-showroom:before,.header-showroom:after{display:none}
header #language{display:flex;align-items:center;height:18px;padding:0 14px;border-left:1px solid #d7dfdc;color:#71827e;font-family:var(--font-latin);font-size:9px;font-weight:600;letter-spacing:.1em}
header #language span.active{color:var(--nav-ink)}
header #language i{width:1px;height:10px;margin:0 5px;background:#ccd6d2}
.menu-toggle{height:18px;margin-left:0;padding-left:14px;border-left:1px solid #d7dfdc;color:var(--nav-ink);font-size:13px;letter-spacing:.06em}
.menu-toggle i{width:16px;flex-basis:16px}.menu-toggle i:after{width:9px;top:5px}
main{padding-top:86px}#home.home-stage{height:calc(100svh - 86px)!important;min-height:620px;margin-top:0}
header.nav-open{background:transparent;border-bottom-color:transparent}header.nav-open .brand-wordmark strong,header.nav-open .brand .brand-wordmark small,header.nav-open #language,header.nav-open .menu-toggle{color:var(--nav-porcelain)}header.nav-open .header-actions{background:transparent;border-color:rgba(244,241,235,.24)}header.nav-open #language,.menu-toggle{border-color:rgba(244,241,235,.24)}
@media(max-width:1100px) and (min-width:769px){header,header.on-hero,header:not(.on-hero){padding-inline:28px}header .brand{min-width:214px}header .brand-lockup>img{width:40px;height:40px}header .brand-wordmark{min-width:150px}header .brand-wordmark strong{font-size:25px}header nav .nav-group{gap:17px}header nav a{font-size:12px}header .header-actions{margin-left:18px;padding:0 10px}.header-showroom{padding-right:10px;font-size:12px}header #language{padding-inline:10px}.menu-toggle{padding-left:10px}}
@media(max-width:768px){header,header.on-hero,header:not(.on-hero){height:72px;padding:0 20px;background:#fff;border-bottom-color:#e0e6e3}header .brand{min-width:0}header .brand-lockup>img,header:not(.on-hero) .brand-lockup>img{width:38px;height:38px}header .brand-wordmark strong,header:not(.on-hero) .brand-wordmark strong{font-size:23px;color:var(--nav-ink)}header .brand .brand-wordmark small,header:not(.on-hero) .brand .brand-wordmark small{font-size:7px;color:#697b78}header nav,header .header-showroom,header #language{display:none}header .header-actions{height:32px;margin-left:auto;padding:0;border:0;background:transparent}.menu-toggle{width:24px;height:32px;padding:0;border:0;color:var(--nav-ink)}.menu-toggle span{display:none}.menu-toggle i{flex-basis:14px;width:14px}main{padding-top:72px}#home.home-stage{height:calc(100svh - 72px)!important;min-height:600px;margin-top:0}header.nav-open .header-actions{border:0}}
/* Desktop uses direct navigation; the condensed directory belongs to H5 only. */
@media(min-width:769px){header .header-showroom,header .menu-toggle,.nav-overlay{display:none!important}header .header-actions{height:28px;margin-left:28px;padding:0;border:0;border-radius:0;background:transparent}header #language{padding:0 0 0 18px;border-left:1px solid #d7dfdc}}
/* Final brand lockup: the four-character name and Latin line share one optical width. */
header .brand-wordmark{min-width:184px;gap:8px}
header .brand-wordmark strong{font-family:'Microsoft YaHei UI','Noto Sans SC',sans-serif;font-size:30px;font-weight:600;letter-spacing:.06em;line-height:1;color:#102e2a;white-space:nowrap}
header .brand-wordmark strong span{font-size:inherit;font-weight:500;letter-spacing:.06em;color:inherit}
header .brand .brand-wordmark small{display:block;width:100%;font-family:Inter,'Helvetica Neue',Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:.02em;line-height:1.1;color:#63726c;text-align:justify;text-align-last:justify;white-space:nowrap}
@media(max-width:768px){header .brand-wordmark{min-width:0}header .brand-wordmark strong{font-size:20px}header .brand .brand-wordmark small{font-size:6px;letter-spacing:.02em}}

/* Industrial identity and immersive navigation. */
.industrial-header .header-actions{position:relative}
header.industrial-header{position:fixed;inset:0 0 auto;height:104px;padding:0 4vw;display:flex;gap:24px;background:rgba(15,24,29,.88);color:#fff;border-bottom:1px solid #ffffff24;backdrop-filter:blur(18px);transition:height .35s,background .35s}
header.industrial-header.on-hero:not(.is-scrolled){background:linear-gradient(#0b171cd9,#0b171c60,transparent);backdrop-filter:none;border-bottom-color:#ffffff18}
header.industrial-header.is-scrolled{height:80px}
header.industrial-header .brand{min-width:252px}
header.industrial-header .brand-lockup{gap:16px}
header.industrial-header .brand-lockup>img{width:60px;height:60px;object-fit:contain;filter:none;opacity:1;mix-blend-mode:normal}
header.industrial-header .brand-wordmark{min-width:0;width:176px;gap:10px}
header.industrial-header .brand-wordmark strong{display:block;font-family:var(--font-cn);font-size:38px;font-weight:600;letter-spacing:.05em;line-height:1.1;color:#fff}
header.industrial-header .brand .brand-wordmark small{display:flex;justify-content:space-between;width:100%;font:600 9px/1 Arial,sans-serif;letter-spacing:0;color:#d7dfe3}
header.industrial-header nav{margin-left:auto}
header.industrial-header nav .nav-group{gap:clamp(22px,2.5vw,48px)}
header.industrial-header nav a{font-size:15px;color:#f4f7f8;letter-spacing:.06em}
header.industrial-header nav a:after{height:1px;bottom:22px;background:linear-gradient(90deg,transparent,#c9e9f7,#c5b28b);opacity:0;transition:opacity .25s}
header.industrial-header nav a:hover:after,header.industrial-header nav a[aria-current=page]:after{opacity:1}
header.industrial-header .header-actions{margin-left:10px;gap:22px;background:none;border:0;padding:0;height:auto}
header.industrial-header .header-showroom{display:flex!important;position:relative;overflow:hidden;border:1px solid #dceaf077;border-radius:28px;background:#ffffff12;padding:13px 22px;min-height:44px;color:#fff!important;font-size:14px}
header.industrial-header .header-showroom:after{display:block;content:'';position:absolute;inset:-10px;background:linear-gradient(110deg,transparent 35%,#ffffff40,transparent 65%);transform:translateX(-110%);transition:transform .6s}
header.industrial-header .header-showroom:hover:after{transform:translateX(110%)}
header.industrial-header #language,header.industrial-header #language span.active{color:#fff}
body:has(.industrial-header) main{padding-top:104px}
body:has(.industrial-header) main:has(#home:not([hidden])){padding-top:0}
body:has(.industrial-header) #home.home-stage{height:100svh!important;margin-top:0}
@media(max-width:1250px) and (min-width:769px){header.industrial-header{gap:16px;padding-inline:24px}header.industrial-header .brand{min-width:220px}header.industrial-header .brand-wordmark{width:154px}header.industrial-header .brand-wordmark strong{font-size:33px}header.industrial-header .brand-lockup>img{width:48px;height:48px}header.industrial-header nav .nav-group{gap:18px}header.industrial-header nav a{font-size:13px}header.industrial-header .header-actions{gap:12px}header.industrial-header .header-showroom{padding-inline:14px}}
@media(max-width:768px){header.industrial-header,header.industrial-header.is-scrolled{height:76px;padding-inline:20px}header.industrial-header .brand{min-width:0}header.industrial-header .brand-lockup>img{width:42px;height:42px}header.industrial-header .brand-wordmark{width:132px;gap:7px}header.industrial-header .brand-wordmark strong{font-size:28px}header.industrial-header .brand .brand-wordmark small{font-size:7px}header.industrial-header nav,header.industrial-header .header-showroom{display:none!important}header.industrial-header .header-actions{margin-left:auto}header.industrial-header .menu-toggle{color:white}body:has(.industrial-header) main{padding-top:76px}body:has(.industrial-header.on-hero) main{padding-top:0}}
@media(prefers-reduced-motion:reduce){header.industrial-header,header.industrial-header .header-showroom:after{transition:none}}

/* Original trademark: symbol and bilingual name form one centered lockup. */
header.industrial-header .brand-lockup{align-items:center;gap:18px}
header.industrial-header .brand-wordmark{width:max-content;min-width:0;gap:9px;align-items:stretch}
header.industrial-header .brand-wordmark strong{font-size:38px;line-height:1.12;letter-spacing:0;text-align:center}
header.industrial-header .brand .brand-wordmark small{width:100%;display:flex;justify-content:center;gap:1.7em;font-size:10px;line-height:1;letter-spacing:.1em;text-align:center}
header.industrial-header .brand .brand-wordmark small span:last-child{margin-right:0}
header.industrial-header .brand-lockup>img{width:62px;height:62px}
@media(max-width:1250px) and (min-width:769px){header.industrial-header .brand-lockup{gap:14px}header.industrial-header .brand-wordmark strong{font-size:33px}header.industrial-header .brand .brand-wordmark small{font-size:9px}header.industrial-header .brand-lockup>img{width:55px;height:55px}}
@media(max-width:768px){header.industrial-header .brand-lockup{gap:12px}header.industrial-header .brand-wordmark{gap:6px}header.industrial-header .brand-wordmark strong{font-size:28px}header.industrial-header .brand .brand-wordmark small{font-size:8px}header.industrial-header .brand-lockup>img{width:46px;height:46px}}
/* Mobile reading layout. */
@media(max-width:768px){
 header.industrial-header{z-index:110;gap:12px}header.industrial-header.nav-open{background:#18292e;backdrop-filter:none}header.industrial-header .header-actions{flex-shrink:0;width:70px}header.industrial-header .menu-toggle span{white-space:nowrap;flex-shrink:0;width:auto}
 header.industrial-header .menu-toggle{width:auto;min-width:62px;height:44px;gap:10px;justify-content:center}header.industrial-header .menu-toggle span{display:inline;font-size:13px}header.nav-open .menu-toggle i{transform:rotate(45deg)}header.nav-open .menu-toggle i:after{width:14px;top:0;transform:rotate(90deg)}
 body:has(header.nav-open){overflow:hidden}
 .nav-overlay{height:100dvh;overflow-y:auto;padding:92px 24px max(24px,env(safe-area-inset-bottom));background:#18292e;display:flex;flex-direction:column}
 .nav-overlay-links{display:flex;align-items:stretch;gap:0}.nav-overlay-links a{font-size:24px;line-height:1.35;padding:12px 0;border-bottom:1px solid #ffffff18;transform:none}.nav-overlay-meta{margin-top:24px;padding-top:20px;font-size:13px;gap:20px}.overlay-language{font-size:13px;min-height:44px}.nav-overlay-visual{display:none}
 #home.home-stage .home-copy{left:24px;right:24px;top:auto;bottom:140px;width:auto;max-width:none;transform:none}
 #home.home-stage .home-copy .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:20px}
 #home.home-stage .home-copy h1{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:clamp(34px,10vw,44px);line-height:1.25;letter-spacing:.04em;margin:0}
 #home.home-stage .hero-declaration i{display:none}#home.home-stage .home-copy h1:after{display:none}
 #home.home-stage .home-copy p{font-size:14px;line-height:1.7;letter-spacing:.04em;margin:20px 0 0;padding:0;border:0}
 #home.home-stage .home-entry{min-height:48px;margin-top:24px}
 #home.home-stage .hero-shade{background:linear-gradient(0deg,#092427eb 0%,#092427a6 45%,#09242720 100%)}
 #home.home-stage .hero-bottom{left:24px;right:24px;bottom:28px;font-size:10px;line-height:1.8}#home.home-stage .hero-bottom>span{background:none;padding:0}#home.home-stage .home-ambient{display:none}
 .section,#products,#about.about-expanded,#explore,.contact,.applications>.section{padding:56px 24px}
 .section-heading{display:block;margin-bottom:28px}.section-heading h2,#about.about-expanded h2,.applications h2,.contact h2,.system-section .section-heading h2{font-size:30px;line-height:1.4;letter-spacing:0}
 .section-heading>p,#about .about-copy>p{font-size:15px;line-height:1.85}
 .capability-strip{padding:12px 24px}.capability-strip>div{min-height:74px;padding:16px 0}.capability-strip strong{font-size:18px}
 .system-grid{grid-template-columns:1fr}.system-card,.system-card+.system-card{min-height:0;padding:24px 0;border-left:0}.system-card h3{margin:0 0 12px}.system-card h4{font-size:23px}.system-card p{font-size:14px;margin-top:10px}
 #about .about-intro-grid,#about .about-photo-grid,.about-mosaic{display:grid;grid-template-columns:1fr;gap:24px}#about figure{width:100%;margin:0}#about figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}#about figcaption{padding:12px 0;font-size:13px}
 .catalog-tools{display:flex;flex-wrap:wrap;gap:12px}.catalog-tools .catalog-search{flex-basis:100%}.catalog-tools input,.catalog-tools select{font-size:16px;min-height:44px;max-width:100%}.catalog-grid{gap:12px}.catalog-copy{padding:12px}.catalog-copy h3{font-size:16px}.catalog-copy p{font-size:12px;line-height:1.6}.catalog-subs button{min-height:40px}
 .application-grid,.knowledge-grid{grid-template-columns:1fr;gap:24px}.knowledge-grid{padding:0}.application{padding:22px 0}.application h3,.knowledge h3{font-size:23px}.contact-details p{font-size:16px;overflow-wrap:anywhere}footer{padding:36px 24px;grid-template-columns:1fr;gap:24px}.footer-bottom{flex-wrap:wrap}
}
/* First-person showroom: shared image coordinates on every screen. */
.tour-launch{display:block;margin-top:16px;padding:12px 18px;border:1px solid #ffffff70;border-radius:4px;color:white;background:#14383c80;font:inherit;font-size:14px;cursor:pointer}
.photo-tour[hidden]{display:none}.photo-tour{position:absolute;inset:104px 0 0;z-index:12;background:#10272d;color:#fff;display:grid;grid-template-rows:48px minmax(0,1fr) auto auto;padding:0 4vw 20px;gap:12px}
.tour-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.photo-tour button{font:inherit;cursor:pointer}.tour-close,.tour-card-close{border:0;background:none;color:white;padding:10px}
.tour-view{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0;background:#152c32}.tour-world{position:relative;flex:none;transition:transform 1s cubic-bezier(.22,1,.36,1)}.tour-world>img{display:block;width:100%;height:100%;object-fit:fill}.tour-dot{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;border:1px solid #fff;border-radius:50%;background:#08738ee6;color:white;box-shadow:0 0 0 7px #32b7dc30;z-index:1}.tour-dot[aria-pressed=true]{background:#bf923d;box-shadow:0 0 0 9px #e4b64a40}
.tour-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.tour-controls button,.tour-add,.tour-rfq button{padding:11px 16px;border:1px solid #ffffff40;border-radius:5px;background:#ffffff0c;color:#fff;font-size:13px}.tour-controls button[aria-pressed=true],.tour-add{background:#166477}.tour-rfq{display:flex;justify-content:space-between;align-items:center;font-size:13px;border-top:1px solid #ffffff24;padding-top:12px}.tour-rfq button:disabled{opacity:.45;cursor:default}
.tour-card{position:absolute;right:5vw;top:70px;width:270px;padding:22px;background:#10272df5;border:1px solid #ffffff40;border-radius:8px;z-index:3}.tour-card[hidden]{display:none}.tour-card small{font-size:10px;color:#b9d2d7}.tour-card h3{font-size:21px;margin:12px 0}.tour-card p{font-size:13px;line-height:1.7;color:#c8d9dc}.tour-card>div{display:flex;align-items:center;gap:14px;font-size:13px}.tour-card-close{position:absolute;right:2px;top:0}.tour-active .home-copy,.tour-active .hero-bottom,.tour-active .home-door-entry{visibility:hidden}
.tour-inquiry{grid-column:1/-1;width:100%;padding:24px;background:#eaf0ed;border:1px solid #cad9d2}.tour-inquiry[hidden]{display:none}.tour-inquiry>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #c9d7d0}.tour-inquiry button{padding:10px;border:1px solid #a4bcb0;background:none;color:#163b30}.tour-inquiry p{font-size:14px}
@media(max-width:768px){body:has(.tour-active) #home.home-stage{height:auto!important;min-height:100svh}.photo-tour{position:relative;inset:auto;padding:86px 16px 24px;min-height:100svh;grid-template-rows:auto 260px auto auto auto;gap:14px}.tour-title{font-size:11px;line-height:1.5}.tour-close{white-space:nowrap;font-size:12px!important}.tour-card{position:relative;inset:auto;width:100%;grid-row:3;padding:20px}.tour-controls{display:grid;grid-template-columns:1fr 1fr}.tour-controls button{min-height:44px;padding:10px;font-size:12px}.tour-rfq{gap:12px;font-size:12px}.tour-rfq button{font-size:12px;padding:12px}.tour-dot{width:36px;height:36px}.tour-inquiry{padding:18px}.tour-inquiry>div{font-size:13px}.tour-active .home-motion-image,.tour-active .hero-shade,.tour-active .home-ambient{display:none}}
@media(prefers-reduced-motion:reduce){.tour-world{transition:none}}

/* 150% browser-zoom desktop calibration.
   A 1440–1920px monitor at 150% exposes roughly 960–1280 CSS pixels:
   retain the desktop navigation, but give each content system a less crowded rhythm. */
@media (min-width:769px) and (max-width:1366px){
  header.industrial-header,
  header.industrial-header.is-scrolled{height:88px;padding-inline:clamp(28px,4vw,52px);gap:18px}
  header.industrial-header.is-scrolled{height:72px}
  header.industrial-header .brand{min-width:0;flex-shrink:0}
  header.industrial-header .brand-lockup{gap:14px}
  header.industrial-header .brand-lockup>img{width:54px;height:54px}
  header.industrial-header .brand-wordmark strong{font-size:34px}
  header.industrial-header .brand .brand-wordmark small{font-size:9px;gap:1.5em}
  header.industrial-header nav{min-width:0;flex:1;justify-content:flex-end}
  header.industrial-header nav .nav-group{gap:clamp(16px,2vw,28px)}
  header.industrial-header nav a{font-size:13px;white-space:nowrap}
  header.industrial-header .header-actions{margin-left:4px;gap:12px}
  header.industrial-header .header-showroom{padding:11px 16px;min-height:40px;font-size:12px}
  body:has(.industrial-header) main{padding-top:88px}
  body:has(.industrial-header) main:has(#home:not([hidden])){padding-top:0}

  #home.home-stage .home-copy{left:clamp(48px,7vw,86px);bottom:15%;max-width:610px}
  #home.home-stage .home-copy .eyebrow{margin-bottom:20px;font-size:10px}
  #home.home-stage .home-copy .hero-declaration{gap:17px;font-size:clamp(38px,4.35vw,56px);letter-spacing:.035em}
  #home.home-stage .home-copy p{margin-top:24px;padding-top:14px;font-size:13px}
  #home.home-stage .home-entry{min-height:46px;margin-top:22px}
  #home.home-stage .hero-bottom{left:clamp(48px,7vw,86px);right:clamp(48px,7vw,86px)}

  .section,
  #products,
  #about.about-expanded,
  #explore,
  .contact,
  .applications>.section{padding:72px clamp(48px,7vw,86px)}
  .section-heading{gap:36px;margin-bottom:30px}
  .section-heading h2,
  #about.about-expanded h2,
  .applications h2,
  .contact h2{font-size:clamp(32px,3.2vw,42px)}
  .section-heading>p{max-width:340px;font-size:14px}

  .capability-strip{padding-inline:clamp(48px,7vw,86px)}
  .capability-strip>div{min-height:82px;padding-block:18px}
  .capability-strip strong{font-size:clamp(16px,1.65vw,20px)}
  .explorer-layout{grid-template-columns:minmax(0,1fr) 260px}
  .scene-panel{padding:24px}
  .system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
  .system-card,.system-card+.system-card{min-height:270px;padding:30px 0;border-left:0}
  .system-card:nth-child(n+3){border-top:1px solid var(--line)}

  .catalog-majors{grid-template-columns:repeat(3,minmax(0,1fr))}
  .catalog-majors button{padding:16px 12px;font-size:14px}
  .catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.65fr) auto;gap:14px;align-items:end}
  .catalog-tools .catalog-search{min-width:0}
  .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .catalog-picture{height:180px;padding:16px}
  .catalog-copy{padding:18px}.catalog-copy h3{font-size:18px}.catalog-copy p{font-size:13px}
  .about-intro-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:48px}
  .about-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
  .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .knowledge-grid .knowledge:last-child{grid-column:span 2}
  footer{padding:42px clamp(48px,7vw,86px);gap:28px}
}

/* 150% means enlarged reading, never reduced type to make a row fit.
   The layout yields columns first; the desktop text scale remains authoritative. */
@media (min-width:769px) and (max-width:1366px){
  header.industrial-header,
  header.industrial-header.is-scrolled{height:104px}
  header.industrial-header.is-scrolled{height:80px}
  header.industrial-header .brand-lockup>img{width:62px;height:62px}
  header.industrial-header .brand-wordmark strong{font-size:38px}
  header.industrial-header .brand .brand-wordmark small{font-size:10px;gap:1.7em}
  header.industrial-header nav .nav-group{gap:clamp(14px,1.7vw,24px)}
  header.industrial-header nav a{font-size:15px}
  header.industrial-header .header-showroom{min-height:44px;padding:13px 18px;font-size:14px}
  header.industrial-header #language{font-size:10px}
  body:has(.industrial-header) main{padding-top:104px}
  body:has(.industrial-header) main:has(#home:not([hidden])){padding-top:0}

  #home.home-stage .home-copy{bottom:18%;max-width:720px}
  #home.home-stage .home-copy .eyebrow{margin-bottom:26px;font-size:11px}
  #home.home-stage .home-copy .hero-declaration{gap:23px;font-size:clamp(46px,4.35vw,66px);letter-spacing:.055em}
  #home.home-stage .home-copy p{margin-top:30px;padding-top:17px;font-size:14px}
  #home.home-stage .home-entry{min-height:48px;margin-top:28px}

  .section,
  #products,
  #about.about-expanded,
  #explore,
  .contact,
  .applications>.section{padding-block:90px}
  .section-heading{gap:52px;margin-bottom:38px}
  .section-heading h2,
  #about.about-expanded h2,
  .applications h2,
  .contact h2{font-size:clamp(36px,3.5vw,46px)}
  .section-heading>p{max-width:390px;font-size:15px}
  .capability-strip>div{min-height:94px;padding-block:22px}
  .capability-strip strong{font-size:20px}
  .system-card,.system-card+.system-card{min-height:310px;padding-block:36px}
  .catalog-majors button{padding:20px 14px;font-size:15px}
  .catalog-tools label,.catalog-subs button,.catalog-reset{font-size:15px}
  .catalog-tools input,.catalog-tools select{min-height:52px;font-size:15px}
  .catalog-grid,.product-grid{gap:22px}
  .catalog-picture{height:210px;padding:20px}
  .catalog-copy{padding:22px}.catalog-copy h3{font-size:21px}.catalog-copy p{font-size:14px}
  .about-intro-grid{gap:58px}
  .application h3,.knowledge h3{font-size:24px}
  .application p,.knowledge p{font-size:15px}
}

/* At the narrow end of a 150% desktop window, reflow cards and tools before
   sacrificing their readable type size. */
@media (min-width:769px) and (max-width:1100px){
  header.industrial-header{padding-inline:28px;gap:14px}
  header.industrial-header .brand-lockup{gap:12px}
  header.industrial-header .brand-lockup>img{width:54px;height:54px}
  header.industrial-header .brand-wordmark strong{font-size:34px}
  header.industrial-header .brand .brand-wordmark small{font-size:9px}
  header.industrial-header nav .nav-group{gap:13px}
  header.industrial-header nav a{font-size:14px}
  header.industrial-header .header-showroom{padding-inline:12px;font-size:13px}
  .section-heading{display:block}.section-heading>p{max-width:520px}
  .explorer-layout{grid-template-columns:minmax(0,1fr) 230px}
  .catalog-tools{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr)}
  .catalog-tools .catalog-search{grid-column:1/-1}
  .catalog-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-intro-grid{grid-template-columns:1fr;gap:34px}
  .about-feature-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .about-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #home.home-stage .home-copy{bottom:18%;padding-bottom:0;animation:none;transform:translateY(-64px)}
}

/* 125% WEB reading scale: this is the design baseline, not a browser-only zoom. */
@media (min-width:769px) and (max-width:1366px){
  header.industrial-header,
  header.industrial-header.is-scrolled{height:116px}
  header.industrial-header.is-scrolled{height:90px}
  header.industrial-header .brand-lockup>img{width:68px;height:68px}
  header.industrial-header .brand-lockup{gap:18px}
  header.industrial-header .brand-wordmark strong{font-size:42px}
  header.industrial-header .brand .brand-wordmark small{font-size:11px}
  header.industrial-header nav a{font-size:17px}
  header.industrial-header .header-showroom{min-height:50px;padding:14px 20px;font-size:16px}
  header.industrial-header #language{font-size:11px}
  body:has(.industrial-header) main{padding-top:116px}
  body:has(.industrial-header) main:has(#home:not([hidden])){padding-top:0}

  #home.home-stage .home-copy .eyebrow{font-size:13px}
  #home.home-stage .home-copy .hero-declaration{font-size:clamp(52px,5.1vw,74px)}
  #home.home-stage .home-copy p{font-size:18px;line-height:1.75}
  #home.home-stage .home-entry,.tour-launch{font-size:16px}
  #home.home-stage .home-entry{min-height:54px}

  p{font-size:18px}
  .section-heading h2,
  #about.about-expanded h2,
  .applications h2,
  .contact h2{font-size:clamp(42px,4vw,56px)}
  .section-heading>p{max-width:440px;font-size:18px}
  .capability-strip span{font-size:12px}
  .capability-strip strong{font-size:24px}
  .system-card h3{font-size:13px}.system-card h4{font-size:30px}.system-card p{font-size:17px}.system-card .system-action{font-size:15px}
  .stage-heading{font-size:14px}.scene-toolbar,.scene-filters button,.scene-panel{font-size:15px}
  .catalog-majors button{font-size:18px}.catalog-majors button small{font-size:14px}
  .catalog-tools label,.catalog-subs button,.catalog-reset{font-size:17px}
  .catalog-tools input,.catalog-tools select{font-size:17px;min-height:58px}
  .catalog-count{font-size:17px}.catalog-copy small{font-size:14px}.catalog-copy h3{font-size:25px}.catalog-copy p{font-size:17px}.catalog-copy button{font-size:16px}
  .about-copy .lead{font-size:21px}.about-copy p{font-size:18px}.about-supply h3,.about-gallery-heading h3{font-size:28px}.about-gallery-heading p,figcaption{font-size:16px}
  .application h3,.knowledge h3{font-size:29px}.application p,.knowledge p{font-size:17px}.knowledge a{font-size:15px}
  .contact-details label,.sample-label{font-size:12px}.contact-details p{font-size:20px}
  footer p,footer>a,.footer-nav a,.footer-contact a{font-size:14px}
}

@media (min-width:769px) and (max-width:1100px){
  header.industrial-header{height:184px;padding:16px 22px;align-items:flex-start;gap:12px}
  header.industrial-header.is-scrolled{height:168px}
  header.industrial-header .brand-lockup>img{width:60px;height:60px}
  header.industrial-header .brand-lockup{gap:14px}
  header.industrial-header .brand-wordmark strong{font-size:38px}
  header.industrial-header .brand .brand-wordmark small{font-size:10px}
  header.industrial-header nav{position:absolute;left:22px;right:auto;bottom:16px;width:calc(100% - 44px);height:40px;margin:0!important;display:block!important;flex:0 0 auto}
  header.industrial-header nav .nav-group{display:flex!important;width:100%!important;align-items:center;gap:0!important;justify-content:space-between!important}
  header.industrial-header nav a{font-size:16px}
  header.industrial-header .header-showroom{padding-inline:11px;font-size:14px}
  header.industrial-header .header-actions{position:absolute;top:27px;right:22px;margin:0}
  body:has(.industrial-header) main{padding-top:184px}
  #home.home-stage .home-copy{transform:translateY(-88px)}
  #home.home-stage .home-copy .hero-declaration{font-size:clamp(50px,6vw,62px)}
  #home.home-stage .home-copy p{font-size:17px}
  .system-grid,.application-grid,.knowledge-grid{grid-template-columns:1fr}
  .system-card,.system-card+.system-card,.system-card:nth-child(n+3){min-height:0;border-left:0;border-top:1px solid var(--line)}
  .knowledge-grid .knowledge:last-child{grid-column:auto}
  .catalog-grid,.product-grid{grid-template-columns:1fr}
  .about-feature-photos,.about-photo-grid{grid-template-columns:1fr}
}

/* Desktop hero reading scale: enlarge every text layer called out in the hero. */
@media (min-width:769px){
  header.industrial-header nav a{font-size:17px}
  header.industrial-header .header-showroom{font-size:16px}
  header.industrial-header #language{font-size:12px}
  #home.home-stage .home-copy .eyebrow{font-size:13px}
  #home.home-stage .home-copy p{font-size:16px}
  #home.home-stage .hero-bottom,
  #home.home-stage .hero-bottom:before{font-size:12px}
  .capability-strip span{font-size:12px}
  .capability-strip strong{font-size:22px}
}

/* Web typography baseline: a visibly larger, orderly reading scale. */
@media (min-width:769px){
  p{font-size:18px;line-height:1.8}
  button,input,select{font-size:16px}
  .section-heading h2,
  #about.about-expanded h2,
  .applications h2,
  .contact h2{font-size:clamp(46px,4vw,60px);line-height:1.3}
  .section-heading>p{font-size:18px;line-height:1.8}
  .system-card h3{font-size:14px}
  .system-card h4{font-size:30px;line-height:1.35}
  .system-card p{font-size:18px;line-height:1.78}
  .system-card .system-action{font-size:16px}
  .catalog-majors button{font-size:18px;padding-block:24px}
  .catalog-majors button small,.catalog-copy small{font-size:14px}
  .catalog-tools label,.catalog-subs button,.catalog-reset{font-size:17px}
  .catalog-tools input,.catalog-tools select{font-size:17px;min-height:56px}
  .catalog-copy h3{font-size:25px;line-height:1.35}
  .catalog-copy p{font-size:17px;line-height:1.75}
  .about-copy .lead{font-size:21px;line-height:1.75}
  .about-copy p{font-size:18px}
  .about-supply h3,.about-gallery-heading h3{font-size:28px}
  .application h3,.knowledge h3{font-size:29px;line-height:1.35}
  .application p,.knowledge p{font-size:17px;line-height:1.8}
  .knowledge a,.text-link{font-size:16px}
  .contact-details label,.sample-label{font-size:12px}
  .contact-details p{font-size:20px;line-height:1.65}
  footer p,footer>a,.footer-nav a,.footer-contact a{font-size:15px;line-height:1.7}
}

/* 125% Web baseline, measured against the original 100% desktop typography. */
@media (min-width:769px){
  p{font-size:20px;line-height:1.82}
  button,input,select{font-size:18px}
  header.industrial-header nav a{font-size:19px;letter-spacing:.065em}
  header.industrial-header .header-showroom{font-size:18px;min-height:56px;padding:15px 24px}
  header.industrial-header #language{font-size:13px}
  #home.home-stage .home-copy .eyebrow{font-size:14px;letter-spacing:.22em}
  #home.home-stage .home-copy p{font-size:18px;line-height:1.8;max-width:540px}
  #home.home-stage .home-entry,.tour-launch{font-size:18px}
  #home.home-stage .home-entry{min-height:60px;min-width:194px}
  #home.home-stage .hero-bottom,
  #home.home-stage .hero-bottom:before{font-size:13px;line-height:1.85}
  .capability-strip span{font-size:13px}
  .capability-strip strong{font-size:25px;line-height:1.35}
  .section-heading>p{font-size:20px;line-height:1.82}
  .system-card h4{font-size:32px}.system-card p{font-size:20px}.system-card .system-action{font-size:18px}
  .catalog-majors button{font-size:20px}.catalog-majors button small,.catalog-copy small{font-size:15px}
  .catalog-tools label,.catalog-subs button,.catalog-reset{font-size:18px}
  .catalog-tools input,.catalog-tools select{font-size:18px;min-height:62px}
  .catalog-copy h3{font-size:27px}.catalog-copy p{font-size:19px}
  .about-copy .lead{font-size:23px}.about-copy p{font-size:20px}
  .about-supply h3,.about-gallery-heading h3{font-size:30px}
  .application h3,.knowledge h3{font-size:31px}.application p,.knowledge p{font-size:19px}
  .knowledge a,.text-link{font-size:18px}
  .contact-details p{font-size:22px}
  footer p,footer>a,.footer-nav a,.footer-contact a{font-size:17px}
}
@media (min-width:1101px){
  header.industrial-header{height:128px;padding-inline:clamp(48px,5vw,96px)}
  header.industrial-header.is-scrolled{height:100px}
  body:has(.industrial-header) main{padding-top:128px}
  body:has(.industrial-header) main:has(#home:not([hidden])){padding-top:0}
}
@media (min-width:769px) and (max-width:1100px){
  header.industrial-header{height:202px}
  header.industrial-header.is-scrolled{height:186px}
  header.industrial-header nav a{font-size:18px}
  header.industrial-header .header-showroom{font-size:16px;min-height:50px;padding:13px 17px}
  body:has(.industrial-header) main{padding-top:202px}
}

/* Capability labels are compact visual controls, centered above their message. */
@media (min-width:769px){
  .capability-strip>div{
    min-height:174px;
    align-items:center;
    text-align:center;
    gap:16px;
    padding:28px 30px;
  }
  .capability-strip>div:first-child{padding-left:30px}
  .capability-strip span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 22px;
    border:1px solid rgba(196,161,90,.58);
    border-radius:999px;
    background:rgba(255,255,255,.045);
    color:#d7e6de;
    font-size:15px;
    letter-spacing:.1em;
    line-height:1;
  }
  .capability-strip strong{font-size:25px;line-height:1.4}
}

/* Hero emphasis at the 100% Web baseline. */
@media (min-width:769px){
  header.industrial-header nav a{font-size:21px}
  header.industrial-header .header-showroom{font-size:20px;min-height:62px;padding:16px 28px}
  header.industrial-header #language{font-size:14px}
  #home.home-stage .home-copy .eyebrow{font-size:16px;margin-bottom:30px}
  #home.home-stage .home-copy .hero-declaration{font-size:clamp(58px,5.2vw,84px);line-height:1.08;gap:26px}
  #home.home-stage .home-copy p{font-size:20px;line-height:1.82;margin-top:32px;padding-top:20px}
  #home.home-stage .home-entry,.tour-launch{font-size:20px}
  #home.home-stage .home-entry{min-height:66px;min-width:216px;margin-top:32px;padding-left:22px}
  #home.home-stage .home-entry b{width:58px}
  #home.home-stage .hero-bottom,
  #home.home-stage .hero-bottom:before{font-size:14px;line-height:1.9}
}
@media (min-width:769px) and (max-width:1100px){
  header.industrial-header{height:128px}
  header.industrial-header.is-scrolled{height:104px}
  header.industrial-header nav a{font-size:20px}
  header.industrial-header .header-showroom{font-size:17px;min-height:54px;padding:14px 20px}
  body:has(.industrial-header) main{padding-top:128px}
  #home.home-stage .home-copy{transform:translateY(-190px)}
  #home.home-stage .home-copy .hero-declaration{font-size:clamp(56px,6.5vw,66px)}
}
@media (min-width:1101px){
  #home.home-stage .home-copy{bottom:42%;transform:none}
}

/* Desktop hero actions share one aligned control row, leaving clear space for the location line. */
@media (min-width:769px){
  #home.home-stage .home-copy{display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:16px}
  #home.home-stage .home-copy .eyebrow,
  #home.home-stage .home-copy .hero-declaration,
  #home.home-stage .home-copy p{flex:0 0 100%}
  #home.home-stage .home-entry,
  #home.home-stage .tour-launch{display:inline-flex;align-items:center;justify-content:center;min-height:66px;margin-top:0}
  #home.home-stage .tour-launch{min-width:236px;padding:0 24px;border-color:rgba(244,241,235,.58);background:rgba(8,35,34,.34);color:rgba(244,247,244,.94)}
}

/* Preserve a clear lower information zone after the enlarged desktop copy and controls. */
@media (min-width:1101px){
  #home.home-stage .home-copy{transform:translateY(-72px)!important}
}

/* Systems cards use one 8px rhythm: aligned metadata, content and action baselines. */
@media (min-width:769px){
  .system-grid{border-color:#dce4df}
  .system-card,.system-card+.system-card{display:flex;flex-direction:column;min-height:456px;padding:32px;border-color:#dce4df;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s ease,color .2s ease,box-shadow .2s ease}
  .system-card .system-no{display:inline-flex;align-items:center;align-self:flex-start;min-height:32px;padding:0 12px;border:1px solid #d4dfd9;border-radius:999px;color:#43645a;font-size:13px;line-height:1}
  .system-card h3{margin:32px 0 16px;font-size:14px;line-height:1.2}
  .system-card h4{margin:0;font-size:32px;line-height:1.35}
  .system-card p{margin:16px 0 0;font-size:20px;line-height:1.78}
  .system-card .system-action{margin-top:auto;padding-top:32px;font-size:18px;line-height:1.4}
  .system-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(14,49,43,.12)}
  .system-card:active{transform:translateY(0);box-shadow:none}
  .system-card:hover .system-no{border-color:rgba(244,241,235,.38);color:#dce9e3}
  .system-card[aria-disabled=true]{pointer-events:none;opacity:.46;box-shadow:none;transform:none}
}

/* A narrow desktop window uses the compact navigation before labels can collide. */
@media (min-width:769px) and (max-width:1000px){
  header.industrial-header{height:76px;padding:0 24px;gap:16px}
  header.industrial-header.is-scrolled{height:76px}
  header.industrial-header .brand-lockup>img{width:44px;height:44px}
  header.industrial-header .brand-wordmark strong{font-size:22px}
  header.industrial-header nav,header.industrial-header .header-showroom,header.industrial-header #language{display:none}
  header.industrial-header .header-actions{height:auto;margin-left:auto;padding:0;border:0}
  header.industrial-header .menu-toggle{display:flex;color:#f4f1eb;font-size:14px;align-items:center;gap:10px}
  body:has(.industrial-header) main{padding-top:76px}
}

/* Corporate English descriptor: matched to the Chinese wordmark width without changing the registered mark. */
header.industrial-header .brand-wordmark{width:176px}
header.industrial-header .brand-wordmark strong{width:100%;text-align:left}
header.industrial-header .brand .brand-wordmark small{display:block;width:100%;font-family:Inter,'Helvetica Neue',Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:.12em;line-height:1;color:#d7dfe3;text-align:left;white-space:nowrap}
@media(max-width:1250px) and (min-width:769px){header.industrial-header .brand-wordmark{width:154px}header.industrial-header .brand .brand-wordmark small{font-size:7px;letter-spacing:.12em}}
@media(max-width:768px){header.industrial-header .brand-wordmark{width:132px}header.industrial-header .brand .brand-wordmark small{font-size:6px;letter-spacing:.1em}}

/* Final compact breakpoint: prevent desktop navigation from colliding with the brand lockup. */
@media (min-width:769px) and (max-width:1000px){
  header.industrial-header,header.industrial-header.is-scrolled{height:76px!important;padding:0 24px!important}
  header.industrial-header nav,header.industrial-header .header-showroom,header.industrial-header #language{display:none!important}
  header.industrial-header .header-actions{display:flex!important;height:auto!important;margin-left:auto!important;padding:0!important;border:0!important}
  header.industrial-header .menu-toggle{display:flex!important;align-items:center!important;color:#f4f1eb!important;font-size:14px!important}
  body:has(.industrial-header) main{padding-top:76px!important}
}

/* Refined corporate descriptor: lighter, more spacious and kept to the Chinese wordmark width. */
header.industrial-header .brand-wordmark{width:176px;gap:5px}
header.industrial-header .brand-wordmark strong{width:100%;text-align:left}
header.industrial-header .brand .brand-wordmark small{
  display:block;
  width:100%;
  font-family:Inter,'Helvetica Neue',Arial,sans-serif;
  font-size:9px;
  font-weight:400;
  letter-spacing:.2em;
  line-height:1;
  color:rgba(255,255,255,.78);
  text-align:justify;
  text-align-last:justify;
  white-space:nowrap;
}
@media(max-width:1250px) and (min-width:769px){
  header.industrial-header .brand-wordmark{width:154px}
  header.industrial-header .brand .brand-wordmark small{font-size:8px;letter-spacing:.18em}
}
@media(max-width:768px){
  header.industrial-header .brand-wordmark{width:132px;gap:4px}
  header.industrial-header .brand .brand-wordmark small{font-size:6px;letter-spacing:.14em}
}

/* Compact desktop keeps the two text lines optically equal after the Chinese lockup scales down. */
@media (min-width:769px) and (max-width:1000px){
  header.industrial-header .brand-wordmark{width:94px;gap:4px}
  header.industrial-header .brand .brand-wordmark small{font-size:5px;letter-spacing:.17em}
}

/* Large-screen corporate lockup: a fuller signature without changing the registered JX mark or Chinese standard wordmark. */
@media (min-width:1367px){
  header.industrial-header .brand{min-width:282px}
  header.industrial-header .brand-lockup{gap:20px}
  header.industrial-header .brand-lockup>img{width:70px;height:70px}
  header.industrial-header .brand-wordmark{width:198px;gap:6px}
  header.industrial-header .brand-wordmark strong{font-size:43px}
  header.industrial-header .brand .brand-wordmark small{
    font-size:11px;
    font-weight:500;
    letter-spacing:.18em;
    color:rgba(255,255,255,.85);
    text-align:justify;
    text-align-last:justify;
  }
}

/* Desktop horizontal brand signature: symbol, Chinese wordmark, divider and English descriptor share one calm baseline. */
@media (min-width:769px){
  header.industrial-header .brand{min-width:0}
  header.industrial-header .brand-wordmark{
    width:auto;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:0;
  }
  header.industrial-header .brand-wordmark strong{
    width:auto;
    padding-right:18px;
    border-right:1px solid rgba(255,255,255,.42);
    text-align:left;
    white-space:nowrap;
  }
  header.industrial-header .brand .brand-wordmark small{
    display:block;
    width:auto;
    margin-left:18px;
    font-size:11px;
    font-weight:500;
    letter-spacing:.18em;
    line-height:1;
    color:rgba(255,255,255,.85);
    text-align:left;
    text-align-last:auto;
    white-space:nowrap;
  }
}
@media (min-width:769px) and (max-width:1250px){
  header.industrial-header .brand-lockup{gap:14px}
  header.industrial-header .brand-wordmark strong{padding-right:14px}
  header.industrial-header .brand .brand-wordmark small{margin-left:14px;font-size:8px;letter-spacing:.18em}
}
@media (min-width:769px) and (max-width:1000px){
  header.industrial-header .brand-wordmark{width:auto;gap:0}
  header.industrial-header .brand .brand-wordmark small{font-size:7px}
}

/* Web descriptor emphasis: clearer at a distance while remaining secondary to the Chinese standard wordmark. */
@media (min-width:769px){
  header.industrial-header .brand .brand-wordmark small{
    align-self:center;
    font-size:13px;
    font-weight:500;
    letter-spacing:.15em;
    color:rgba(255,255,255,.9);
  }
}

/* Two-line master lockup: the English descriptor spans from the JX symbol's left edge to the Chinese wordmark's right edge. */
@media (min-width:769px){
  header.industrial-header .brand-lockup{
    display:grid;
    grid-template-columns:auto auto;
    grid-template-rows:auto auto;
    column-gap:20px;
    row-gap:8px;
    align-items:center;
  }
  header.industrial-header .brand-lockup>img{
    grid-column:1;
    grid-row:1;
    align-self:center;
  }
  header.industrial-header .brand-wordmark{display:contents}
  header.industrial-header .brand-wordmark strong{
    grid-column:2;
    grid-row:1;
    width:auto;
    padding:0;
    border:0;
    white-space:nowrap;
  }
  header.industrial-header .brand .brand-wordmark small{
    grid-column:1 / -1;
    grid-row:2;
    display:flex;
    width:100%;
    margin:0;
    justify-content:space-between;
    align-items:center;
    font-size:13px;
    font-weight:500;
    letter-spacing:0;
    color:rgba(255,255,255,.9);
    text-align:left;
    text-align-last:auto;
  }
}
@media (min-width:769px) and (max-width:1250px){
  header.industrial-header .brand-lockup{column-gap:14px;row-gap:6px}
  header.industrial-header .brand .brand-wordmark small{font-size:12px}
}
@media (max-width:768px){
  header.industrial-header .brand .brand-wordmark small{display:flex;justify-content:space-between;width:100%}
}

/* The same edge-to-edge lockup is retained on narrow screens: J aligns with the symbol, M with the final Chinese character. */
@media (max-width:768px){
  header.industrial-header .brand-lockup{
    display:grid;
    grid-template-columns:auto auto;
    grid-template-rows:auto auto;
    column-gap:10px;
    row-gap:4px;
    align-items:center;
  }
  header.industrial-header .brand-lockup>img{grid-column:1;grid-row:1;align-self:center}
  header.industrial-header .brand-wordmark{display:contents}
  header.industrial-header .brand-wordmark strong{
    grid-column:2;
    grid-row:1;
    width:auto;
    padding:0;
    border:0;
    white-space:nowrap;
  }
  header.industrial-header .brand .brand-wordmark small{
    grid-column:1 / -1;
    grid-row:2;
    display:flex;
    width:100%;
    margin:0;
    justify-content:space-between;
    font-size:7px;
    font-weight:500;
    letter-spacing:0;
  }
}