.work-process{background:#fff;color:var(--ink);color-scheme:light;padding:74px var(--page-gutter) 60px;overflow:clip}.process-container{max-width:1440px;margin:auto}.process-heading{display:flex;flex-direction:column;gap:18px;margin-bottom:40px}.process-heading h2{font-size:clamp(34px,4vw,52px);font-weight:600;letter-spacing:-.045em;line-height:1.12;margin:16px 0 0}.process-heading>p{color:#62737e;font-size:16px;line-height:1.8;max-width:380px;margin:0}.process-board{position:relative}.process-steps{list-style:none;padding:0;margin:0;display:grid;gap:42px}.process-step{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:18px;align-content:start}.process-illustration{grid-column:2;max-width:170px;width:100%;justify-self:center;height:140px;display:flex;justify-content:center;align-items:end}.process-illustration img{display:block;width:100%;height:100%;object-fit:contain}.process-marker{grid-column:1;grid-row:1;align-self:end;position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border:1px solid #cbd7dd;background:#fff;color:#6c818e;border-radius:50%;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;transition:background .2s,border-color .2s,color .2s}.process-step.is-reached .process-marker{background:#de252c;border-color:#de252c;color:#fff}.process-step-copy{grid-column:2;margin-top:20px}.process-step h3{font-size:20px;line-height:1.4;font-weight:700;letter-spacing:-.025em;margin:0 0 12px}.process-step p{font-size:15px;line-height:1.8;color:#62737e;margin:0}.process-connection{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.process-connection path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.process-line-base{stroke:#dfe6e9}.process-line-fill{stroke:#e32730;stroke-dasharray:1;stroke-dashoffset:0}.process-enhanced .process-line-fill{stroke-dashoffset:calc(1 - var(--process-progress,0))}.process-enhanced .process-step.is-reached h3{color:#142e40}
@media(min-width:768px){.work-process{padding-top:94px;padding-bottom:76px}.process-heading{flex-direction:row;align-items:end;justify-content:space-between;gap:50px;margin-bottom:30px}.process-heading>p{font-size:16px;max-width:360px}.process-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.process-step{display:flex;flex-direction:column;align-items:center;min-width:0}.process-illustration{height:160px;max-width:180px;margin-bottom:22px}.process-marker{flex-shrink:0;width:64px;height:64px;font-size:18px;align-self:center}.process-step-copy{margin-top:25px;width:100%}.process-step h3{font-size:19px;line-height:1.4;min-height:2.8em;margin-bottom:12px}.process-step p{font-size:14px;line-height:1.8}.process-enhanced .process-scroll{height:calc(var(--process-board-height,520px) + clamp(380px,52svh,620px));position:relative}.process-enhanced .process-board{position:sticky;top:max(28px,calc((100svh - var(--process-board-height,520px))/2))}.process-board{padding:14px 0 32px}}
@media(min-width:1200px){.process-steps{gap:44px}.process-illustration{height:175px;max-width:190px;margin-bottom:24px}.process-step h3{font-size:22px;min-height:0}.process-step p{font-size:15px}.process-heading{margin-bottom:32px}}
@media(min-width:768px) and (max-height:650px){.process-enhanced .process-scroll{height:auto}.process-enhanced .process-board{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.process-enhanced .process-scroll{height:auto}.process-enhanced .process-board{position:relative;top:auto}.process-marker{transition:none}.process-enhanced .process-line-fill{stroke-dashoffset:0}}
