.manufacturing-scroll{--pin-top:80px;--stage-height:690px;--scroll-distance:0px;position:relative;background:#f3f5f4;scroll-margin-top:var(--pin-top);letter-spacing:0;isolation:isolate}.mfg-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:var(--stage-height);background:#f3f5f4;overflow:hidden}.manufacturing-scroll.is-scrollable{height:calc(var(--stage-height) + var(--scroll-distance))}.manufacturing-scroll.is-scrollable .mfg-stage{position:sticky;top:var(--pin-top)}.mfg-scroll-heading{width:100%;max-width:1228px;padding:24px 24px 12px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.mfg-scroll-heading p{font-size:9px;color:#677d72;line-height:1.4;margin:0 0 7px;font-weight:600}.mfg-scroll-heading h2{font-size:29px;line-height:1.22;letter-spacing:0;margin:0;color:#252e2a;max-width:none}.mfg-scroll-routes{display:flex;flex-shrink:0;padding:3px;gap:3px;border-radius:5px;background:#e4eae6}.mfg-scroll-routes button{appearance:none;border:0;background:transparent;border-radius:3px;padding:8px 15px;color:#738077;font:600 11px/1.35 Arial,"Microsoft YaHei",sans-serif;min-width:114px;cursor:pointer}.mfg-scroll-routes button[aria-checked=true]{background:white;color:#315344;box-shadow:0 1px 3px #22382b14}.mfg-scroll-routes button:focus-visible{outline:2px solid #4c775f;outline-offset:3px}.mfg-scroll-visual{position:relative;min-height:0;width:100%;overflow:hidden;background:#f0f0f0}.mfg-scroll-render,.mfg-scroll-poster{position:absolute;inset:0;width:100%;height:100%}.mfg-scroll-poster{object-fit:contain}.mfg-scroll-render canvas{display:block;max-width:100%;width:100%;height:100%;touch-action:pan-y;opacity:0;transition:opacity .25s}.is-ready .mfg-scroll-render canvas{opacity:1}.is-ready .mfg-scroll-poster{visibility:hidden}.mfg-scroll-loading{position:absolute;left:calc(50% - 8px);bottom:15px;width:16px;height:16px;border:1px solid #bacbc0;border-top-color:#547a62;border-radius:50%;animation:mfg-scroll-load .9s linear infinite;display:none}.is-loading .mfg-scroll-loading{display:block}.mfg-scroll-error{position:absolute;bottom:12px;left:20px;right:20px;color:#67796f;font-size:11px;text-align:center}.mfg-scroll-caption{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;max-width:1228px;margin:auto;padding:16px 24px 22px;min-height:88px}.mfg-current-phase{font-size:9px;font-weight:600;color:#708478}.mfg-current-step{font-size:21px;line-height:1.25;font-weight:500;letter-spacing:0;margin:6px 0 0;color:#2c4c3a}.mfg-scroll-caption>p{max-width:370px;font-size:10px;line-height:1.5;color:#738378;margin:0}.mfg-static-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 24px;max-width:1180px;margin:0 auto;padding:0 24px 25px 44px;font-size:12px;line-height:1.5;color:#536b5d}.is-enhanced:not(.is-static) .mfg-static-steps{display:none}.is-static .mfg-stage{height:min(var(--stage-height),600px)}.is-static .mfg-scroll-routes{display:none}@keyframes mfg-scroll-load{to{transform:rotate(360deg)}}
@media(max-width:700px){.mfg-scroll-heading{display:block;padding:16px 20px 12px}.mfg-scroll-heading p{font-size:8px;margin-bottom:6px}.mfg-scroll-heading h2{font-size:25px;line-height:1.2}.mfg-scroll-routes{width:max-content;max-width:100%;margin-top:14px}.mfg-scroll-routes button{font-size:10px;min-width:108px;padding:7px 12px}.mfg-scroll-caption{padding:13px 20px 17px;gap:18px;min-height:85px}.mfg-current-phase{font-size:8px}.mfg-current-step{font-size:19px;line-height:1.25;margin-top:5px}.mfg-scroll-caption>p{max-width:148px;font-size:9px;line-height:1.5}.mfg-static-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 20px;padding-left:37px;font-size:10px}.is-static .mfg-stage{height:460px}}
@media(max-width:360px){.mfg-scroll-heading{padding-left:16px;padding-right:16px}.mfg-scroll-heading h2{font-size:22px}.mfg-scroll-caption{padding-left:16px;padding-right:16px;gap:13px}.mfg-current-step{font-size:17px}.mfg-scroll-caption>p{max-width:126px;font-size:8px}}
@media (max-height:520px) and (min-width:700px){.mfg-scroll-heading{padding:8px 24px;gap:15px}.mfg-scroll-heading p{display:none}.mfg-scroll-heading h2{font-size:19px}.mfg-scroll-routes button{padding:5px 12px;font-size:10px}.mfg-scroll-caption{padding:7px 24px;min-height:44px}.mfg-current-phase{display:none}.mfg-current-step{font-size:17px;margin:0}.mfg-scroll-caption>p{font-size:8px;max-width:340px}}
@media(max-width:700px){.manufacturing-scroll:not(.is-enhanced) .mfg-stage{height:460px}}
@media(prefers-reduced-motion:reduce){.mfg-scroll-render canvas{transition:none}.mfg-scroll-loading{animation:none}}
body:has(.manufacturing-scroll){overflow-anchor:none}
html:has(.manufacturing-scroll:target){scroll-behavior:auto}
.manufacturing-scroll.is-enhanced:not(.is-static) .mfg-static-steps{display:block;position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mfg-scroll-caption{height:88px;min-height:88px}.mfg-scroll-caption>div{flex:1;min-width:0}.mfg-scroll-caption>p{flex:0 1 370px}
@media(max-width:700px){.mfg-scroll-caption{height:100px;min-height:100px}.mfg-scroll-caption>p{flex-basis:148px}}
@media(max-width:360px){.mfg-scroll-caption>p{flex-basis:126px}}
@media (max-height:520px) and (min-width:700px){.mfg-scroll-caption{height:44px;min-height:44px}}