/* Variant 1 · Regie: rail + meescrollende tekst + wisselend podium */
.v1{padding-block:var(--ruimte) 0}
.v1-wrap{max-width:1480px;margin:0 auto;padding-inline:var(--rand);display:grid;grid-template-columns:140px minmax(0,340px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}

/* rail */
.v1-rail{position:sticky;top:120px}
.v1-rail ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;position:relative}
.v1-rail ol::before{content:"";position:absolute;left:15px;top:14px;bottom:14px;width:1px;background:var(--lijn)}
.v1-rail a{display:flex;align-items:center;gap:14px;padding:7px 0;text-decoration:none;color:var(--lei);position:relative}
.v1-rail span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--kalk);border:1px solid var(--lijn);font:700 12px/1 var(--getypt);color:var(--lei);transition:all .35s cubic-bezier(.2,.7,.2,1);position:relative;z-index:1;flex:none}
.v1-rail em{font-style:normal;font-size:14px;transition:color .3s}
.v1-rail a:hover em{color:var(--inkt)}
.v1-rail a[aria-current] span{background:var(--inkt);border-color:var(--inkt);color:var(--kalk);box-shadow:0 0 0 5px rgba(176,102,47,.18)}
.v1-rail a[aria-current] em{color:var(--inkt);font-weight:600}
.v1-rail a:focus-visible{outline:2px solid var(--koper);outline-offset:4px;border-radius:6px}

/* stappen */
.v1-stap{min-height:82vh;display:grid;align-content:center;padding-block:40px}
.v1-stap:first-child{min-height:60vh;align-content:start;padding-top:0}
.v1-tekst{display:grid;gap:18px;transition:opacity .5s}
.v1-stap:not(.actief) .v1-tekst{opacity:.35}
.v1-tekst .wez-nr{font-size:15px}
.v1-inline{display:none}

/* podium */
.v1-podium{position:sticky;top:100px;height:calc(100vh - 130px);min-height:520px}
.v1-podium-in{position:relative;height:100%;border-radius:18px;background:radial-gradient(120% 90% at 70% 20%,#FFFFFF 0%,#EEEFEA 70%);box-shadow:inset 0 0 0 1px var(--lijn);overflow:hidden}
.v1-beeld{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(20px,3vw,40px);opacity:0;transform:translateY(24px) scale(.97);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.v1-beeld.actief{opacity:1;transform:none;pointer-events:auto}
.v1-beeld > *{width:100%}
.v1-beeld[data-id="nieuwsbrief"] .wez-comp-nb{max-width:430px}
.v1-beeld[data-id="socials"] .wez-comp{max-width:520px;margin-inline:auto}
.v1-beeld[data-id="kwartaal"] .wez-comp-kw{max-width:600px}
.v1-beeld[data-id="fotoshoot"] .wez-comp{max-width:760px}

@media (prefers-reduced-motion:reduce){.v1-beeld{transition:none;transform:none}}

/* smal: geen podium, beeld bij de tekst, rail als chipbalk */
@media (max-width:1000px){
  .v1-wrap{grid-template-columns:1fr;gap:0}
  .v1-podium{display:none}
  .v1-inline{display:block;margin-top:28px}
  .v1-stap,.v1-stap:first-child{min-height:0;padding-block:40px;border-top:1px solid var(--lijn)}
  .v1-stap:not(.actief) .v1-tekst{opacity:1}
  .v1-rail{position:sticky;top:76px;z-index:20;background:rgba(246,246,243,.94);backdrop-filter:blur(8px);margin-inline:calc(var(--rand) * -1);padding:10px var(--rand);border-bottom:1px solid var(--lijn)}
  .v1-rail ol{display:flex;gap:6px;overflow:visible}
  /* geen zijwaartse scroll (Mischa 2026-09-30): alleen het hoofdstuk waar je nu bent */
  .v1-rail li{display:none}
  .v1-rail li:has(a[aria-current]),.v1-rail ol:not(:has(a[aria-current])) li:first-child{display:block}
  .v1-rail ol::before{display:none}
  .v1-rail a{padding:6px 12px 6px 6px;border:1px solid var(--lijn);border-radius:999px;white-space:nowrap;background:var(--wit)}
  .v1-rail span{width:24px;height:24px;font-size:10.5px}
  .v1-rail a[aria-current]{border-color:var(--inkt)}
}
.v1-wrap > *,.v1-stap,.v1-tekst,.v1-inline{min-width:0}