:root{--jx-ink:#102d2c;--jx-deep:#082422;--jx-mist:#e8efeb;--jx-paper:#f7f7f3;--jx-gold:#c4a15a;--jx-line:#cbd8d0;--jx-text:#27423d;--jx-muted:#6f827b;--jx-pad:clamp(24px,6vw,112px)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--jx-paper);color:var(--jx-text);font-family:"Microsoft YaHei UI","Noto Sans SC",Arial,sans-serif}
/* Header becomes a precision instrument: one slim line above the page, then a solid reading state. */
header.industrial-header{height:88px;padding:0 var(--jx-pad);background:rgba(7,27,28,.72);border-bottom-color:rgba(255,255,255,.2);backdrop-filter:blur(14px)}
header.industrial-header.is-scrolled{height:76px;background:rgba(8,36,34,.96)}
header.industrial-header nav .nav-group{gap:clamp(18px,2.2vw,40px)}
header.industrial-header nav a{font-size:14px;font-weight:500;letter-spacing:.07em}
header.industrial-header .header-showroom{border-color:rgba(244,241,235,.6);border-radius:0;background:transparent;padding:10px 18px;min-height:38px;font-size:13px}
/* A cinematic first page with a measured editorial block, instead of an overlay of controls. */
#home.home-stage{min-height:760px;height:100svh!important;background:#0e2928}
#home.home-stage .hero-shade{background:linear-gradient(90deg,rgba(4,29,28,.94) 0%,rgba(4,29,28,.72) 38%,rgba(4,29,28,.1) 73%,rgba(4,29,28,.08) 100%)}
#home.home-stage .home-copy{left:var(--jx-pad);bottom:18%;max-width:740px}
#home.home-stage .home-copy .eyebrow{font-size:12px;letter-spacing:.2em;color:#dbe8e2;margin-bottom:26px}
#home.home-stage .home-copy .hero-declaration{font-size:clamp(54px,5.7vw,104px);line-height:1.04;letter-spacing:.015em;gap:24px}
#home.home-stage .home-copy .hero-declaration i{height:.9em;background:var(--jx-gold);width:1px}
#home.home-stage .home-copy p{font-size:19px;line-height:1.7;letter-spacing:.05em;max-width:520px;margin:28px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.3)}
#home.home-stage .home-entry{margin-top:30px;min-height:54px;min-width:190px;border:1px solid var(--jx-gold);background:var(--jx-gold);color:#17302e;font-size:16px}
#home.home-stage .home-entry b{width:52px;border-left-color:#17302e66}
#home.home-stage .hero-bottom{left:var(--jx-pad);right:var(--jx-pad);bottom:32px;font-size:12px;letter-spacing:.1em}
#home.home-stage .home-ambient{opacity:.3}
/* Three proof points are treated as a single technical inscription. */
.capability-strip{grid-template-columns:repeat(3,1fr);padding:0 var(--jx-pad);background:var(--jx-deep);color:#f5f5ef}
.capability-strip>div{min-height:154px;padding:30px 0;gap:14px;border-left-color:rgba(255,255,255,.18)}
.capability-strip>div:first-child{padding-left:0}.capability-strip span{display:block;color:#9fb9ae;font-size:12px;letter-spacing:.14em}.capability-strip strong{font-size:27px;font-weight:600;letter-spacing:.02em}
/* Main sections alternate paper, ink and image-led spaces. */
.section,#products,#about.about-expanded,.applications>.section,.contact{padding:clamp(88px,10vw,168px) var(--jx-pad)}
.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:end;gap:72px;margin-bottom:64px}.eyebrow,.eyebrow.green{font-size:12px;letter-spacing:.18em;color:var(--jx-gold);font-weight:700}.section-heading h2,.applications h2,.contact h2,#about.about-expanded h2{margin:18px 0 0;font-size:clamp(42px,4.4vw,74px);line-height:1.12;letter-spacing:-.04em;color:var(--jx-ink)}.section-heading>p{font-size:18px;line-height:1.8;color:var(--jx-muted);margin:0;max-width:470px}
/* The showroom changes from a boxed widget to a clear spatial briefing. */
#explore.room-stage{background:var(--jx-ink);color:#ecf1ec;padding-top:72px;padding-bottom:96px}.stage-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.22);font-size:13px;letter-spacing:.12em}.stage-heading b{color:var(--jx-gold)}.explorer-layout{grid-template-columns:minmax(0,1.5fr) minmax(310px,.5fr);gap:0;margin-top:28px;border:1px solid rgba(255,255,255,.22)}.scene-shell{border:0}.scene-toolbar{padding:14px 20px;border-bottom-color:rgba(255,255,255,.18)}.scene-viewport{background:#dce8e4}.scene-panel{padding:44px 36px;background:#0d3734;border-left:1px solid rgba(255,255,255,.22)}.scene-panel h2,.scene-panel h3{font-size:34px;line-height:1.25}.scene-panel p{font-size:16px;line-height:1.85}.scene-filters{padding:16px 20px;border-bottom-color:rgba(255,255,255,.18)}
/* Systems form an architectural run rather than four floating cards. */
.system-section{background:var(--jx-paper)}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--jx-line);border-right:0}.system-card,.system-card+.system-card{min-height:510px;padding:30px;display:flex;flex-direction:column;border:0;border-right:1px solid var(--jx-line);background:transparent;color:var(--jx-text);transition:background .22s ease,color .22s ease,transform .22s ease}.system-card:nth-child(2n){background:#eef3f0}.system-card:hover{transform:none;background:var(--jx-ink);color:#fff;box-shadow:none}.system-card .system-no{align-self:flex-start;padding:0;border:0;border-radius:0;min-height:auto;font-size:12px;letter-spacing:.15em;color:var(--jx-gold);background:none}.system-card h3{margin:62px 0 12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:inherit}.system-card h4{margin:0;font-size:32px;line-height:1.3}.system-card p{margin:20px 0 0;font-size:17px;line-height:1.82;color:inherit}.system-card .system-action{margin-top:auto;padding-top:36px;font-size:15px;color:var(--jx-gold)}
/* Products are a material library on warm paper. */
.product-section{background:#e8efeb}.product-section .product-grid{gap:20px}.product-section .product-card{border:0;background:#f9faf7;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.product-section .product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #163d341c}.product-section .product-card img{mix-blend-mode:multiply}.product-section .product-copy{padding:24px}.product-section .product-copy h3{font-size:21px}.product-section .product-copy p{font-size:14px;line-height:1.7}
/* Company page treats photography as evidence, with an asymmetric archival grid. */
#about.about-expanded{background:var(--jx-paper)}.about-intro-grid{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:clamp(42px,7vw,120px);align-items:start}.about-copy{max-width:590px}.about-copy p{font-size:18px;line-height:2;color:#526862}.about-supply{margin-top:48px;padding:28px 0;border-top:1px solid var(--jx-line)}.about-supply h3{font-size:30px}.about-feature-photos{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.about-feature-photos figure:last-child{margin-top:72px}.company-photo button{border:0}.company-photo img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.company-photo:hover img{transform:scale(1.035)}.about-gallery-heading{display:flex;justify-content:space-between;align-items:end;margin:110px 0 36px;padding-top:28px;border-top:1px solid var(--jx-line)}.about-gallery-heading h3{font-size:38px;margin:0}.about-gallery-heading p{max-width:400px;color:var(--jx-muted);font-size:16px}.about-photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.about-photo-grid figure:nth-child(1){grid-column:span 7}.about-photo-grid figure:nth-child(2){grid-column:span 5}.about-photo-grid figure:nth-child(3){grid-column:span 4}.about-photo-grid figure:nth-child(4){grid-column:span 8}.about-photo-grid figure:nth-child(n+5){grid-column:span 6}
/* Applications and resources become a quieter reading sequence. */
.applications{background:var(--jx-ink);color:#f3f5ef}.applications h2{color:#f3f5ef}.applications .eyebrow{color:var(--jx-gold)}.application-grid{grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}.application{min-height:240px;padding:28px;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.application h3{font-size:25px}.application p,.applications .small{color:#bad0c7;font-size:15px;line-height:1.8}.applications .small{margin-top:28px}#knowledge{background:#f0f3ef}.knowledge-grid{grid-template-columns:repeat(3,1fr);gap:22px}.knowledge{padding:30px;border-top:2px solid var(--jx-gold);background:#fff}.knowledge h3{font-size:26px;line-height:1.35}.knowledge p{font-size:16px;line-height:1.8;color:var(--jx-muted)}
/* Contact and footer end the sequence with one decisive dark field. */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:12vw;background:#173b37;color:#f5f6f0}.contact h2,.contact .eyebrow{color:#f5f6f0}.contact>div>p{font-size:18px;line-height:1.8;color:#c9d8d2}.contact-details{padding:36px;border-left:1px solid rgba(255,255,255,.25)}.contact-details label{color:var(--jx-gold);font-size:12px;letter-spacing:.15em}.contact-details p{font-size:18px}footer{padding:72px var(--jx-pad) 30px;background:#081e1d;color:#e9eee9}footer .brand-lockup{opacity:1}.footer-bottom{margin-top:60px;padding-top:20px;border-top-color:rgba(255,255,255,.22)}
@media(max-width:1100px){.explorer-layout,.about-intro-grid,.contact{grid-template-columns:1fr}.scene-panel{border-left:0;border-top:1px solid rgba(255,255,255,.22)}.system-grid{grid-template-columns:repeat(2,1fr)}.application-grid{grid-template-columns:repeat(2,1fr)}.section-heading{gap:32px}.about-feature-photos{max-width:820px}.contact-details{border-left:0;border-top:1px solid rgba(255,255,255,.25)}}
@media(max-width:768px){header.industrial-header,header.industrial-header.is-scrolled{height:76px;padding-inline:20px}.section,#products,#about.about-expanded,.applications>.section,.contact{padding:72px 24px}.section-heading{display:block;margin-bottom:40px}.section-heading h2,.applications h2,.contact h2,#about.about-expanded h2{font-size:39px}.section-heading>p{margin-top:22px;font-size:16px}#home.home-stage{min-height:680px}#home.home-stage .home-copy{left:24px;right:24px;bottom:18%;max-width:380px}#home.home-stage .home-copy .hero-declaration{font-size:48px;gap:14px}#home.home-stage .home-copy p{font-size:16px}.capability-strip{grid-template-columns:1fr;padding:0 24px}.capability-strip>div{min-height:92px;padding:20px 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}.capability-strip strong{font-size:21px}.stage-heading{align-items:flex-start;gap:10px;flex-direction:column}.explorer-layout{margin-top:18px}.system-grid,.application-grid,.knowledge-grid{grid-template-columns:1fr}.system-card,.system-card+.system-card{min-height:320px;padding:26px}.system-card h3{margin-top:36px}.system-card h4{font-size:28px}.about-feature-photos{grid-template-columns:1fr}.about-feature-photos figure:last-child{margin-top:0}.about-gallery-heading{display:block;margin-top:64px}.about-gallery-heading h3{font-size:30px}.about-gallery-heading p{margin-top:14px}.about-photo-grid{display:grid;grid-template-columns:1fr;gap:16px}.about-photo-grid figure:nth-child(n){grid-column:auto}.contact{gap:50px}.contact-details{padding:28px 0}.product-section .product-grid{grid-template-columns:1fr 1fr}.application{min-height:190px}.knowledge{padding:24px}}
/* Header lockup: the English signature sits under, and is centred to, the Chinese wordmark. */
header.industrial-header .brand-lockup{display:flex;align-items:center;gap:16px}
header.industrial-header .brand-lockup>img{width:60px;height:60px;flex:0 0 auto}
header.industrial-header .brand-wordmark{display:flex;width:198px;flex-direction:column;gap:8px}
header.industrial-header .brand-wordmark strong{display:block;width:100%;padding:0;border:0;white-space:nowrap;text-align:justify;text-align-last:justify}
header.industrial-header .brand .brand-wordmark small{display:flex;width:100%;margin:0;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.88);line-height:1;text-align:left}
@media(max-width:1250px) and (min-width:769px){header.industrial-header .brand-lockup{gap:12px}header.industrial-header .brand-lockup>img{width:50px;height:50px}header.industrial-header .brand-wordmark{width:166px;gap:6px}header.industrial-header .brand-wordmark strong{font-size:31px}header.industrial-header .brand .brand-wordmark small{font-size:10px}}
@media(max-width:768px){header.industrial-header .brand-lockup{gap:10px}header.industrial-header .brand-lockup>img{width:42px;height:42px}header.industrial-header .brand-wordmark{display:flex;width:128px;gap:5px}header.industrial-header .brand-wordmark strong{font-size:25px}header.industrial-header .brand .brand-wordmark small{font-size:7px}}

/* 125% header and hero alignment: one shared left safety line, one grouped hero message. */
header.industrial-header .brand-lockup{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:18px;row-gap:8px;align-items:center}
header.industrial-header .brand-lockup>img{grid-column:1;grid-row:1;width:62px;height:62px;align-self:center}
header.industrial-header .brand-wordmark{display:contents;width:auto}
header.industrial-header .brand-wordmark strong{grid-column:2;grid-row:1;width:auto;padding:0;border:0;white-space:nowrap;text-align:left;text-align-last:auto}
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;line-height:1;color:rgba(255,255,255,.9)}
#home.home-stage .home-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0}
#home.home-stage .home-copy .hero-declaration{font-size:52px;font-weight:600;line-height:1.1}
#home.home-stage .home-copy p{margin-top:16px;margin-bottom:0;font-size:16px;line-height:1.7}
#home.home-stage .home-entry{position:static!important;inset:auto!important;align-self:flex-start;margin-top:32px;min-height:0;min-width:0;padding:12px 0 12px 32px;font-size:16px;font-weight:500}
#home.home-stage .home-entry b{width:52px;align-self:stretch}
@media(max-width:1250px) and (min-width:769px){header.industrial-header .brand-lockup{column-gap:14px;row-gap:6px}header.industrial-header .brand-lockup>img{width:52px;height:52px}header.industrial-header .brand .brand-wordmark small{font-size:11px}#home.home-stage .home-copy .hero-declaration{font-size:48px}}
@media(max-width:768px){header.industrial-header .brand-lockup{column-gap:10px;row-gap:5px}header.industrial-header .brand-lockup>img{width:42px;height:42px}header.industrial-header .brand .brand-wordmark small{font-size:7px}#home.home-stage .home-copy .hero-declaration{font-size:42px}#home.home-stage .home-copy p{font-size:13px}#home.home-stage .home-entry{margin-top:24px;padding:11px 0 11px 22px;font-size:15px}}

/* First-person cleanroom journey: a slow gold route introduces five material points. */
#home.home-stage{isolation:isolate}
#home.home-stage .home-motion-image{object-position:70% center;transform:scale(1.035) translateX(-.8%);transition:transform 1.4s cubic-bezier(.22,1,.36,1),object-position 1.4s cubic-bezier(.22,1,.36,1);will-change:transform}
#home.home-stage.journey-zoom .home-motion-image{transform:scale(1.25) translate(-8%,-2%)!important;object-position:75% center}
#home.home-stage .hero-journey{position:absolute;inset:0;z-index:3;pointer-events:none}
.journey-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.journey-route polyline{fill:none;stroke:#d5ad54;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.86;filter:drop-shadow(0 0 6px rgba(226,181,74,.78));stroke-dasharray:10 18;animation:journey-flow 5.5s linear infinite}
@keyframes journey-flow{to{stroke-dashoffset:-168}}
.journey-nodes{position:absolute;inset:0}.journey-node{position:absolute;transform:translate(-50%,-50%);z-index:1}.journey-node button{display:grid;place-items:center;position:relative;width:32px;height:32px;border:1px solid rgba(239,210,137,.82);border-radius:50%;background:rgba(20,44,42,.42);color:#f8efd9;font:600 10px/1 Arial,sans-serif;letter-spacing:.04em;backdrop-filter:blur(6px);pointer-events:auto;transition:transform .45s ease,background .45s ease,box-shadow .45s ease}.journey-node button i{position:absolute;width:9px;height:9px;border-radius:50%;background:#e0b75a;box-shadow:0 0 0 0 rgba(225,181,75,.65);animation:journey-pulse 2.6s ease-out infinite}.journey-node button span{position:relative;z-index:1}.journey-node.is-active button{transform:scale(1.25);background:#c9a154;color:#17312e;box-shadow:0 0 0 7px rgba(223,181,79,.15)}.journey-node.is-active button i{display:none}
@keyframes journey-pulse{70%{box-shadow:0 0 0 13px rgba(225,181,75,0)}100%{box-shadow:0 0 0 0 rgba(225,181,75,0)}}
.journey-card{position:absolute;left:24px;top:-20px;width:190px;padding:15px 16px;border:1px solid rgba(244,241,235,.38);background:rgba(10,37,35,.72);color:#f5f2e9;backdrop-filter:blur(12px);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.journey-node:nth-child(1) .journey-card,.journey-node:nth-child(2) .journey-card{left:auto;right:24px}.journey-card small{display:flex;justify-content:space-between;color:#d9b35b;font-size:10px;letter-spacing:.12em}.journey-card strong{display:block;margin-top:10px;font-size:17px;font-weight:600}.journey-card p{margin:7px 0 0;color:#d8e3dd;font-size:12px;line-height:1.55}.journey-node.is-active .journey-card{opacity:1;transform:translateY(0)}
#home.home-stage .home-copy{z-index:5}#home.home-stage .home-entry{z-index:6;position:relative}
@media(max-width:768px){#home.home-stage .home-motion-image{object-position:66% center}#home.home-stage.journey-zoom .home-motion-image{transform:scale(1.14) translate(-4%,-1%)!important}.journey-route{opacity:.68}.journey-node button{width:26px;height:26px;font-size:8px}.journey-card{width:145px;padding:11px 12px}.journey-card strong{font-size:14px}.journey-card p{font-size:10px}.journey-node:nth-child(1) .journey-card,.journey-node:nth-child(2) .journey-card{right:18px}.journey-card{left:18px}}
@media(prefers-reduced-motion:reduce){.journey-route polyline,.journey-node button i{animation:none}.journey-node:not(:first-child) .journey-card{display:none}.journey-node:first-child .journey-card{opacity:1;transform:none}}

/* Keep the hero copy as one physical group; old visual layers must not pull the CTA away. */
#home.home-stage .home-copy{position:absolute;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important}
#home.home-stage .home-copy>.eyebrow,#home.home-stage .home-copy>.hero-declaration,#home.home-stage .home-copy>p,#home.home-stage .home-copy>.home-entry{position:static!important;inset:auto!important;float:none!important;transform:none!important;align-self:flex-start!important}
#home.home-stage .home-copy>p{display:block!important;width:auto!important;max-width:560px!important;margin:16px 0 0!important;padding:0!important;border:0!important;white-space:normal!important}
#home.home-stage .home-copy>.home-entry{display:inline-flex!important;visibility:visible!important;opacity:1!important;margin:32px 0 0!important;flex:0 0 auto!important}
#home.home-stage .hero-journey{z-index:3;opacity:.9}#home.home-stage .home-copy{z-index:5!important}#home.home-stage .hero-bottom{z-index:5}
@media(max-width:768px){#home.home-stage .home-copy>p{max-width:300px!important;margin-top:14px!important}#home.home-stage .home-copy>.home-entry{margin-top:24px!important}}

/* Prevent inherited column wrapping from splitting the hero content into four horizontal tracks. */
#home.home-stage .home-copy{flex-wrap:nowrap!important}
#home.home-stage .home-copy>.eyebrow,#home.home-stage .home-copy>.hero-declaration,#home.home-stage .home-copy>p,#home.home-stage .home-copy>.home-entry{flex:none!important;height:auto!important}
#home.home-stage .home-copy>.eyebrow{margin:0 0 22px!important}
#home.home-stage .home-copy>.hero-declaration{margin:0!important}

/* 125% desktop type pass: enlarge reading hierarchy without changing the established grid. */
@media(min-width:769px){
  header.industrial-header{height:104px}
  header.industrial-header.is-scrolled{height:88px}
  header.industrial-header nav a{font-size:16px}
  header.industrial-header .header-showroom{font-size:15px;min-height:42px;padding-inline:20px}
  header.industrial-header .brand .brand-wordmark small{font-size:13px}
  .capability-strip span{font-size:14px}
  .capability-strip strong{font-size:30px}
  .section-heading>p{font-size:18px}
  #products .section-heading h2{font-size:48px}
  #products .catalog-count,#products .catalog-tools label>span,#products .catalog-majors button,#products .catalog-subs button,#products .catalog-reset{font-size:15px}
  #products .catalog-tools input,#products .catalog-tools select{font-size:16px;min-height:48px}
  #products .catalog-card h3{font-size:23px}
  #products .catalog-card p{font-size:16px;line-height:1.75}
  #products .catalog-card small,#products .catalog-card-actions{font-size:14px}
  #about.about-expanded .about-copy p{font-size:18px;line-height:1.9}
  .application h3{font-size:28px}
  .application p,.applications .small{font-size:16px}
  .knowledge h3{font-size:28px}
  .knowledge p{font-size:16px}
  footer{font-size:15px}
}

/* Mobile closure: align the brand to the hero grid and reserve the lower hero for its CTA. */
@media(max-width:768px){
  header.industrial-header,header.industrial-header.is-scrolled{padding-inline:24px}
  .journey-card{position:fixed;left:24px!important;right:24px!important;top:96px!important;width:auto!important;transform:translateY(10px)}
  .journey-node.is-active .journey-card{transform:translateY(0)}
}

/* On compact screens, retain the route and five touch nodes; omit the desktop detail card so the CTA stays unobstructed. */
@media(max-width:768px){.journey-card,.journey-node.is-active .journey-card{display:none!important}}

/* Brand correction: English belongs beneath the Chinese wordmark, never across the symbol. */
header.industrial-header .brand-lockup{display:flex;align-items:center;gap:18px}
header.industrial-header .brand-lockup>img{width:62px;height:62px;flex:0 0 auto}
header.industrial-header .brand-wordmark{display:flex;width:243px;flex-direction:column;gap:8px}
header.industrial-header .brand-wordmark strong{display:block;width:100%;padding:0;border:0;white-space:nowrap;text-align:justify;text-align-last:justify}
header.industrial-header .brand .brand-wordmark small{display:flex;width:100%;margin:0;justify-content:center;align-items:center;gap:.16em;font-size:13px;font-weight:500;letter-spacing:0;line-height:1;color:rgba(255,255,255,.9)}
header.industrial-header .brand .brand-wordmark small span:nth-child(7){margin-left:.35em}
@media(max-width:1250px) and (min-width:769px){header.industrial-header .brand-lockup{gap:14px}header.industrial-header .brand-lockup>img{width:52px;height:52px}header.industrial-header .brand-wordmark{width:204px;gap:6px}header.industrial-header .brand-wordmark strong{font-size:34px}header.industrial-header .brand .brand-wordmark small{font-size:11px;gap:.14em}}
@media(max-width:768px){header.industrial-header .brand-lockup{gap:10px}header.industrial-header .brand-lockup>img{width:42px;height:42px}header.industrial-header .brand-wordmark{display:flex;width:128px;gap:5px}header.industrial-header .brand-wordmark strong{font-size:25px}header.industrial-header .brand .brand-wordmark small{font-size:7px;gap:.12em}header.industrial-header .brand .brand-wordmark small span:nth-child(7){margin-left:.25em}}

/* The gold route now starts above the lower-left company proof line and travels slowly into the room. */
.journey-route polyline{animation-duration:10s}

/* Brand wordmark refinement: tighter Chinese rhythm, a stronger centred English line. */
header.industrial-header .brand-wordmark strong{letter-spacing:.05em!important;text-align:center!important;text-align-last:center!important}
header.industrial-header .brand .brand-wordmark small{justify-content:center!important;gap:.13em!important;letter-spacing:0!important}
header.industrial-header .brand .brand-wordmark small span:nth-child(7){margin-left:.30em}

/* Match the English signature to the Chinese wordmark edges without reopening the letter gaps. */
header.industrial-header .brand .brand-wordmark small{transform:scaleX(1.08);transform-origin:center}

/* Replace the dotted connection with independent gold strokes travelling through the room. */
.journey-route .journey-track{stroke:transparent!important;animation:none!important}
.journey-route .journey-glint{fill:none;stroke:#d5ad54;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(226,181,74,.82));stroke-dasharray:26 974;stroke-dashoffset:1000;animation:journey-glide 16s linear infinite!important;opacity:.96}
.journey-route .glint-two{animation-delay:-5.3s!important;opacity:.72}.journey-route .glint-three{animation-delay:-10.6s!important;opacity:.5}
@keyframes journey-glide{to{stroke-dashoffset:-26}}

/* Capability proof strip: three centred, equal-weight statements at a readable scale. */
@media(min-width:769px){
  .capability-strip>div{min-height:208px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}
  .capability-strip>div:first-child{padding-left:24px}
  .capability-strip span{display:inline-flex;align-items:center;justify-content:center;min-width:176px;min-height:48px;padding:0 24px;border:1px solid rgba(213,173,84,.72);border-radius:999px;color:#d8ba72;font-size:16px;line-height:1;letter-spacing:.12em}
  .capability-strip strong{display:block;font-size:42px;line-height:1.15;font-weight:600;letter-spacing:.02em;white-space:nowrap}
}
@media(max-width:768px){
  .capability-strip>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}
  .capability-strip span{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border:1px solid rgba(213,173,84,.72);border-radius:999px;color:#d8ba72;line-height:1}
}

/* Keep the enlarged proof typography within the three-column desktop grid. */
@media(min-width:769px){
  .capability-strip{grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}
  .capability-strip>div{min-width:0;padding-inline:16px}
  .capability-strip>div:first-child{padding-left:16px}
  .capability-strip strong{max-width:100%;font-size:30px;line-height:1.2;letter-spacing:0;text-align:center}
}

/* Desktop navigation: a restrained hover field confirms each selectable section. */
@media(hover:hover) and (min-width:769px){
  header.industrial-header nav a{position:relative;z-index:0;isolation:isolate;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}
  header.industrial-header nav a::before{content:"";position:absolute;z-index:-1;inset:-10px -14px;border-radius:4px;background:rgba(5,30,29,.46);box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.12);opacity:0;transform:scale(.92);transition:opacity .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}
  header.industrial-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--jx-gold);box-shadow:0 2px 10px rgba(213,173,84,.75);opacity:0;transform:scaleX(.35);transition:opacity .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}
  header.industrial-header nav a:hover{color:#fff;transform:translateY(-1px);text-shadow:0 3px 12px rgba(0,0,0,.48)}
  header.industrial-header nav a:hover::before,header.industrial-header nav a:hover::after{opacity:1;transform:scale(1)}
  header.industrial-header nav a:hover::after{transform:scaleX(1)}
}

/* Registered JX mark: enlarge its optical footprint to match the Chinese master wordmark. */
@media(min-width:769px){
  header.industrial-header .brand-lockup>img{width:84px;height:84px}
}
@media(max-width:768px){
  header.industrial-header .brand-lockup>img{width:56px;height:56px}
}

/* One fine line of light: it begins at the showroom entry and travels alone into the room. */
.journey-route .journey-glint{stroke-width:1.4px;filter:drop-shadow(0 0 4px rgba(226,181,74,.62));stroke-dasharray:38 962;stroke-dashoffset:0;animation:journey-single-light 22s linear infinite!important;opacity:.9}
.journey-route .glint-two,.journey-route .glint-three{display:none!important}
@keyframes journey-single-light{to{stroke-dashoffset:-1000}}

/* Homepage message: one larger, uninterrupted editorial statement. */
#home.home-stage .hero-declaration i{display:none!important}
@media(min-width:769px){
  #home.home-stage .home-copy .eyebrow{font-size:14px;margin-bottom:24px!important}
  #home.home-stage .home-copy .hero-declaration{font-size:58px;gap:16px}
  #home.home-stage .home-copy p{margin-top:18px!important;font-size:18px;line-height:1.7}
  #home.home-stage .home-entry{margin-top:34px!important;padding-top:14px!important;padding-bottom:14px!important;font-size:18px}
  #home.home-stage .hero-bottom{font-size:16px}
}

/* Manual device preference control. */
footer .view-switch{margin-top:18px;padding:8px 0;border:0;border-bottom:1px solid rgba(213,173,84,.65);background:transparent;color:#d8b568;font-size:12px;letter-spacing:.08em;cursor:pointer}
@media(min-width:769px){footer .view-switch{display:none!important}}

/* Material points appear only when the single guide light reaches them. */
.journey-node{opacity:0;pointer-events:none;transition:opacity .45s ease}
.journey-node.is-active{opacity:1;pointer-events:auto}

/* Restore the original top-aligned proof-strip rhythm while retaining the larger type. */
@media(min-width:769px){
  .capability-strip>div{min-height:154px;padding:20px 16px;justify-content:flex-start;gap:16px}
  .capability-strip>div:first-child{padding-left:16px}
}

/* The featured first system starts above the sequence, then the system run progresses to the right. */
@media(min-width:769px){
  .system-card:first-child{margin:-18px 0 18px}
}

/* Desktop lower-page reflow: explicit type and grids replace the former global text multiplier. */
@media(min-width:769px){
  header.industrial-header .brand-wordmark strong{font-size:52px!important;line-height:1!important}
  header.industrial-header .brand .brand-wordmark small{font-size:14px!important;line-height:1.15!important}
  #home.home-stage .home-copy .hero-declaration{font-size:52px!important;line-height:1.16!important}
  #about.about-expanded{padding:100px clamp(48px,6vw,96px)!important}
  #about .about-intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:64px!important}
  #about.about-expanded h2{font-size:52px!important;line-height:1.2!important;margin:18px 0 24px!important}
  #about .about-copy>p{font-size:17px!important;line-height:1.75!important;margin:0 0 20px!important}
  #about .about-supply{margin-top:32px!important;padding-top:24px!important}
  #about .about-supply h3{font-size:26px!important;line-height:1.3!important}
  #about .about-feature-photos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;padding-top:0!important}
  #about .about-feature-photos .company-photo:last-child{width:100%!important;margin-top:0!important}
  #about .about-feature-photos .company-photo>button{display:block;width:100%;aspect-ratio:16/10!important}
  #about .about-gallery-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:48px!important;margin:72px auto 28px!important;max-width:1380px}
  #about .about-gallery-heading h3{font-size:30px!important;line-height:1.25!important}
  #about .about-gallery-heading p{font-size:16px!important;line-height:1.6!important;margin:0!important}
  #about .about-photo-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;max-width:1380px!important}
  #about .about-photo-grid figure:nth-child(n){grid-column:auto!important;margin:0!important}
  #about .about-photo-grid .company-photo>button{display:block;width:100%;aspect-ratio:16/10!important}
  #about .about-photo-grid figcaption,#about .about-feature-photos figcaption{padding:12px 0 0!important;font-size:14px!important;line-height:1.45!important}
  .applications>.section{max-width:1380px!important;padding:100px clamp(48px,6vw,96px)!important}
  .applications h2{font-size:50px!important;line-height:1.2!important}
  .application-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 32px!important;margin-top:48px!important}
  .application{min-height:0!important;padding:28px 0!important}
  .application h3{font-size:24px!important;line-height:1.35!important;margin:12px 0 8px!important}
  .application p,.applications .small{font-size:16px!important;line-height:1.65!important}
  #knowledge.section{max-width:1380px!important;padding:100px clamp(48px,6vw,96px)!important}
  #knowledge h2{font-size:50px!important;line-height:1.2!important}
  .knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}
  .knowledge{padding-top:24px!important}
  .knowledge h3{font-size:24px!important;line-height:1.35!important;margin:14px 0!important}
  .knowledge p{font-size:16px!important;line-height:1.65!important}
  .contact.section{max-width:none!important;margin:0!important;padding:100px clamp(48px,6vw,96px)!important;gap:72px!important}
  .contact h2{font-size:48px!important;line-height:1.2!important}
  .contact>div>p,.contact-details p{font-size:17px!important;line-height:1.65!important}
  footer{grid-template-columns:1.2fr .8fr .8fr!important;gap:48px!important;padding:64px clamp(48px,6vw,96px) 28px!important}
  footer p,footer a{font-size:15px!important;line-height:1.55!important}
}

main p,main a,main h1,main h2,main h3,main h4,footer p,footer a{overflow-wrap:anywhere}

/* Final desktop brand lock: English spans the same outer edge as the JX mark and Chinese wordmark. */
@media(min-width:769px){
  header.industrial-header .brand-lockup{display:grid!important;grid-template-columns:84px max-content!important;grid-template-rows:auto auto!important;column-gap:18px!important;row-gap:8px!important;align-items:center!important}
  header.industrial-header .brand-lockup>img{grid-column:1!important;grid-row:1!important}
  header.industrial-header .brand-wordmark{display:contents!important}
  header.industrial-header .brand-wordmark strong{grid-column:2!important;grid-row:1!important;width:auto!important;text-align:left!important}
  header.industrial-header .brand .brand-wordmark small{display:flex!important;grid-column:1 / -1!important;grid-row:2!important;width:100%!important;margin:0!important;justify-content:space-between!important;letter-spacing:0!important;text-align:left!important}
}

/* Keep the two-line lockup inside the fixed header at every desktop scroll state. */
@media(min-width:769px){
  header.industrial-header,header.industrial-header.is-scrolled{height:124px!important}
  header.industrial-header .brand .brand-wordmark small{transform:none!important}
}

/* Industrial interaction system: metal line instead of scale-based hover. */
@media(hover:hover){
  .system-card,.application,.knowledge,.company-photo,.catalog-card,.product-card{position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}
  .system-card::after,.application::after,.knowledge::after,.company-photo::after,.catalog-card::after,.product-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(235,213,157,.34) 50%,transparent 65%);transform:translateX(-130%);transition:transform .65s cubic-bezier(.22,1,.36,1);z-index:2}
  .system-card:hover,.application:hover,.knowledge:hover,.company-photo:hover,.catalog-card:hover,.product-card:hover{transform:none!important;border-color:rgba(213,173,84,.92);box-shadow:inset 0 0 0 1px rgba(213,173,84,.35),0 14px 28px rgba(4,28,27,.12)!important}
  .system-card:hover::after,.application:hover::after,.knowledge:hover::after,.company-photo:hover::after,.catalog-card:hover::after,.product-card:hover::after{transform:translateX(130%)}
  .system-card:hover img,.company-photo:hover img,.catalog-card:hover img,.product-card:hover img{transform:none!important}
}
button,.home-entry,.header-showroom,.text-link,.view-switch{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
button:active,.home-entry:active,.header-showroom:active,.text-link:active,.view-switch:active{transform:translateY(1px)!important;box-shadow:none!important}
@media(min-width:769px){#home.home-stage:not(.journey-zoom) .home-motion-image{transform:scale(1.035) translate3d(0,var(--hero-parallax,0px),0)!important}}
@media(prefers-reduced-motion:reduce){.system-card::after,.application::after,.knowledge::after,.company-photo::after,.catalog-card::after,.product-card::after{display:none}}

/* Final brand balance: symbol and Chinese share one visual height; English is centred below Chinese only. */
@media(min-width:769px){
  header.industrial-header .brand-lockup{display:flex!important;align-items:center!important;gap:10px!important}
  header.industrial-header .brand-lockup>img{width:58px!important;height:58px!important;flex:0 0 58px!important}
  header.industrial-header .brand-wordmark{display:flex!important;width:auto!important;flex-direction:column!important;align-items:center!important;gap:6px!important}
  header.industrial-header .brand-wordmark strong{display:block!important;width:auto!important;padding:0!important;border:0!important;font-size:52px!important;line-height:1!important;letter-spacing:.015em!important;text-align:center!important;white-space:nowrap!important}
  header.industrial-header .brand .brand-wordmark small{display:block!important;width:auto!important;margin:0!important;align-self:center!important;font-size:14px!important;font-weight:500!important;line-height:1!important;letter-spacing:.11em!important;text-align:center!important;white-space:nowrap!important;transform:none!important}
}

/* One pale-gold journey accent; arrival labels contain the module name only. */
#home.home-stage{--journey-gold:#dfc887}
.journey-route .journey-glint{stroke:var(--journey-gold)!important;filter:drop-shadow(0 0 4px rgba(223,200,135,.58))!important}
.journey-node button{border-color:rgba(223,200,135,.82)!important;color:#fff8e8!important}
.journey-node button i{background:var(--journey-gold)!important;box-shadow:0 0 0 0 rgba(223,200,135,.6)!important}
.journey-node.is-active button{background:var(--journey-gold)!important;color:#17312e!important;box-shadow:0 0 0 7px rgba(223,200,135,.16)!important}
.journey-card{width:auto!important;min-width:156px!important;padding:12px 16px!important;border-color:rgba(223,200,135,.52)!important;background:rgba(10,37,35,.74)!important}
.journey-card strong{margin:0!important;color:var(--journey-gold)!important;font-size:16px!important;font-weight:500!important;line-height:1.3!important;white-space:nowrap!important}

/* English hero: one calm editorial stack instead of two competing columns. */
@media(min-width:769px){
  html[lang=en] #home.home-stage .home-copy{max-width:680px!important}
  html[lang=en] #home.home-stage .home-copy .hero-declaration{
    display:flex!important;
    width:auto!important;
    max-width:620px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:2px!important;
    font-size:clamp(46px,4.35vw,64px)!important;
    line-height:1.06!important;
    letter-spacing:-.025em!important;
  }
  html[lang=en] #home.home-stage .home-copy .hero-declaration span{
    display:block!important;
    width:auto!important;
    white-space:nowrap!important;
  }
  html[lang=en] #home.home-stage .home-copy>p{
    max-width:580px!important;
    margin-top:22px!important;
    font-size:17px!important;
    line-height:1.55!important;
    letter-spacing:.015em!important;
  }
}

/* Keep the showroom gallery directly beneath the two lead photographs. */
#about .about-visual-column{min-width:0}
#about .about-visual-column .about-gallery-heading{margin:36px 0 24px!important}
#about .about-visual-column .about-photo-grid{width:100%!important;max-width:none!important}
@media(max-width:768px){
  #about .about-visual-column{display:contents}
  #about .about-visual-column .about-gallery-heading{margin-top:32px!important}
}

/* Cohesive desktop brand block: symbol matches the complete two-line wordmark. */
@media(min-width:769px){
  header.industrial-header .brand-lockup{gap:6px!important}
  header.industrial-header .brand-lockup>img{
    width:72px!important;
    height:72px!important;
    flex-basis:72px!important;
    transform:translateY(1px)
  }
}

/* Capability strip: stronger hierarchy and one shared vertical rhythm. */
@media(min-width:769px){
  .capability-strip{border-top-color:rgba(223,200,135,.22)}
  .capability-strip>div{
    min-height:184px;
    padding:32px 24px;
    align-items:center;
    justify-content:center;
    gap:22px;
    text-align:center;
  }
  .capability-strip>div:first-child{padding-left:24px}
  .capability-strip span{
    min-width:184px;
    min-height:44px;
    padding:0 24px;
    border-color:rgba(223,200,135,.74);
    background:rgba(223,200,135,.055);
    color:#e4cd91;
    font-size:15px;
    font-weight:700;
    letter-spacing:.1em;
  }
  .capability-strip strong{
    font-size:34px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:0;
    text-wrap:balance;
  }
}
@media(max-width:768px){
  .capability-strip span{font-weight:700;background:rgba(223,200,135,.055)}
  .capability-strip strong{font-weight:700}
}

/* WEB system overview: use the available canvas instead of shrinking into the centre. */
@media(min-width:769px){
  #systems.system-section{
    width:min(92vw,3200px);
    max-width:none;
    padding:clamp(96px,6vw,160px) clamp(48px,4vw,150px);
  }
  #systems .section-heading{
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
    gap:clamp(56px,7vw,180px);
    margin-bottom:clamp(50px,4vw,92px);
    padding-bottom:clamp(30px,2vw,48px);
    border-bottom:1px solid var(--jx-line);
  }
  #systems .section-heading h2{
    max-width:980px;
    font-size:clamp(48px,3.2vw,82px);
    line-height:1.16;
  }
  #systems .section-heading>p{
    max-width:620px;
    font-size:clamp(17px,1vw,24px);
    line-height:1.75;
  }
  #systems .system-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:100%;
  }
  #systems .system-card,
  #systems .system-card+.system-card{
    min-height:clamp(480px,16vw,680px);
    padding:clamp(30px,2.4vw,58px);
  }
  #systems .system-card:first-child{margin:0}
  #systems .system-card .system-no{font-size:clamp(11px,.72vw,16px)}
  #systems .system-card h3{margin-top:clamp(46px,4vw,88px);font-size:clamp(12px,.8vw,18px)}
  #systems .system-card h4{font-size:clamp(30px,2vw,50px);line-height:1.32;font-weight:600}
  #systems .system-card p{font-size:clamp(16px,1vw,23px);line-height:1.75}
  #systems .system-card .system-action{font-size:clamp(14px,.86vw,19px)}
}

/* WEB closing sequence: one ordered grid from About through Footer. */
@media(min-width:769px){
  #about.about-expanded{
    width:min(92vw,2000px);
    max-width:none;
    margin:0 auto;
    padding:clamp(104px,7vw,170px) clamp(48px,4vw,112px)!important;
  }
  #about .about-intro-grid{
    grid-template-columns:minmax(360px,.82fr) minmax(640px,1.18fr)!important;
    gap:clamp(64px,7vw,150px)!important;
    align-items:start;
  }
  #about .about-copy{max-width:720px;position:sticky;top:164px}
  #about.about-expanded h2{font-size:clamp(48px,3.4vw,76px)!important;line-height:1.16!important}
  #about .about-copy>p{font-size:clamp(17px,1vw,22px)!important;line-height:1.85!important}
  #about .about-supply{margin-top:42px!important;padding:30px 0 0!important}
  #about .about-supply h3{font-size:clamp(28px,1.8vw,40px)!important}
  #about .about-feature-photos{gap:22px!important}
  #about .about-feature-photos .company-photo>button,
  #about .about-photo-grid .company-photo>button{overflow:hidden;border:1px solid var(--jx-line)!important;background:#fff}
  #about .about-feature-photos img,#about .about-photo-grid img{display:block;width:100%;height:100%;object-fit:cover}
  #about .about-gallery-heading{margin:54px 0 24px!important;padding-top:28px;border-top:1px solid var(--jx-line)}
  #about .about-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
  #about figcaption{display:flex!important;align-items:center!important;min-height:54px!important;padding:12px 2px 0!important;border-top:0!important}

  .applications{padding:0;background:#092d2a}
  .applications>.section{
    width:min(92vw,2000px);
    max-width:none!important;
    margin:0 auto;
    padding:clamp(104px,7vw,170px) clamp(48px,4vw,112px)!important;
  }
  .applications h2{max-width:1100px;font-size:clamp(48px,3.4vw,76px)!important}
  .application-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    margin-top:clamp(48px,4vw,82px)!important;
    border:1px solid rgba(255,255,255,.2);
    border-right:0;
    border-bottom:0;
  }
  .application{
    min-height:260px!important;
    padding:clamp(28px,2.2vw,48px)!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.2)!important;
    border-bottom:1px solid rgba(255,255,255,.2)!important;
  }
  .application h3{font-size:clamp(23px,1.45vw,32px)!important;margin:26px 0 14px!important}
  .application p{font-size:clamp(15px,.92vw,20px)!important;line-height:1.75!important}

  #knowledge.section{
    width:min(92vw,2000px);
    max-width:none!important;
    margin:0 auto;
    padding:clamp(104px,7vw,170px) clamp(48px,4vw,112px)!important;
  }
  #knowledge .section-heading{padding-bottom:34px;border-bottom:1px solid var(--jx-line)}
  #knowledge h2{font-size:clamp(48px,3.4vw,76px)!important}
  #knowledge .knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
  #knowledge .knowledge{
    min-height:360px;
    padding:clamp(30px,2.3vw,50px)!important;
    border:1px solid var(--jx-line)!important;
    border-top:3px solid var(--jx-gold)!important;
    display:flex;
    flex-direction:column;
  }
  #knowledge .knowledge h3{font-size:clamp(24px,1.55vw,34px)!important;margin:28px 0 16px!important}
  #knowledge .knowledge p{font-size:clamp(15px,.92vw,20px)!important;line-height:1.75!important}
  #knowledge .knowledge a{margin-top:auto;padding-top:26px}

  .contact.section{
    grid-template-columns:minmax(0,1.05fr) minmax(560px,.95fr)!important;
    align-items:start;
    gap:clamp(80px,9vw,190px)!important;
    padding:clamp(104px,7vw,160px) max(5vw,calc((100vw - 2000px)/2 + 72px))!important;
  }
  .contact h2{max-width:900px;font-size:clamp(48px,3.5vw,78px)!important}
  .contact>div>p{max-width:720px;font-size:clamp(17px,1vw,22px)!important}
  .contact-details{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:0 34px;
    padding:28px 0 28px 54px!important;
  }
  .contact-details .sample-label{grid-column:1/-1;margin-bottom:22px;justify-self:start}
  .contact-details label{margin:0!important;padding:18px 0;border-top:1px solid rgba(255,255,255,.15)}
  .contact-details p{margin:0!important;padding:14px 0 18px;border-top:1px solid rgba(255,255,255,.15);font-size:clamp(16px,.95vw,21px)!important}

  footer{
    grid-template-columns:1.2fr .7fr .8fr!important;
    column-gap:clamp(60px,8vw,170px)!important;
    row-gap:40px!important;
    padding:74px max(5vw,calc((100vw - 2000px)/2 + 72px)) 34px!important;
    align-items:start;
  }
  footer>div:first-child{max-width:520px}
  footer .footer-nav,footer .footer-contact{gap:14px}
  footer .footer-nav strong,footer .footer-contact strong{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.18)}
  footer p,footer a{font-size:15px!important;line-height:1.7!important}
  footer .footer-bottom{margin-top:18px!important}
}

