.process-animation{--pa-section-bg:#fff;--pa-title-color:#003a5f;--pa-card-bg:#003a5f;--pa-card-heading-color:#ff8300;--pa-card-text-color:#ffffffe6;--pa-card-marker-color:var(--pa-card-heading-color);--pa-card-max-width:780px;--pa-card-slant:6.5%;background:var(--pa-section-bg);margin:0 auto;overflow:hidden;position:relative;width:min(100%,1900px)}.process-animation,.process-animation *,.process-animation :after,.process-animation :before{box-sizing:border-box}.process-animation .pa-canvas{display:block;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.process-animation .process-content{margin:0 auto;position:relative;width:min(100%,1900px);z-index:1}.process-animation .process-title{color:var(--pa-title-color);font-size:clamp(3rem,5vw,6rem);font-weight:800;letter-spacing:0;line-height:1;margin:0;padding:clamp(56px,6vw,78px) clamp(28px,5vw,96px) 0;text-align:center}.process-animation .process-step{align-items:center;display:grid;gap:clamp(40px,5vw,110px);grid-template-columns:minmax(min(100%,320px),var(--pa-card-max-width)) 1fr;padding-inline:clamp(28px,5vw,96px);position:relative}.process-animation .process-step--1{margin-top:165px;padding-left:0}.process-animation .process-step--2{grid-template-columns:1fr minmax(min(100%,320px),var(--pa-card-max-width));margin-top:250px;padding-right:0}.process-animation .process-step--3{margin-bottom:300px;margin-top:315px;padding-left:0}.process-animation .process-card{background:var(--pa-card-bg);clip-path:polygon(0 var(--pa-card-slant),72% 0,100% var(--pa-card-slant),100% calc(100% - var(--pa-card-slant)),12% 100%,0 calc(100% - var(--pa-card-slant)));color:var(--pa-card-text-color);padding:clamp(64px,6vw,104px) 45px;position:relative;width:100%}.process-animation .process-card .process-card__heading,.process-animation .process-card h2{color:var(--pa-card-heading-color);font-size:clamp(2.3rem,2.9vw,3.4rem);font-weight:800;letter-spacing:0;line-height:1.05;margin:0 0 32px}.process-animation .process-card li,.process-animation .process-card p{color:var(--pa-card-text-color);font-size:clamp(1.18rem,1.35vw,1.62rem);line-height:1.38}.process-animation .process-card p{margin:0}.process-animation .process-card p+p{margin-top:1em}.process-animation .process-card ol,.process-animation .process-card ul{display:grid;gap:24px;margin:0;padding:0 0 0 24px}.process-animation .process-card li::marker{color:var(--pa-card-marker-color)}.process-animation .process-step--1 .process-card{justify-self:start}.process-animation .process-step--2 .process-card{clip-path:polygon(0 var(--pa-card-slant),72% 0,100% var(--pa-card-slant),100% calc(100% - var(--pa-card-slant)),14% 100%,0 calc(100% - var(--pa-card-slant)));justify-self:end}.process-animation .process-step--3 .process-card{justify-self:start}.process-animation .machine-visual{aspect-ratio:3/2;pointer-events:none;width:100%}.process-animation .machine-image{display:block;height:100%;object-fit:contain;width:100%}@media(max-width:1400px){.process-animation .process-card .process-card__heading,.process-animation .process-card h2{font-size:clamp(2.1rem,2.4vw,2.9rem)}}@media(max-width:1200px){.process-animation .process-step,.process-animation .process-step--1,.process-animation .process-step--2,.process-animation .process-step--3{gap:30px;grid-template-columns:1fr;margin-top:140px;padding-inline:clamp(28px,5vw,72px)}.process-animation .process-step--1{margin-top:110px}.process-animation .process-step--3{margin-bottom:200px}.process-animation .process-step--2 .machine-visual{order:2}.process-animation .process-card,.process-animation .process-step--1 .process-card,.process-animation .process-step--2 .process-card,.process-animation .process-step--3 .process-card{justify-self:start;margin-left:0;margin-right:auto;max-width:min(620px,var(--pa-card-max-width));transform:none;width:100%}.process-animation .process-card .process-card__heading,.process-animation .process-card h2{font-size:clamp(2rem,3.4vw,2.55rem)}.process-animation .machine-visual{margin:0 auto;max-width:720px}.process-animation .process-step--1 .machine-visual,.process-animation .process-step--3 .machine-visual{justify-self:start;margin-left:0;margin-right:auto}}@media(max-width:640px){.process-animation .process-title{font-size:clamp(2.4rem,9vw,3.6rem);padding:clamp(40px,7vw,60px) clamp(20px,5vw,32px) 0}.process-animation .process-step,.process-animation .process-step--1,.process-animation .process-step--2,.process-animation .process-step--3{margin-top:90px;padding-inline:0}.process-animation .process-card{--pa-card-slant:28px;padding:calc(var(--pa-card-slant) + 30px) clamp(28px,6vw,56px)}.process-animation .process-card .process-card__heading,.process-animation .process-card h2{font-size:clamp(1.85rem,5.8vw,2.4rem)}.process-animation .process-card ol,.process-animation .process-card ul{gap:18px}}