/* "How I worked": a quiet five-step strip near the end of each project page.
   It takes the page's own colours (currentColor), so it sits on light and
   dark pages alike. */
.process{max-width:1100px;margin:clamp(48px,8vw,96px) auto;padding:0 clamp(20px,5vw,48px)}
.process h2{margin:0 0 18px;font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.6}
.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid rgba(127,127,127,.35)}
.process li{padding:16px 18px 6px 0;border-right:1px solid rgba(127,127,127,.2);margin-right:18px}
.process li:last-child{border-right:0;margin-right:0}
.process b{display:block;margin-bottom:8px;font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.process b span{display:inline-block;min-width:2.2em}
.process p{margin:0;font-size:15px;line-height:1.5;opacity:.88}
@media (max-width:900px){
  .process ol{grid-template-columns:1fr 1fr}
  .process li{border-right:0;margin-right:0;padding:14px 16px 10px 0;border-bottom:1px solid rgba(127,127,127,.2)}
}
@media (max-width:520px){.process ol{grid-template-columns:1fr}}