/* =====================================================================
   How I Work — timeline rows
   File: 09-process.css
   ===================================================================== */

/* ================= PROCESS ================= */
.process-list{margin-top:50px; border-top:1px solid var(--line);}
.proc-item{display:grid; grid-template-columns:90px minmax(200px,320px) 1fr; align-items:center; gap:24px; padding:32px 0; border-bottom:1px solid var(--line);}
.proc-num{font-family:'Space Grotesk','Courier New',monospace; font-size:14px; color:var(--orange); font-weight:700; letter-spacing:.05em;}
.proc-title{font-size:clamp(18px,2vw,22px); font-weight:800; text-transform:uppercase; font-family:var(--font-heading); letter-spacing:-.01em;}
.proc-desc-inline{font-size:14.5px; color:var(--body-color);}
@media(max-width:700px){
  .proc-item{grid-template-columns:1fr; gap:8px; padding:22px 0;}
}