/* Magnesium Alloy Parts — desktop-only page composition */
/* Reserve the final shared-header height before JavaScript mounts its content.
   This prevents a direct URL load from shifting the hero after first paint. */
.magnesium-page-shell{--magnesium-header-height:88px}
.magnesium-page-shell .site-header,
.magnesium-page-shell .site-header[data-global-header]:empty{height:var(--magnesium-header-height);min-height:var(--magnesium-header-height)}
.magnesium-page-shell .site-header .nav{height:var(--magnesium-header-height)}
/* Keep the initial hero geometry independent of image decoding. */
.magnesium-page-shell .magnesium-hero,
.magnesium-page-shell .magnesium-hero-grid{min-height:700px}
.magnesium-page-shell .magnesium-hero-grid{height:auto}
.magnesium-page-shell .magnesium-hero-product{min-height:0}
.magnesium-page .magnesium-hero-grid{min-height:560px}.magnesium-page .magnesium-hero-copy{padding:86px 0}.magnesium-page .magnesium-hero h1{max-width:670px;font-size:clamp(46px,4.6vw,70px)}.magnesium-page .magnesium-hero p{max-width:590px}.magnesium-page .magnesium-proof{display:none}.magnesium-page .magnesium-hero-product img{width:108%;transform:scale(1.04)}
.magnesium-summary{padding:76px 0;background:#fff}.magnesium-summary-grid{display:grid;grid-template-columns:37% 63%;gap:68px;align-items:center}.magnesium-why-copy h2,.magnesium-section-heading h2,.magnesium-engineering-copy h2,.magnesium-section-head h2,.magnesium-quality-compact h2{margin:10px 0 15px;color:#092849;font-size:clamp(31px,3.3vw,48px);line-height:1.08;letter-spacing:-.04em}.magnesium-why-copy p,.magnesium-section-heading>p,.magnesium-engineering-copy>p{margin:0;color:#5b7181;font-size:15px;line-height:1.7}.magnesium-capability-list{display:grid;border-top:1px solid #d9e4ea}.magnesium-capability-item{display:grid;grid-template-columns:43px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #d9e4ea}.magnesium-capability-item i{display:grid;width:34px;height:34px;place-items:center;border:1px solid #76b6cd;color:#154d74;font-size:18px;font-style:normal}.magnesium-capability-item h3{margin:0 0 5px;color:#102f4d;font-size:18px}.magnesium-capability-item p{margin:0;color:#607786;font-size:13px;line-height:1.55}
.magnesium-components{padding:76px 0 82px;background:#f5f9fb}.magnesium-section-heading{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:end;margin-bottom:28px}.magnesium-section-heading>p{max-width:460px}.magnesium-component-grid{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:220px 220px;gap:14px}.magnesium-feature-component{display:grid;grid-row:1 / span 2;grid-template-rows:76% 24%;overflow:hidden;background:#e8eef1}.magnesium-feature-viewer{position:relative;min-height:0;overflow:hidden;background:#e8eef1}.magnesium-feature-viewer canvas,.magnesium-engineering-viewer canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab}.magnesium-feature-viewer canvas:active,.magnesium-engineering-viewer canvas:active{cursor:grabbing}.magnesium-feature-viewer>img,.magnesium-engineering-viewer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.55;filter:grayscale(1) contrast(.93)}.magnesium-model-ready>img{display:none}.magnesium-viewer-status{position:absolute;z-index:1;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);color:#496878;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.magnesium-component-copy{padding:12px 24px 13px;background:linear-gradient(118deg,#071b2d,#163d59);color:#fff}.magnesium-component-copy span,.magnesium-small-component span{color:#8ee0ee;font-size:10px;font-weight:800;letter-spacing:.13em}.magnesium-component-copy h3{margin:4px 0 3px;color:#fff;font-size:23px;line-height:1.08}.magnesium-component-copy p,.magnesium-small-component p{margin:0;color:#d8e6ed;font-size:12px;line-height:1.38}.magnesium-small-component{position:relative;overflow:hidden;background:#0d2a45;color:#fff}.magnesium-small-component>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.64) saturate(.72)}.magnesium-small-component:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(4,22,38,.2),rgba(3,19,34,.88))}.magnesium-small-component>div{position:absolute;z-index:1;right:22px;bottom:21px;left:22px}.magnesium-small-component h3{margin:8px 0 6px;color:#fff;font-size:21px;line-height:1.08}
.magnesium-engineering-showcase{padding:78px 0;background:#fff}.magnesium-engineering-grid{display:grid;grid-template-columns:40% 60%;align-items:center}.magnesium-engineering-copy{padding:38px 60px 38px 0}.magnesium-engineering-copy .eyebrow,.magnesium-production .eyebrow{color:#df252a}.magnesium-engineering-copy>p{max-width:410px}.magnesium-engineering-keywords{display:grid;gap:10px;margin-top:29px}.magnesium-engineering-keywords span{display:flex;align-items:center;gap:10px;color:#153b58;font-size:13px;font-weight:750}.magnesium-engineering-keywords span:before{width:20px;height:2px;content:"";background:#e0252a}.magnesium-engineering-viewer-shell{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f3f5f7}.magnesium-engineering-viewer-shell:before{position:absolute;z-index:1;inset:22px;content:"";border:1px solid rgba(29,67,92,.08);pointer-events:none}.magnesium-engineering-viewer-shell:after{position:absolute;z-index:1;top:22px;right:23px;width:42px;height:3px;content:"";background:#e0252a}.magnesium-engineering-viewer{position:absolute;inset:0;overflow:hidden}.magnesium-model-hint{position:absolute;z-index:2;right:22px;bottom:18px;margin:0;color:#53707e;font-size:10px;letter-spacing:.09em;text-transform:uppercase;pointer-events:none}.magnesium-model-hint span{margin-right:5px;color:#e0252a;font-size:14px}
.magnesium-production{padding:74px 0 78px;background:#f5f9fb}.magnesium-production-grid{display:grid;grid-template-columns:1.23fr .77fr;gap:50px;align-items:stretch}.magnesium-section-head h2,.magnesium-quality-compact h2{font-size:30px}.magnesium-process-flow{display:flex;align-items:center;gap:10px;margin-top:27px}.magnesium-process-flow article{display:grid;flex:1;min-height:112px;padding:16px;background:#fff;border-top:3px solid #d5e3e9}.magnesium-process-flow b{color:#e0252a;font-size:11px;letter-spacing:.1em}.magnesium-process-flow span{align-self:end;color:#173b58;font-size:13px;line-height:1.4;font-weight:700}.magnesium-process-flow>i{color:#1f5074;font-size:18px;font-style:normal}.magnesium-quality-compact{padding:29px 30px;background:#102f4c;color:#fff}.magnesium-quality-compact .eyebrow{color:#8ee0ee}.magnesium-quality-compact h2{margin-top:9px;color:#fff;font-size:27px}.magnesium-quality-list{display:grid;gap:10px;margin-top:22px}.magnesium-quality-list span{padding-top:10px;border-top:1px solid rgba(223,239,246,.22);color:#dceaf1;font-size:13px}.magnesium-quality-list b{margin-right:10px;color:#8ee0ee;font-size:11px}
.magnesium-page + .explore-capabilities{padding-top:54px;padding-bottom:56px}.magnesium-page + .explore-capabilities .explore-capability{min-height:180px}.magnesium-page + .explore-capabilities .capability-contact-cta{margin-top:42px}

/* Feature Product: reserve the majority of the card for the 3D model. */
.magnesium-feature-component{grid-template-rows:74% 26%}