/* Homepage · band "Hoe DyReP werkt" (dirigent). Donker, als voortzetting van de hero (Rob, 1 okt). Site-tokens, geen
   tweede designsysteem; oranje alleen waar een mens beslist. */
.home-v2 .v2-dirigent{background:var(--ink);color:#fff;padding:72px 0 80px;position:relative;overflow:hidden}
.home-v2 .v2-dirigent .dy-wrap{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:48px;align-items:center}
.home-v2 .v2-dirigent .eyebrow{color:var(--cyan-text-dark)}
.home-v2 .v2-dirigent h2{color:#fff;margin:0 0 16px}
.home-v2 .v2-dirigent-lead{font-family:var(--font-serif);font-size:1.12rem;line-height:1.5;color:var(--muted-dark);margin:0 0 18px}
.home-v2 .v2-dirigent-stap{font-family:var(--font-mono);font-size:.8rem;color:var(--cyan-text-dark);min-height:2.8em;margin:0}
.home-v2 .v2-dirigent-legenda{list-style:none;display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 0;padding:0;font-size:.8rem;color:var(--muted-dark)}
.home-v2 .v2-dirigent-legenda li::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px;background:var(--cyan)}
.home-v2 .v2-dirigent-legenda li.is-mens::before{background:var(--orange)}
.v2-dirigent-web{position:relative}
.v2-dirigent-web svg{width:100%;height:auto;display:block;overflow:visible}
.v2-dirigent-web .gewei path{fill:none;stroke:#262b2f;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.v2-dirigent-web .lijn{stroke:#4a5156;stroke-width:1.4;fill:none;transition:stroke .3s,stroke-width .3s}
.v2-dirigent-web .lijn.is-recht{stroke-dasharray:3 5}
.v2-dirigent-web .lijn.is-aan{stroke:var(--cyan);stroke-width:2.2}
.v2-dirigent-web .lijn.is-mens{stroke:var(--orange);stroke-width:2.2}
.v2-dirigent-web .knoop circle{fill:#1d2124;stroke:#4a5156;stroke-width:1.4;transition:fill .3s,stroke .3s}
.v2-dirigent-web .knoop text{fill:#e9ecee;font-family:var(--font-sans);font-size:15px;font-weight:600}
.v2-dirigent-web .knoop text.sub{fill:var(--muted-dark);font-family:var(--font-mono);font-size:12px;font-weight:400}
.v2-dirigent-web .knoop.is-aan circle{stroke:var(--cyan);stroke-width:2.4;fill:#0f2a35}
.v2-dirigent-web .knoop.is-mens circle{stroke:var(--orange);stroke-width:2.4;fill:#3a1f0c}
.v2-dirigent-web .knoop:focus{outline:none}
.v2-dirigent-web .knoop:focus-visible circle{stroke:#fff;stroke-width:3}
.v2-dirigent-web .kern .halo{fill:none;stroke:var(--cyan);stroke-opacity:.35;animation:v2-dirigent-adem 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.v2-dirigent-web .kern .lichaam{fill:var(--on-cyan);stroke:var(--cyan);stroke-width:2}
.v2-dirigent-web .puls{fill:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan))}
.v2-dirigent-web .puls.is-mens{fill:var(--orange);filter:drop-shadow(0 0 6px var(--orange))}
.v2-dirigent-uitleg{position:absolute;pointer-events:none;background:#fff;color:var(--ink-text);font-size:.82rem;line-height:1.35;padding:8px 10px;border-radius:8px;max-width:220px;box-shadow:0 6px 20px rgba(0,0,0,.35);opacity:0;transition:opacity .15s}
.v2-dirigent-uitleg.is-zichtbaar{opacity:1}
@keyframes v2-dirigent-adem{50%{transform:scale(1.1);stroke-opacity:.15}}
@media(max-width:900px){.home-v2 .v2-dirigent .dy-wrap{grid-template-columns:1fr;gap:24px}.home-v2 .v2-dirigent{padding:56px 0 48px}}
@media(prefers-reduced-motion:reduce){.v2-dirigent-web .kern .halo{animation:none}.v2-dirigent-web .lijn,.v2-dirigent-web .knoop circle{transition:none}}
@media(max-width:600px){.v2-dirigent-web svg{overflow:visible}.v2-dirigent-web .knoop text{font-size:21px}.v2-dirigent-web .knoop text.sub{display:none}}