.design-process .process-flow{position:relative;isolation:isolate}
.design-process .process-flow li:not(:last-child):after{display:none!important}
.workflow-path{display:none}
.design-process .process-flow li:nth-child(4){grid-column:1;grid-row:2}
.design-process .process-flow li:nth-child(5){grid-column:2;grid-row:2}
.design-process .process-flow li:nth-child(6){grid-column:3;grid-row:2}
@media(max-width:700px){.design-process .process-flow li:nth-child(n){grid-column:auto;grid-row:auto}}
.workflow-path>path{fill:none;stroke:#3a9395;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.process-flow.reveal-ready .workflow-path>path{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.process-flow.reveal-ready.is-visible .workflow-path>path{animation:workflow-connect .5s ease-out both;animation-delay:var(--path-delay)}
.design-process .process-flow.reveal-ready li{opacity:0;transform:translateY(18px) scale(.975);transform-origin:center center;will-change:transform,opacity}
.design-process .process-flow.reveal-ready.is-visible li{animation:workflow-cinema .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--step-delay)}
@keyframes workflow-cinema{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes workflow-connect{from{opacity:0;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.design-process .process-flow.reveal-ready li{opacity:1;transform:none;animation:none!important}.process-flow .workflow-path>path{opacity:1;stroke-dashoffset:0;animation:none!important}}