.capability-process__layout { display: grid; grid-template-columns: 5fr 6fr; gap: 8.33%; align-items: start; }
.capability-process__intro h2 { max-width: 510px; margin-bottom: 40px; }
.capability-process__intro p { max-width: 510px; margin-bottom: 56px; color: var(--wf-muted); }
.capability-process__intro img { width: 78%; height: auto; }
.capability-process__steps { list-style: none; margin: 0; padding: 0; }
.capability-process__steps li { padding: 24px 0; border-bottom: 1px solid var(--wf-grey); }
.capability-process__steps li:first-child { padding-top: 0; }
.capability-process__steps li:last-child { border: 0; padding-bottom: 0; }
.capability-process__number { display: block; font-size: 13px; margin-bottom: 12px; color: var(--wf-muted); }
.capability-process__steps h3 { font-size: 24px; margin-bottom: 12px; }
.capability-process__steps p { font-size: 16px; line-height: 1.5; margin: 0; color: var(--wf-muted); }
@media (max-width: 640px) {
    .capability-process__layout { grid-template-columns: 1fr; gap: 56px; }
    .capability-process__intro img { width: 100%; }
}

.capability-process__intro > .button { margin-bottom: 32px; }

.capability-process__layout { align-items: stretch; }
.capability-process__details { display: flex; flex-direction: column; align-items: stretch; }
.capability-process__details > .button { align-self: flex-end; margin-top: auto; }
.capability-process__steps { margin-bottom: 32px; }
.capability-process__steps li:last-child { border-bottom: 1px solid var(--wf-grey); padding-bottom: 24px; }
.home .contact-cta + .capability-process { padding-top: 16px; }
.home .contact-cta + .capability-process .capability-process__layout { border-top: 1px solid var(--wf-grey); padding-top: 104px; }
@media (min-width: 901px) {
 .capability-process__intro h2, .capability-process__intro p, .capability-process__steps p { white-space: pre-line; }
 .capability-process__intro h2, .capability-process__intro p { max-width: none; }
 .capability-process__intro h2 { font-size: clamp(30px, 3vw, 48px); }
}
@media (max-width: 640px) { .home .contact-cta + .capability-process .capability-process__layout { padding-top: 72px; } }

@media (min-width: 901px) {
 .capability-process__intro { display: flex; flex-direction: column; align-items: flex-start; }
 .capability-process__intro img { margin-top: auto; }
}