.factory-scale{position:relative;display:flex;flex-direction:column;min-height:590px;overflow:hidden;background:#172247;color:#fff}.factory-scale-backdrop{position:absolute;inset:0}.factory-scale-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7) contrast(1.08)}.factory-scale-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,42,.9),rgba(15,29,65,.68) 48%,rgba(10,21,48,.42))}.factory-scale-content{position:relative;z-index:1;width:min(1160px,calc(100% - 40px));margin:auto;padding:92px 0 100px}.factory-scale-content h2{max-width:650px;color:#fff;font-size:clamp(34px,4.3vw,58px);line-height:1.1;margin:14px 0 18px}.factory-scale-content p{max-width:560px;color:#d9e3f0;font-size:17px}.factory-scale-content .eyebrow{color:#78d0dc}.factory-scale-btn{margin-top:18px;border:1px solid rgba(255,255,255,.65);color:#fff;background:rgba(255,255,255,.08)}.factory-scale>.metrics-grid{position:relative;z-index:1;width:100%;margin-top:auto;display:grid;grid-template-columns:repeat(5,1fr);border:0;border-top:1px solid rgba(255,255,255,.24);background:rgba(8,18,43,.78);backdrop-filter:blur(8px)}.factory-scale>.metrics-grid .metric-card{min-height:142px;padding:24px 20px;border-right:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:center}.factory-scale>.metrics-grid .metric-card:last-child{border-right:0}.factory-scale>.metrics-grid .metric-value{color:#fff;font-size:clamp(32px,3vw,50px)}.factory-scale>.metrics-grid .metric-card span{color:#b9c8db}.company-metrics{display:none}@media(max-width:900px){.factory-scale>.metrics-grid{grid-template-columns:repeat(3,1fr)}.factory-scale>.metrics-grid .metric-card:nth-child(3){border-right:0}.factory-scale>.metrics-grid .metric-card:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.18)}}@media(max-width:560px){.factory-scale{min-height:650px}.factory-scale-content{padding:72px 0 90px}.factory-scale-content p{font-size:15px}.factory-scale>.metrics-grid{grid-template-columns:repeat(2,1fr)}.factory-scale>.metrics-grid .metric-card{min-height:118px}.factory-scale>.metrics-grid .metric-card:nth-child(2){border-right:0}.factory-scale>.metrics-grid .metric-card:nth-child(3){border-right:1px solid rgba(255,255,255,.18)}.factory-scale>.metrics-grid .metric-value{font-size:34px}}
.hero-banner{position:relative;overflow:hidden;aspect-ratio:1870/841;background:#0d1729 url('../assets/images/mingda-hero.png') center center/cover no-repeat;line-height:0}.hero-inquiry-btn{position:absolute;left:clamp(24px,5vw,92px);bottom:clamp(24px,5vw,64px);display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(10,24,45,.42);backdrop-filter:blur(5px);color:#fff;font-size:15px;font-weight:700;line-height:1;text-decoration:none;transition:background .2s,transform .2s}.hero-inquiry-btn:hover{background:rgba(10,24,45,.72);transform:translateY(-1px)}.hero-inquiry-btn span{font-size:18px}@media(max-width:560px){.hero-inquiry-btn{left:20px;bottom:20px;padding:10px 18px;font-size:14px}}

/* Keep each factory metric visually centered within its frame. */
.factory-scale>.metrics-grid .metric-card{align-items:center;text-align:center}.factory-scale>.metrics-grid .metric-card span{width:100%}

/* Brand-blue hero; preserve the original type family, weight and real GLB. */
.magnesium-hero {
  position:relative; isolation:isolate; overflow:hidden;
  width:min(1600px,calc(100% - clamp(40px,8vw,160px)));
  margin:24px auto 48px; background:#205a99; color:#fff;
}
.magnesium-hero__environment {
  position:absolute; inset:0; z-index:-1;
  background:radial-gradient(ellipse at 78% 42%,rgba(141,199,244,.3),transparent 62%),
    linear-gradient(115deg,#174b83 0%,#245e9e 50%,#347eb7 100%);
}
.capability-node-link{cursor:pointer}.capability-node-link:focus-visible{outline:3px solid #75e3ef;outline-offset:4px}
.magnesium-hero__inner {
  width:100%; min-height:680px; display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:center; gap:24px; padding:0 clamp(28px,3vw,56px);
}
.magnesium-hero__copy {position:relative;z-index:1;min-width:0;padding:64px 0 72px}
.magnesium-hero__eyebrow {margin:0 0 22px;color:#d0e6fa;font-size:13px;font-weight:800;letter-spacing:.22em;line-height:1.2}
.magnesium-hero h1.magnesium-hero__description {margin:0;color:#fff;font-size:clamp(46px,3.2vw,58px);font-weight:750;letter-spacing:-.052em;line-height:1.04}
.magnesium-hero__description span {display:block}
.magnesium-hero__description span {white-space:nowrap}
.magnesium-hero__title-accent {color:#bfdcfa;margin-top:.12em}
.magnesium-hero__lead {max-width:460px;margin:28px 0 26px;color:#e0edf8;font-size:clamp(17px,1.35vw,20px);line-height:1.55}
.magnesium-hero__features {display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}
.magnesium-hero__features li {padding:7px 10px;border:1px solid rgba(223,240,255,.35);border-radius:999px;color:#f0f7ff;font-size:12px;letter-spacing:.035em;text-transform:uppercase;background:rgba(255,255,255,.045)}
.magnesium-hero__cta {display:inline-flex;align-items:center;gap:16px;margin-top:32px;padding:14px 22px;border:1px solid #fff;border-radius:999px;background:#fff;color:#174b83;font-size:14px;font-weight:750;transition:transform .24s ease,box-shadow .24s ease}
.magnesium-hero__cta:hover {transform:translateY(-2px);box-shadow:0 10px 30px rgba(10,39,72,.2)}
.magnesium-hero__cta:focus-visible {outline:3px solid #c4e3ff;outline-offset:5px}
.magnesium-3d-shell {position:relative;align-self:stretch;min-width:0;min-height:590px;isolation:isolate}
#magnesium-3d-viewer {position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none}
#magnesium-3d-viewer:active {cursor:grabbing}
#magnesium-3d-viewer canvas {display:block;width:100%;height:100%;outline:none}
.model-fallback{position:absolute;inset:5% 2%;width:96%;height:90%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.12) saturate(.82);transition:opacity .35s ease}.model-ready .model-fallback{opacity:0;pointer-events:none}
#magnesium-3d-viewer canvas:focus-visible {outline:2px solid #c4e3ff;outline-offset:-4px}
.magnesium-3d-hint {position:absolute;right:0;bottom:7%;z-index:2;margin:0;color:#d9eafa;font-size:12px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.magnesium-3d-hint span {margin-right:5px;color:#fff;font-size:16px}
.site-header .brand{min-width:250px;gap:0}.site-header .brand-mark{width:250px;height:auto;max-height:44px;object-fit:contain;object-position:left center}.site-header .brand-text{display:none!important}@media(max-width:1180px) and (min-width:721px){.site-header .brand{min-width:190px}.site-header .brand-mark{width:190px;max-height:38px}}
.site-header .brand{min-width:300px;gap:15px}.site-header .brand-mark{width:152px;height:auto;max-height:44px;object-fit:contain;object-position:left center}.site-header .brand-text{display:flex!important;flex-direction:column;justify-content:center;white-space:nowrap;color:#172b42;font-size:19px;font-weight:700;letter-spacing:.035em;line-height:1.05}.site-header .brand-text small{display:block;margin-top:3px;color:#71808d;font-size:9px;font-weight:700;letter-spacing:.16em;line-height:1.1}@media(max-width:1180px) and (min-width:721px){.site-header .brand{min-width:215px;gap:10px}.site-header .brand-mark{width:118px;max-height:38px}.site-header .brand-text{font-size:15px}.site-header .brand-text small{font-size:7px;letter-spacing:.12em}}
.model-status {position:absolute;left:10%;right:10%;top:45%;text-align:center;color:#e0edf8;font-size:15px;line-height:1.6;pointer-events:none}
@media(max-width:1200px) {
  .magnesium-hero__inner {grid-template-columns:1fr;gap:0;min-height:0}
  .magnesium-hero__copy {padding:48px 0 0}
  .magnesium-hero h1.magnesium-hero__description {max-width:none;font-size:clamp(42px,6vw,58px)}
  .magnesium-3d-shell {min-height:450px}
}
@media(max-width:1000px) {
  .magnesium-hero__inner {grid-template-columns:1fr;gap:0;min-height:0}
  .magnesium-hero__copy {padding:48px 0 0}
  .magnesium-hero h1.magnesium-hero__description {max-width:720px;font-size:clamp(42px,6vw,58px)}
  .magnesium-hero__lead {max-width:560px}
  .magnesium-3d-shell {min-height:450px}
  .magnesium-3d-hint {bottom:6%}
}
@media(max-width:560px) {
  .magnesium-hero {width:calc(100% - 32px);margin:16px auto 32px}
  .magnesium-hero__inner {padding:0 22px}
  .magnesium-hero__copy {padding-top:36px}
  .magnesium-hero__eyebrow {margin-bottom:16px;font-size:11px}
  .magnesium-hero h1.magnesium-hero__description {font-size:clamp(36px,10.5vw,52px)}
  .magnesium-hero__description span {white-space:normal}
  .magnesium-hero__lead {margin:23px 0;font-size:17px}
  .magnesium-hero__features {gap:7px}
  .magnesium-hero__features li {font-size:11px;padding:6px 8px}
  .magnesium-hero__cta {margin-top:26px}
  .magnesium-3d-shell {min-height:350px}
  .magnesium-3d-hint {font-size:11px}
}

/* Let the capabilities title use the available horizontal space. */
.cap-app-heading {max-width:none;width:100%;min-width:0}
.cap-app-heading h2 {max-width:none;width:100%;font-size:clamp(32px,3.2vw,48px);line-height:1.15;letter-spacing:-.03em;white-space:normal;text-wrap:wrap}
.cap-app-heading p {max-width:1040px}

/* Frame the section background itself, matching the hero's white side gutters.
   Leave content typography, cards, imagery and inner layout unchanged. */
.cap-app-module {
  width:min(1600px,calc(100% - clamp(40px,8vw,160px)));
  margin-inline:auto;
}
@media(max-width:560px) {
  .cap-app-module {width:calc(100% - 32px)}
}