.design-process .process-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 30px}
.design-process .process-flow li,.design-process .process-flow li+li{padding:16px;margin:0;overflow:visible;position:relative}
.design-process .process-flow li:nth-child(4){grid-column:3;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:1;grid-row:2}
.design-process .process-flow h3:before,.design-process .process-flow li:before{display:none;content:none}
.design-process .process-flow h3{min-height:0;font-size:18px}
.design-process .process-art{max-width:240px;margin:0 auto 14px}
.design-process .process-flow li:not(:last-child):after{display:block;content:'→';position:absolute;left:auto;right:-29px;top:50%;bottom:auto;width:28px;height:24px;border:0;line-height:24px;text-align:center;color:#21878b;font-size:23px}
.design-process .process-flow li:nth-child(3):after{content:'↓';top:auto;bottom:-33px;left:50%;right:auto;transform:translateX(-50%)}
.design-process .process-flow li:nth-child(4):after,.design-process .process-flow li:nth-child(5):after{content:'←';left:-29px;right:auto}
/* Quiet line connectors, rather than typographic arrows. */
.design-process .process-flow li:not(:last-child):after{content:'';width:30px;height:14px;right:-31px;top:50%;background:center/30px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='14' viewBox='0 0 30 14'%3E%3Cpath d='M1 7H27M22 2l5 5-5 5' fill='none' stroke='%233a9395' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.design-process .process-flow li:nth-child(3):after{content:'';top:auto;bottom:-26px;left:50%;right:auto;transform:translateX(-50%) rotate(90deg)}
.design-process .process-flow li:nth-child(4):after,.design-process .process-flow li:nth-child(5):after{content:'';left:-31px;right:auto;transform:rotate(180deg)}
@media(max-width:700px){.design-process .process-flow{grid-template-columns:1fr;gap:34px}.design-process .process-flow li:nth-child(n){grid-row:auto;grid-column:auto}.design-process .process-flow li:not(:last-child):after{content:'';top:auto;bottom:-25px;left:50%;right:auto;transform:translateX(-50%) rotate(90deg)}.design-process .process-art{max-width:240px}}