/* Process: one sequence, then its result. */
#process .process-timeline{position:relative;border:0;gap:0;grid-template-columns:repeat(4,minmax(0,1fr))}
#process .process-timeline::before{top:26px;height:2px;background:var(--ink);transform:none;opacity:.2}
#process .process-timeline::after{content:"";position:absolute;top:26px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(var(--process-progress,0));transform-origin:left;pointer-events:none}
#process .process-timeline article{position:relative;display:block;border:0;padding:0 28px 0 0;min-width:0}
#process .step-meta{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-bottom:24px}
#process .step-number{display:grid;place-items:center;flex:0 0 54px;height:54px;margin:0;background:var(--paper);border:2px solid var(--ink);color:var(--ink);font-size:22px;font-weight:750;letter-spacing:-.02em;line-height:1}
#process .step-meta .lead-text{margin:0;padding:4px 8px 4px 0;background:var(--paper);font-size:15px;line-height:1.3;font-weight:650}
#process .process-timeline h3{min-height:0;margin:0 0 14px;font-size:clamp(23px,2.2vw,30px);line-height:1.1;letter-spacing:-.03em}
#process .process-timeline article>p{font-size:16px;line-height:1.55;margin:0;max-width:30ch}
#process .handover-result{display:block;margin-top:48px;padding:32px;background:var(--accent);color:var(--ink)}
#process .handover-result>h3{margin:0 0 28px;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}
#process .handover-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
#process .handover-groups h4{margin:0 0 12px;font-size:21px;line-height:1.2;letter-spacing:-.02em;font-weight:750}
#process .handover-groups p{margin:0;font-size:16px;line-height:1.55;max-width:36ch}
#process .handover-note{margin:28px 0 0;padding-top:20px;border-top:1px solid currentColor;font-size:14px;line-height:1.5}
@media(max-width:1000px){#process .process-timeline{grid-template-columns:1fr}#process .process-timeline::before,#process .process-timeline::after{top:0;left:26px;width:2px;height:100%;transform:none}#process .process-timeline::after{transform:scaleY(var(--process-progress,0));transform-origin:top}#process .process-timeline article{display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:24px;padding:0 0 32px}#process .process-timeline article:last-child{padding-bottom:0;background:var(--paper)}#process .step-meta{grid-row:1/3;margin:0;align-self:start}#process .process-timeline article>p{max-width:55ch}#process .handover-groups{gap:24px}}
@media(max-width:600px){#process .process-timeline article{grid-template-columns:54px minmax(0,1fr);column-gap:20px;padding-bottom:32px}#process .step-meta{display:contents}#process .step-number{grid-column:1;grid-row:1/4;position:relative;z-index:1}#process .step-meta .lead-text{grid-column:2;position:relative;z-index:1;margin:0 0 8px;padding:0;font-size:14px}#process .process-timeline h3,#process .process-timeline article>p{grid-column:2}#process .process-timeline h3{font-size:25px;margin-bottom:10px}#process .handover-result{padding:24px;margin-top:32px}#process .handover-groups{grid-template-columns:1fr;gap:24px}#process .handover-groups p{max-width:none}#process .handover-result>h3{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){#process .process-timeline::after{transform:none}}

/* The filled track and reached milestones share one accent. */
#process .step-number{transition:background-color 180ms ease,border-color 180ms ease}
#process article.is-reached .step-number{background:var(--accent);border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){#process .step-number{transition:none}}