/* ES5 - Hoe het werkt (cream, strak middenrif), id="proces".
   v2 (feedback Timo 10-09-2026): hetzelfde device als ws3 (verticale tijdlijn met
   sticky kopgroep, oranje scroll-vullijn uit motion.js), GESPIEGELD. Alle tijdlijn-
   en kopregels komen uit css/werving-selectie/ws3.css, dat in de shell staat; hier
   staat alleen wat de spiegeling en deze pagina toevoegen. */

/* Kolommen omgedraaid: tijdlijn links (7), kopgroep rechts (5).
   ALLEEN boven het ws3-breekpunt (880): deze selector is specifieker dan de
   1-kolomregel in ws3.css en zou anders op mobiel winnen. Gemeten 10-09-2026:
   zonder deze media query stond de tijdlijn op 390px in een kolom van 123px. */
@media (min-width: 881px) {
  .es-proces .ws-proces-grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
  .es-proces .es-proces-head { order: 2; padding-left: clamp(0px, 2vw, 24px); }
  .es-proces .es-proces-lijn { order: 1; }
}

.es-proces .es-proces-lijn { min-width: 0; }

/* Eyebrow-afstand: ws3 zet 18px via de flex-gap van .ws-proces-head; gelijk houden. */

/* Onder 880 gelden de ws3-regels ongewijzigd: kop boven de tijdlijn, een kolom. */

/* De CTA in de sticky kopgroep is er in ronde 5 weer uit (Timo: te veel knoppen op de
   pagina). De .btn--link onder de tijdlijn blijft de uitgang van deze sectie. */