.pk[data-moment=splitsing]{--pk-boven:6.75rem}.sp{grid-template-columns:minmax(0,1fr);max-width:36rem;display:grid}.sp__beeld{border-top:1px solid #f2cba273;height:6rem;position:relative}.sp__paden{width:100%;height:100%;display:block}.sp__eindes span{top:0;left:calc((var(--k) + .5) / var(--n) * 100%);background:var(--bord-bg);width:1.6rem;height:1.6rem;color:var(--bord-ink);border-radius:50%;place-items:center;font-size:.8125rem;font-weight:700;display:grid;position:absolute;transform:translate(-50%,calc(-100% - .35rem))}.sp__beeld{margin-top:2.25rem}.sp__borden{gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.sp__link{background:var(--bord-bg);min-height:2.75rem;color:var(--bord-ink);border-radius:2px;align-items:center;gap:.75rem;padding:.55rem .9rem;font-weight:650;line-height:1.25;text-decoration:none;display:flex}.sp__nr{background:var(--bord-plaat);width:1.6rem;height:1.6rem;color:var(--bord-plaat-ink);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.sp__naam{flex:1}.sp__link svg{width:1.15em;height:1.15em;color:var(--bord-plaat);flex:none;transition:transform .2s;transform:rotate(90deg)}.sp__link:hover svg{transform:rotate(90deg)translate(3px)}.sp__link:hover{background:#f3f5f2}.sp__link:focus-visible{outline-offset:3px}@media (min-width:1024px){.pk[data-moment=splitsing] .pk__moment{align-self:stretch}.sp{grid-template-rows:var(--pk-boven) minmax(8.5rem, 1fr);height:100%}.sp__borden{grid-row:1;grid-template-columns:repeat(var(--n), minmax(0, 1fr));align-self:end;align-items:stretch;gap:.6rem;margin:0}.sp__beeld{margin:0 0 calc(-1 * var(--pk-onder-eind));border-top:0;grid-row:2;height:auto}.sp__eindes{display:none}.sp__bord{flex-direction:column;align-items:center;display:flex}.sp__bord:after{content:"";background:linear-gradient(90deg,#4a5f68,#1a272d);width:.32rem;height:1.5rem}.sp__link{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:.4rem;width:100%;max-width:10.5rem;min-height:6.4rem;padding:.6rem .6rem .55rem;font-size:.9375rem}.sp__nr{width:1.4rem;height:1.4rem;font-size:.75rem}}
.vm{--pad-ver:#ddd0be;--pad-dicht:#b9a38b;--pad-rand:#12222a24}.vm>.wrap{padding-block:clamp(1.5rem, 3vw, 2.5rem) var(--section-y)}.vm__intro{max-width:36rem;margin:0 0 clamp(3rem,6vw,5rem)}.vm__rijen{gap:clamp(4.5rem,9vw,8rem);display:grid}.vm__rij{grid-template-columns:minmax(0,1fr);gap:1.75rem;scroll-margin-top:1.5rem;display:grid}.vm__defs{width:0;height:0;position:absolute;overflow:hidden}.vm__scene{aspect-ratio:10/9;min-width:0;position:relative}.vm__uitzicht{background:var(--surface);height:56%;margin:0;position:absolute;inset:0 0 auto;overflow:hidden}.vm__uitzicht>img{object-fit:cover;transform-origin:50% 100%;transform:scale(1.12)}.vm__uitzicht>img.vm__tekening{width:100%;max-width:none;height:100%;position:absolute;inset:0}.vm__uitzicht:after{content:"";background:linear-gradient(to top, var(--bg) 2%, color-mix(in srgb, var(--bg) 62%, transparent) 40%, transparent);pointer-events:none;height:48%;position:absolute;inset:auto 0 0}.vm__uitzicht>small{top:.6rem;bottom:auto!important}.vm__grond:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#d6a87cbf 30% 70%,#0000);height:1px;position:absolute;inset:0 0 auto}.vm__grond{pointer-events:none;height:44%;position:absolute;inset:auto 0 0;overflow:hidden}.vm .vm__oever{width:100%;height:2.6rem;color:color-mix(in srgb, var(--accent) 17%, var(--bg));position:absolute;inset:auto 0 -1px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.vm__pad{transform-origin:50% 100%;filter:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vm__pad path{stroke:var(--pad-rand);stroke-width:1px;vector-effect:non-scaling-stroke}.vm__bord{z-index:2;justify-items:start;gap:.2rem;display:grid;position:absolute;bottom:15%;left:5%}.vm[data-nevel] .vm__rij[data-kant=rechts] .vm__bord{justify-items:end;left:auto;right:5%}.vm__bord:before{content:"";z-index:-1;background:linear-gradient(90deg,#4a5f68,#1a272d);width:.4rem;position:absolute;top:.5rem;bottom:-1.4rem;left:1.5rem}.vm__rij[data-kant=rechts] .vm__bord:before{left:auto;right:1.5rem}.vm__plaat{background:var(--bord-plaat);min-width:3.4rem;color:var(--bord-plaat-ink);font-family:var(--heading-font);border-radius:2px;place-items:center;padding:.15rem .7rem .25rem;font-size:2.3rem;font-weight:300;line-height:1.15;display:grid}.vm__plaat:before,.vm__nr:before{content:attr(data-nr)}.vm__plank{background:var(--bord-bg);color:var(--bord-ink);border:1px solid #12222a38;border-radius:2px;gap:.05rem;padding:.35rem .75rem .4rem;font-size:.8125rem;line-height:1.25;display:grid}.vm__plank strong{font-family:var(--heading-font);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:400;line-height:1.15}.vm__tekst{align-content:center;justify-items:start;gap:1.25rem;min-width:0;display:grid}.vm__soort{gap:.8rem}.vm__soort:before{display:none}.vm__nr{background:var(--accent);width:2rem;height:2rem;color:var(--accent-ink);font-family:var(--heading-font);letter-spacing:0;border-radius:50%;flex:none;place-items:center;font-size:1.05rem;line-height:1;display:grid}.vm__titel{max-width:14ch;font-size:clamp(2rem,1.35rem + 2vw,3.25rem)}.vm__body{max-width:34rem;margin:0;font-size:1.125rem;line-height:1.6}.vm__punten{gap:.7rem;margin:.25rem 0 0;padding:0 0 0 1.75rem;list-style:none;display:grid;position:relative}.vm__punten:before{content:"";background:var(--accent);width:2px;position:absolute;top:.55rem;bottom:.55rem;left:.42rem}.vm__punten li{font-weight:500;line-height:1.45;position:relative}.vm__punten li:before{content:"";background:var(--bg);width:.95rem;height:.95rem;box-shadow:inset 0 0 0 3px var(--accent);border-radius:50%;position:absolute;top:.2rem;left:-1.75rem}.vm__link{margin-top:.25rem}.vm__traject{border-top:1px solid var(--line-strong);gap:1.25rem 2.5rem;margin-top:clamp(4.5rem,9vw,7.5rem);padding-top:1.75rem;display:grid}.vm__traject-kop{font-family:var(--heading-font);letter-spacing:-.012em;margin:0;font-size:1.5rem;font-weight:400;line-height:1.2}.vm__stappen{gap:0;margin:0;padding:0;list-style:none;display:grid}.vm__stappen li{align-items:center;gap:.7rem;min-height:2.5rem;font-weight:600;display:flex;position:relative}.vm__stip{z-index:1;background:var(--bg);width:.8rem;height:.8rem;box-shadow:inset 0 0 0 2.5px var(--accent);border-radius:50%;flex:none;position:relative}.vm__stappen li:first-child .vm__stip{background:var(--accent)}.vm__stappen li:not(:last-child):after{content:"";background:var(--accent);width:2px;height:100%;position:absolute;top:50%;left:calc(.4rem - 1px)}.vm__traject-link{justify-self:start}@media (min-width:900px){.vm__traject{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.vm__stappen{flex-wrap:wrap;gap:.25rem 0;display:flex}.vm__stappen li{padding-right:3.5rem}.vm__stappen li:not(:last-child):after{width:2rem;height:2px;top:calc(50% - 1px);left:auto;right:.9rem}.vm__stappen li:last-child{padding-right:0}.vm__traject-link{justify-self:end}}@media (min-width:1024px){.vm__rij{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:clamp(1.5rem,2.5vw,2.5rem)}.vm__scene{aspect-ratio:7/5.6;grid-column:1/span 7}.vm__tekst{grid-column:9/span 4}.vm__rij[data-kant=rechts] .vm__scene{grid-area:1/6/auto/span 7}.vm__rij[data-kant=rechts] .vm__tekst{grid-area:1/1/auto/span 4}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:root:not([data-beweging=uit]) .vm__rij{view-timeline:--vm block}:root:not([data-beweging=uit]) :is(.vm__pad,.vm__bord){animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--vm;animation-range:entry 5% cover 48%}:root:not([data-beweging=uit]) .vm__pad{animation-name:vm-pad}:root:not([data-beweging=uit]) .vm__bord{animation-name:vm-bord}@media (min-width:1024px){:root:not([data-beweging=uit]) .vm__uitzicht>img{animation:linear both vm-uitzicht;animation-timeline:--vm;animation-range:entry 5% cover 48%}}}}@keyframes vm-uitzicht{0%{transform:scale(1)}}@keyframes vm-pad{0%{transform:scale(.8,.92)}}@keyframes vm-bord{0%{transform:translateY(-2.2rem)}}@media (max-width:1023.98px){.vm__uitzicht>img{transform:scale(1.04)}}@media (max-width:389.98px){.vm__scene{width:100%;min-height:18.8rem}}