@media(hover:hover) and (min-width:769px){
  #about .company-photo>button{transition:border-color .3s ease,box-shadow .3s ease}
  #about .company-photo:hover>button{border-color:rgba(213,173,84,.9)!important;box-shadow:inset 0 0 0 1px rgba(213,173,84,.3)}
  .application{transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}
  .application:hover{background:rgba(255,255,255,.07)!important;box-shadow:inset 0 3px 0 var(--jx-gold)!important}
  #knowledge .knowledge:hover{background:#fbfbf7;box-shadow:0 18px 36px rgba(6,37,34,.11)!important}
  footer a{transition:color .25s ease,transform .25s ease}
  footer a:hover{color:#f0d58f;transform:translateX(3px)}
}

@media(min-width:769px) and (max-width:1100px){
  #about .about-intro-grid{grid-template-columns:1fr!important}
  #about .about-copy{position:static;max-width:760px}
  .application-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #knowledge .knowledge-grid{grid-template-columns:1fr!important}
  #knowledge .knowledge{min-height:0}
  .contact.section{grid-template-columns:1fr!important}
  .contact-details{padding-left:0!important;border-left:0;border-top:1px solid rgba(255,255,255,.24)}
  footer{grid-template-columns:1fr 1fr!important}
  footer>div:first-child{grid-column:1/-1}
}

/* FINAL CLOSURE: seven industries balance as 4 + 3 on desktop. */
@media (min-width:1101px) {
  .application-grid { grid-template-columns: repeat(8,minmax(0,1fr)) !important; grid-auto-flow:row; border-left:0!important; }
  .application:nth-child(1) { grid-column: 1 / span 2; border-left:1px solid rgba(255,255,255,.2)!important; }
  .application:nth-child(2) { grid-column: 3 / span 2; }
  .application:nth-child(3) { grid-column: 5 / span 2; }
  .application:nth-child(4) { grid-column: 7 / span 2; }
  .application:nth-child(5) { grid-column: 2 / span 2; border-left:1px solid rgba(255,255,255,.2)!important; }
  .application:nth-child(6) { grid-column: 4 / span 2; }
  .application:nth-child(7) { grid-column: 6 / span 2; }
}

/* WEB five-point closure: denser inner sections and a compact three-column footer. */
@media (min-width:769px) {
  #products.product-section {
    padding:72px clamp(48px,6vw,96px) 88px!important;
  }
  #products .section-heading {
    margin-bottom:26px!important;
  }
  #products .section-heading h2 {
    margin-top:14px!important;
    font-size:clamp(38px,3vw,48px)!important;
    line-height:1.14!important;
  }
  #products .section-heading>p {
    font-size:16px!important;
    line-height:1.7!important;
  }
  #products .catalog-majors {
    margin:14px 0!important;
  }
  #products .catalog-majors button {
    padding:16px 12px!important;
  }
  #products .catalog-tools {
    margin:16px 0!important;
  }
  #products .catalog-subs {
    margin-bottom:16px!important;
  }
  #products .catalog-count {
    padding:14px 0!important;
  }

  #about.about-expanded {
    padding-top:84px!important;
    padding-bottom:92px!important;
  }
  #about .about-intro-grid {
    grid-template-columns:minmax(520px,.95fr) minmax(0,1.05fr)!important;
    gap:clamp(52px,5vw,92px)!important;
  }
  #about .about-copy {
    max-width:680px;
  }
  #about.about-expanded h2 {
    max-width:none!important;
    font-size:clamp(42px,2.85vw,54px)!important;
    line-height:1.22!important;
    letter-spacing:-.01em!important;
  }
  #about.about-expanded h2 span {
    display:inline-block;
    white-space:nowrap;
  }
  #about .about-copy>p {
    max-width:660px;
    font-size:clamp(16px,.95vw,18px)!important;
    line-height:1.75!important;
    margin-bottom:16px!important;
  }

  .applications>.section {
    padding-top:78px!important;
    padding-bottom:82px!important;
  }
  .applications h2 {
    margin-top:14px!important;
    font-size:clamp(42px,3vw,58px)!important;
    line-height:1.16!important;
  }
  .application-grid {
    margin-top:34px!important;
  }
  .application {
    display:grid;
    grid-template-rows:auto minmax(54px,auto) 1fr;
    min-height:185px!important;
    padding:20px 24px!important;
  }
  .application h3 {
    align-self:start;
    margin:14px 0 8px!important;
    font-size:clamp(21px,1.3vw,26px)!important;
    line-height:1.3!important;
  }
  .application p {
    align-self:start;
    margin:0!important;
    font-size:clamp(14px,.9vw,17px)!important;
    line-height:1.65!important;
  }
  .applications .small {
    margin:22px 0 0!important;
    font-size:14px!important;
  }

  footer {
    grid-template-columns:minmax(360px,1.3fr) minmax(190px,.72fr) minmax(280px,1fr)!important;
    column-gap:clamp(44px,5vw,88px)!important;
    row-gap:24px!important;
    padding:48px max(5vw,calc((100vw - 2000px)/2 + 72px)) 18px!important;
  }
  footer>div:first-child {
    max-width:560px;
  }
  footer .footer-brand {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  footer .footer-brand>.brand {
    align-self:flex-start;
  }
  footer>div:first-child .brand-lockup {
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  footer>div:first-child .brand-lockup>img {
    width:76px!important;
    height:76px!important;
    flex:0 0 76px!important;
  }
  footer>div:first-child .brand-wordmark {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:5px!important;
  }
  footer>div:first-child .brand-wordmark strong {
    font-size:42px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  footer>div:first-child .brand-wordmark small {
    margin:0!important;
    font-size:11px!important;
    letter-spacing:.11em!important;
  }
  footer .footer-brand>p {
    margin:10px 0 0!important;
    text-align:left;
  }
  footer .footer-nav,
  footer .footer-contact {
    gap:10px!important;
  }
  footer .footer-nav strong,
  footer .footer-contact strong {
    padding-bottom:11px!important;
  }
  footer .footer-contact p {
    margin:10px 0 0!important;
  }
  footer .footer-contact a {
    margin-top:12px!important;
  }
  footer p,
  footer a {
    font-size:14px!important;
    line-height:1.55!important;
  }
  footer .footer-bottom {
    margin-top:4px!important;
    padding-top:15px!important;
    min-height:38px;
    align-items:center;
  }
}