/* Independent interactive concept. Only served by the 8082 preview. */
:root{--x-navy:#081827;--x-copper:#e6a36c;--x-blue:#3076d0;--x-header:96px}
html{scroll-padding-top:115px}
.x-hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#f9fbfd 0%,#eff4f9 64%,#e0eaf4 100%);isolation:isolate}
.x-hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:40px;align-items:center;min-height:min(760px,calc(100svh - 150px));padding-block:68px 60px}
.x-hero-copy{position:relative;z-index:2}
.x-hero-copy>.eyebrow{font-size:11px;letter-spacing:.17em;color:#50677a;margin-bottom:30px}
.x-hero h1{font-size:clamp(50px,5.8vw,86px);line-height:1.16;letter-spacing:-.055em;font-weight:650;margin:0 0 28px;text-wrap:balance}
.x-hero h1 span{color:#54718d}
.x-lead{color:#526173;font-size:18px;line-height:1.8;margin:0 0 32px}
.x-hero .button-row{gap:24px;flex-wrap:wrap}
.x-scroll-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#5d6c7d;min-height:44px;margin-top:45px}
.x-scroll-icon{border:1px solid #b6c5d3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:17px}
.x-equipment-scene{position:relative;perspective:1500px;padding:35px 0 30px;min-width:0}
.x-equipment-plane{position:relative;padding:26px 26px 20px;border:1px solid #fff;border-radius:28px;background:#fffffff2;box-shadow:0 25px 70px -30px #35567657;transform:rotateY(-9deg) rotateX(3deg);transform-style:preserve-3d;will-change:transform}
.x-photo-kicker{display:block;font-size:10px;letter-spacing:.14em;color:#526d89;margin-bottom:18px}
.x-hero-machine{width:100%;height:clamp(240px,25vw,380px);object-fit:contain;display:block;mix-blend-mode:multiply}
.x-photo-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:550;margin-top:18px;padding-top:17px;border-top:1px solid #e1e8ee;gap:16px;min-height:44px}
.x-photo-title>span:last-child{font-size:24px;color:#617d98}
.x-scene-note{text-align:center;font-size:11px;letter-spacing:.04em;color:#677e92;margin:28px 0 0}
.x-orbit{position:absolute;border:1px solid #b8cbdc91;border-radius:50%;width:580px;height:210px;left:50%;top:45%;pointer-events:none;z-index:-1}
.orbit-one{transform:translate(-50%,-50%) rotate(-28deg)}.orbit-two{transform:translate(-50%,-50%) rotate(28deg)}
.x-hero-floor{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ced9e3;min-height:72px;gap:20px}
.x-hero-floor>a{display:flex;gap:14px;align-items:center;min-width:0;font-size:11px;min-height:48px}
.x-hero-floor strong{font-weight:450;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.x-news-dot{width:6px;height:6px;background:#397ad1;border-radius:50%;flex-shrink:0}
.x-hero-floor>a>span:nth-child(2){white-space:nowrap;color:#5c6b7b}
.x-motion-toggle{border:1px solid #c7d3df;color:#4d6377;border-radius:25px;padding:10px 16px;background:#ffffff82;cursor:pointer;min-height:44px;font:inherit;font-size:11px;white-space:nowrap}
.x-motion-toggle[hidden]{display:none}
.x-news{padding-block:80px}
.x-news .news-image{height:200px;aspect-ratio:auto}
.x-news .news-copy{padding:25px 25px 28px}
.x-news .news-copy h3{font-size:21px}
.x-process-intro{padding-block:70px 65px}
.x-process-intro>div{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.x-process-intro h2{font-size:clamp(38px,4.5vw,62px);line-height:1.2;letter-spacing:-.045em;margin:0}
.x-process-intro>div>p{font-size:16px;line-height:1.8;color:#677482;margin:0}
.x-process-story{background:var(--x-navy);color:#e6f0f6;position:relative}
.x-interactive .x-process-story{height:245svh}
.x-process-sticky{position:relative;min-height:720px;display:flex;flex-direction:column;justify-content:space-between;padding-block:28px 22px;background-image:linear-gradient(#8dc2e507 1px,transparent 1px),linear-gradient(90deg,#8dc2e507 1px,transparent 1px);background-size:40px 40px}
.x-interactive .x-process-sticky{position:sticky;top:var(--x-header);height:calc(100svh - var(--x-header));min-height:620px}
.x-process-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:.12em;color:#aac0d2;width:100%}
.x-process-toolbar>a{font-size:12px;letter-spacing:0;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.x-process-main{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:25px;width:100%;flex:1;min-height:0;padding-block:15px}
.x-stage-index{color:#83a5bf;font-size:12px;letter-spacing:.12em}
.x-stage-copy h3{font-size:clamp(30px,3.3vw,48px);line-height:1.2;letter-spacing:-.03em;margin:25px 0 22px}
.x-stage-copy>p{font-size:17px;line-height:1.85;color:#b6cbdc;max-width:375px;margin:0 0 20px}
.x-related{display:block;color:#e6ba90;font-size:12px;line-height:1.75;max-width:375px;min-height:44px}
.x-process-legend{display:flex;gap:23px;margin-top:30px;font-size:12px;color:#b6cbdc}
.x-process-legend>span{display:flex;align-items:center;gap:8px}
.x-process-legend i{display:block;width:15px;height:10px;border-radius:2px}.glass-key{background:#3f84a7;border:1px solid #80c7e7}.copper-key{background:#d99a67}
.x-diagram-stage{position:relative;min-width:0}
.process-drawing{width:100%;height:auto;display:block;overflow:visible}
.x-reaction{font-family:Georgia,serif;font-size:20px;color:#e5ac7a;text-align:center;position:absolute;top:3%;left:0;right:0;opacity:0}
.copper-flow{opacity:0}.x-depositing .copper-flow{opacity:.8}.x-depositing .copper-flow circle{animation:ion-arrive 1.8s linear infinite}.x-depositing .copper-flow circle:nth-child(2){animation-delay:-.45s}.x-depositing .copper-flow circle:nth-child(3){animation-delay:-.9s}.x-depositing .copper-flow circle:nth-child(4){animation-delay:-1.35s}
.x-process-controls{width:100%}
.x-stage-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #324858;padding-top:12px}
.x-stage-button{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;color:#8fa8bb;padding:12px 14px;font:inherit;font-size:13px;cursor:pointer;min-height:48px;transition:background .22s,color .22s}
.x-stage-button>span{font-size:10px;opacity:.75}.x-stage-button:hover{background:#142d42;color:#fff}.x-stage-button[aria-pressed=true]{color:#fff;background:#20374b;border-color:#456179}
.x-range-row{display:flex;align-items:center;gap:18px;margin-top:18px;min-height:44px}
.x-range-row>label{font-size:11px;color:#aac0d2;white-space:nowrap}.x-range-row input{width:auto;flex:1;min-width:40px;accent-color:#e6a36c;cursor:ew-resize;height:32px;touch-action:pan-y}
.x-process-play,.x-scroll-follow{border:1px solid #496176;background:transparent;color:#d9e6ef;border-radius:22px;font:inherit;font-size:11px;min-height:42px;padding:8px 14px;cursor:pointer;white-space:nowrap}
.x-process-play:hover,.x-scroll-follow:hover{background:#20374b}.x-scroll-follow{display:flex;gap:8px;align-items:center}.x-scroll-follow>span{width:6px;height:6px;border-radius:50%;background:#708497}.x-scroll-follow[aria-pressed=true]>span{background:#80c7e7;box-shadow:0 0 8px #80c7e744}
.x-schematic-note{font-size:12px;line-height:1.75;color:#9bb5c7;margin:15px 0 0;max-width:980px}
.x-process-summary{padding-block:40px 60px}
.x-process-summary ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.x-process-summary li{display:flex;gap:14px}.x-process-summary li>span{font-size:11px;color:#9cabb9;padding-top:4px}.x-process-summary h3{font-size:14px;font-weight:600;margin:0 0 10px}.x-process-summary p{font-size:12px;line-height:1.8;color:#697987;margin:0}
.x-equipment-section{background:#f1f4f7;padding:90px 0 65px;overflow:hidden}
.x-equipment-section .section-head h2{max-width:800px}
.x-product-tabs{display:flex;align-items:center;gap:10px;margin:34px 0 24px;flex-wrap:wrap}
.x-product-tab{font:inherit;font-size:13px;border:1px solid #d4dfe8;border-radius:25px;padding:12px 19px;background:#fff8;min-height:46px;color:#526475;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .2s,color .2s}
.x-product-tab>span{font-size:10px;color:inherit;opacity:.65}.x-product-tab[aria-pressed=true]{background:#203b53;color:#fff;border-color:#203b53}
.x-product-stage{touch-action:pan-y;perspective:1300px}
.x-product-slide{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;min-height:470px}
.x-product-slide[hidden]{display:none}
.x-product-visual{position:relative;background:#fff;border-radius:28px;border:1px solid #e1e7ed;padding:44px 30px;min-width:0;will-change:transform;transform-style:preserve-3d}
.x-product-photo{width:100%;height:340px;object-fit:contain;display:block;mix-blend-mode:multiply}
.x-product-photo-label{display:block;font-size:10px;color:#8093a2;letter-spacing:.16em;margin:20px 0 0}
.x-product-description h3{font-size:clamp(27px,3vw,42px);font-weight:600;letter-spacing:-.035em;line-height:1.3;margin:19px 0}
.x-product-description>p{font-size:16px;line-height:1.85;color:#657687;margin:0 0 25px}
.x-application{border-top:1px solid #d5dfe7;padding:18px 0 10px;margin-bottom:22px}.x-application>span{font-size:11px;color:#7d8b98}.x-application>p{font-size:14px;line-height:1.8;color:#53687a;margin:9px 0 0}
.x-product-description>.text-link{display:inline-flex;margin:15px 0 0 22px;min-height:44px}
.x-product-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:18px}
.x-product-navigation>p{font-size:12px;color:#758594;margin:0}.x-product-navigation>div{display:flex;gap:20px;align-items:center;font-size:11px;white-space:nowrap}
.x-product-navigation button{width:46px;height:46px;border:1px solid #cdd9e3;background:white;border-radius:50%;font-size:21px;color:#31506a;cursor:pointer;transition:background .2s}
.x-product-navigation button:hover{background:#dce7f0}
.x-motion-enabled .x-hero-copy h1{animation:x-rise 1s cubic-bezier(.2,.7,.3,1) both}.x-motion-enabled .x-hero-copy .x-lead{animation:x-rise .9s .12s both}.x-motion-enabled .x-equipment-plane{animation:x-plane-enter 1.2s cubic-bezier(.2,.7,.3,1) both}.x-motion-enabled .x-scroll-icon{animation:x-scroll-cue 2.4s ease-in-out 3}
.x-slide-enter .x-product-visual{animation:x-slide-in .6s cubic-bezier(.2,.7,.3,1) both}.x-slide-enter .x-product-description{animation:x-rise .55s .05s both}
.x-motion-off .x-equipment-plane,.x-motion-off .x-product-visual{transform:none!important;will-change:auto}.x-motion-off *{animation:none!important;scroll-behavior:auto!important}.x-motion-off .x-process-story{height:auto}.x-motion-off .x-process-sticky{position:relative;top:0;height:auto;min-height:650px}
.x-motion-off .x-reaction,.x-motion-off .copper-flow{display:none}
.x-process-story button:focus-visible,.x-motion-toggle:focus-visible,.x-product-tab:focus-visible,.x-product-navigation button:focus-visible{outline:3px solid #85b7f9;outline-offset:3px}
@keyframes x-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes x-plane-enter{from{opacity:0;translate:50px 30px}to{opacity:1;translate:0 0}}
@keyframes x-scroll-cue{0%,100%{translate:0 0}50%{translate:0 6px}}
@keyframes x-slide-in{from{opacity:.3;translate:36px 0}to{opacity:1;translate:0 0}}
@keyframes ion-arrive{from{translate:0 -14px;opacity:0}25%{opacity:.9}to{translate:0 55px;opacity:0}}
html[lang=en] .x-hero h1{font-size:clamp(40px,4.5vw,69px)}html[lang=en] .x-stage-copy h3{font-size:clamp(28px,3vw,44px)}html[lang=en] .x-stage-button{font-size:12px;line-height:1.4}
@media(min-width:1700px){.x-hero-grid{min-height:780px}.x-hero-machine{height:400px}.x-stage-copy h3{font-size:54px}}
@media(max-width:1100px){.x-hero-grid{gap:25px;padding-block:55px 45px}.x-hero h1{font-size:60px}.x-lead{font-size:16px}.x-hero .button-row{gap:18px}.x-equipment-plane{padding:20px}.x-process-main{grid-template-columns:.75fr 1.25fr;gap:20px}.x-stage-copy>p{font-size:15px}.x-product-slide{gap:35px}.x-product-photo{height:290px}.x-product-visual{padding:30px 20px}.x-product-description>.text-link{margin-left:0;display:flex}.x-process-summary ol{gap:20px}.x-stage-button{font-size:12px;gap:8px}}
@media(max-width:820px){
 .x-hero-grid{grid-template-columns:1fr;gap:12px;min-height:0;padding-top:45px;padding-bottom:25px}.x-hero-copy{max-width:650px}.x-hero h1{font-size:60px}.x-lead{font-size:16px}.x-scroll-link{margin-top:25px}.x-equipment-scene{max-width:640px;width:100%;margin:auto;padding:20px 0 0}.x-equipment-plane{transform:none}.x-hero-machine{height:300px}.x-scene-note{margin-top:18px}
 .x-interactive .x-process-story{height:auto}.x-interactive .x-process-sticky{position:relative;top:0;height:auto;min-height:0;padding-block:18px 22px}.x-process-main{grid-template-columns:1fr;padding-block:15px;gap:5px}.x-process-text{display:flex;gap:25px;justify-content:space-between}.x-stage-copy{max-width:550px;min-height:190px}.x-stage-copy h3{font-size:32px;margin:13px 0}.x-stage-copy>p{max-width:550px;margin-bottom:12px}.x-process-legend{flex-direction:column;gap:12px;flex-shrink:0}.x-related{max-width:none}.x-diagram-stage{max-width:620px;margin:auto;width:100%}.x-process-controls{margin-top:0}.x-scroll-follow{display:none}.x-process-summary ol{grid-template-columns:1fr 1fr;gap:28px}.x-stage-buttons{gap:5px}.x-stage-button{flex-direction:column;align-items:flex-start;gap:7px}.x-process-intro>div{display:block}.x-process-intro>div>p{margin-top:22px}.x-product-slide{grid-template-columns:1fr;gap:35px}.x-product-photo{height:340px}.x-product-description{max-width:650px}.x-product-description>.text-link{display:inline-flex;margin-left:20px}.x-product-description h3{font-size:36px}.x-product-navigation>p{max-width:300px}.x-news .news-image{height:170px}
}
@media(max-width:600px){
 html{scroll-padding-top:135px}.x-hero-grid{padding-top:36px}.x-hero-copy>.eyebrow{font-size:9px;margin-bottom:24px}.x-hero h1{font-size:46px;margin-bottom:22px}.x-lead{font-size:15px;line-height:1.8;margin-bottom:25px}.x-hero .button-row{gap:16px}.x-hero .button{font-size:13px}.x-hero .text-link{font-size:13px}.x-scroll-link{margin-top:23px;font-size:11px}.x-equipment-scene{padding-top:12px}.x-equipment-plane{border-radius:20px;padding:17px}.x-photo-kicker{font-size:9px;margin-bottom:10px}.x-hero-machine{height:215px}.x-photo-title{font-size:13px;margin-top:10px;padding-top:10px}.x-scene-note{font-size:10px;margin-top:12px}.x-hero-floor{gap:8px;min-height:66px}.x-hero-floor>a{gap:7px;font-size:10px}.x-hero-floor>a>span:nth-child(2){display:none}.x-motion-toggle{font-size:10px;padding:8px 10px}.x-news{padding-block:55px}.x-news .news-image{height:100%;min-height:160px}.x-news .news-copy{padding:18px 15px}.x-news .news-copy h3{font-size:15px}.x-process-intro{padding-block:42px}.x-process-intro h2{font-size:38px}.x-process-intro>div>p{font-size:14px;margin-top:18px}.x-process-toolbar{font-size:9px;letter-spacing:.07em;gap:10px}.x-process-toolbar>a{font-size:11px}.x-process-main{padding-top:20px;padding-bottom:8px}.x-process-text{gap:12px}.x-stage-index{font-size:10px}.x-stage-copy{min-height:205px}.x-stage-copy h3{font-size:28px;margin:11px 0}.x-stage-copy>p{font-size:14px;line-height:1.8;margin-bottom:8px}.x-related{font-size:11px}.x-process-legend{font-size:10px;margin-top:3px;gap:9px}.x-process-legend i{width:11px;height:8px}.x-diagram-stage{width:calc(100% + 20px);max-width:none;margin-left:-10px}.x-reaction{font-size:15px;top:1%}.x-stage-buttons{grid-template-columns:1fr 1fr;gap:6px;padding-top:12px}.x-stage-button{flex-direction:row;align-items:center;font-size:12px;padding:10px;min-height:45px}.x-range-row{gap:12px;margin-top:14px;flex-wrap:wrap}.x-range-row>label{font-size:11px}.x-range-row input{min-width:80px}.x-process-play{font-size:11px;padding:7px 12px;min-height:44px}.x-schematic-note{font-size:11px;line-height:1.8;margin-top:13px}.x-process-summary{padding-block:28px 40px}.x-process-summary ol{grid-template-columns:1fr;gap:22px}.x-process-summary li{gap:15px}.x-process-summary h3{font-size:14px;margin-bottom:7px}.x-process-summary p{font-size:12px}.x-equipment-section{padding-block:55px 45px}.x-product-tabs{margin-top:25px;gap:8px}.x-product-tab{font-size:11px;padding:10px 13px;gap:7px;min-height:44px}.x-product-visual{border-radius:20px;padding:25px 17px}.x-product-photo{height:230px}.x-product-photo-label{font-size:9px;margin-top:14px}.x-product-slide{gap:28px;min-height:0}.x-product-description h3{font-size:30px;margin:15px 0}.x-product-description>p{font-size:14px;margin-bottom:20px}.x-application{padding:15px 0 5px;margin-bottom:20px}.x-application>p{font-size:13px}.x-product-description>.text-link{margin-left:15px;font-size:12px}.x-product-navigation{gap:15px;margin-top:25px}.x-product-navigation>p{font-size:10px;max-width:165px}.x-product-navigation>div{gap:12px;font-size:10px}.x-product-navigation button{width:44px;height:44px}
 html[lang=en] .x-hero h1{font-size:40px;line-height:1.13}html[lang=en] .x-stage-copy h3{font-size:26px}html[lang=en] .x-stage-button{font-size:11px}html[lang=en] .x-stage-copy{min-height:230px}html[lang=en] .x-product-tab{font-size:11px;padding:10px}html[lang=en] .x-product-tab>span{display:none}
}
@media(prefers-reduced-motion:reduce){.x-equipment-plane,.x-product-visual{transform:none!important;will-change:auto}.x-interactive .x-process-story{height:auto}.x-interactive .x-process-sticky{position:relative;top:0;height:auto;min-height:650px}.x-motion-enabled *,.x-slide-enter *{animation:none!important}.copper-flow{display:none}.x-scroll-follow{display:none}}

.x-section-arrive{animation:x-rise .9s cubic-bezier(.2,.7,.3,1) both}
[data-product-tilt]{transition:transform .35s ease-out}
@media(prefers-reduced-motion:reduce){.x-section-arrive{animation:none!important;opacity:1;transform:none}}
.x-process-toolbar,.x-process-main,.x-process-controls{width:calc(100% - 96px)}
@media(max-width:1100px){.x-process-toolbar,.x-process-main,.x-process-controls{width:calc(100% - 64px)}}
@media(max-width:600px){.x-process-toolbar,.x-process-main,.x-process-controls{width:calc(100% - 40px)}}