/* Copy and illustration reveal together; artwork keeps its native proportions. */
.process-step,.process-step:last-child{grid-template-columns:32px minmax(0,1fr);height:auto;min-height:300px;padding:22px 0}
.process-content{grid-column:2;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start;opacity:1;transform:none}
.process-art{width:100%;max-width:420px;height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-self:center;align-self:center;gap:10px}
.process-outcome{position:static}
.process-content>.process-copy,.process-content>.process-art{grid-column:auto}
.motion-enabled .process-motion-ready .process-content{opacity:0;transform:translateY(32px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.65,.2,1)}
.motion-enabled .process-motion-ready .process-content.is-process-revealed{opacity:1;transform:none}
.motion-paused .process-content{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.process-content{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:1050px){.process-content{gap:24px}}
@media(max-width:760px){
 .process-step,.process-step:last-child{grid-template-columns:24px minmax(0,1fr);min-height:0;padding:22px 0;column-gap:19px}
 .process-rail{grid-column:1;grid-row:1}
 .process-content{grid-template-columns:minmax(0,1fr);gap:14px}
 .process-content>.process-copy,.process-content>.process-art{grid-column:auto}
 .process-art{max-width:320px;height:auto;min-height:0;gap:8px}
}
@media(max-width:480px){.process-step,.process-step:last-child{column-gap:13px}}

/* Keep every object and fading connector inside the complete white canvas. */
.process-illustration{display:block;width:100%;height:auto;aspect-ratio:2400/1792;object-fit:contain;background:#fff}
/* Dissolve the generated canvas edge into the white section without cropping it. */
@supports(mask-composite:intersect){
 .process-illustration{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
}