.kg-stappen{gap:36px;margin:0;padding:0;list-style:none;display:grid}.kg-stap{grid-template-columns:72px minmax(0,1fr);align-content:start;align-items:start;column-gap:20px;display:grid}.kg-stap__figuur{place-items:start center;padding-top:4px;display:grid}.kg-stap__figuur .kg-lokvak{width:60px}.kg-stap__tekst{gap:6px;padding-top:2px;display:grid}.kg-stap__nr{font-family:var(--heading-font);letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.8125rem;font-weight:650;font-stretch:75%}.kg-stap__naam{font-size:clamp(1.625rem,1.3rem + 1.2vw,2.25rem)}.kg-stap__prijs{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin:4px 0 0;display:flex}.kg-stap__bedrag{font-family:var(--heading-font);letter-spacing:-.02em;white-space:nowrap;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:600}.kg-stap__duur{color:var(--muted);white-space:nowrap;font-size:1rem}.kg-stap__noot{color:var(--muted);margin:0;font-size:1rem}.kg-stap__uitleg{border-top:1px solid var(--line);color:var(--ink);margin:8px 0 0;padding-top:12px;font-size:1.0625rem;line-height:1.45}.kg__meer{margin:48px 0 0}@media (min-width:640px){.kg-stappen{gap:48px var(--kolom);grid-template-columns:repeat(2,minmax(0,1fr))}.kg-stap{grid-template-columns:84px minmax(0,1fr)}.kg-stap__figuur .kg-lokvak{width:72px}}@media (min-width:1024px){.kg-stappen{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.kg-stap{grid-template-columns:minmax(0,1fr);row-gap:20px}.kg-stap__figuur{place-items:center}.kg-stap__figuur .kg-lokvak{width:min(100%,112px)}.kg-stap__naam{font-size:clamp(1.75rem,1rem + 1.1vw,2.25rem)}}.kg-lokvak{aspect-ratio:120/604;pointer-events:none;position:relative}.kg-laag{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.kg-laag--wortel{-webkit-mask-image:linear-gradient(#000 0 18.6%,#0000 22.8%);mask-image:linear-gradient(#000 0 18.6%,#0000 22.8%)}.kg-laag--banen{-webkit-mask-image:linear-gradient(#0000 32%,#000000b3 47%,#000 66%);mask-image:linear-gradient(#0000 32%,#000000b3 47%,#000 66%)}.kg-glansband{position:absolute;inset:0}.kg-glansband--stil{opacity:.4;-webkit-mask-image:linear-gradient(#0000 25%,#000 32% 38%,#0000 48%);mask-image:linear-gradient(#0000 25%,#000 32% 38%,#0000 48%)}.kg-glansna{position:absolute;inset:0}.kg-glansband--na{opacity:.4;-webkit-mask-image:linear-gradient(#0000 22%,#000 31% 38%,#0000 50%);mask-image:linear-gradient(#0000 22%,#000 31% 38%,#0000 50%)}.kg-kwast{pointer-events:none;width:230%;display:block;position:absolute;top:0;right:42%}.kg-kwast svg{transform-origin:99%;width:100%;height:auto;display:block;transform:translateY(-50%)rotate(20deg)}.kg-kwast--rust{width:110%;top:62%;right:36%}@media (min-width:1024px){.kg-kwast--rust{width:140%}}.kg-kwast--podium{display:none}.kg-haak{left:calc(100% + 12px);top:var(--a);height:calc(var(--b) - var(--a));border:2px solid var(--accent);border-left:0;border-radius:0 2px 2px 0;width:9px;position:absolute}.kg-haak__label,.kg-podium{display:none}.kg-venster{position:absolute;inset:0;overflow:hidden}.kg-venster__inhoud{position:absolute;inset:0}.kg-venster--wortel{-webkit-mask-image:linear-gradient(#0000 0,#000 4%);mask-image:linear-gradient(#0000 0,#000 4%)}.kg-venster--onder{-webkit-mask-image:linear-gradient(#000 93%,#0000);mask-image:linear-gradient(#000 93%,#0000)}.kg-venster--band{opacity:.7;height:20%;bottom:auto;-webkit-mask-image:linear-gradient(#0000,#000 45% 55%,#0000);mask-image:linear-gradient(#0000,#000 45% 55%,#0000)}.kg-venster--band>.kg-venster__inhoud{height:500%;bottom:auto}.kg-maat{right:calc(100% + 28px);top:var(--a);height:calc(var(--b) - var(--a));background:var(--line-strong);width:1px;position:absolute}.kg-maat span{background:var(--bg);z-index:2;right:0;top:calc(var(--y) * 100%);font-family:var(--heading-font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:12px;padding:2px 0 2px 8px;font-size:.75rem;font-weight:600;font-stretch:75%;display:flex;position:absolute;transform:translateY(-50%)}.kg-maat span:after{content:"";background:var(--line-strong);width:6px;height:1px}.kg-voorna{align-items:center;gap:14px;display:flex;position:absolute;inset:auto 0 0 auto}.kg-voorna__staal{justify-items:center;gap:8px;display:grid}.kg-voorna__woord{font-family:var(--heading-font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:650;font-stretch:75%}.kg-voorna__pijl{fill:none;width:28px;height:12px;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px}.kg-chip--wortel{background:repeating-linear-gradient(90deg, #ffffff24 0 1px, transparent 1px 3px, #0000001a 3px 4px, transparent 4px 6px), linear-gradient(to bottom, var(--wortel) 0 20%, transparent 30%), var(--staal)}.kg-chip--banen{background:repeating-linear-gradient(90deg, #ffffff24 0 1px, transparent 1px 3px, #0000001a 3px 4px, transparent 4px 6px), linear-gradient(to bottom, var(--staal) 0 38%, transparent 60%), repeating-linear-gradient(90deg, var(--baan) 0 5px, var(--staal) 5px 9px)}.kg-chip--glans:after{content:"";background:linear-gradient(#0000,#ffd29ab3,#0000);height:14%;position:absolute;inset:22% 0 auto}@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root:not([data-beweging=uit]) .kg__spoor{column-gap:var(--kolom);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}:root:not([data-beweging=uit]) .kg-stappen{grid-area:1/1/auto/span 5;margin:0;padding-block:8svh 0;display:block}:root:not([data-beweging=uit]) .kg-stap{min-height:100svh;display:block}:root:not([data-beweging=uit]) .kg-stap:last-child{min-height:118svh}:root:not([data-beweging=uit]) .kg .kg-stap__figuur{display:none}:root:not([data-beweging=uit]) .kg-stap__tekst{top:calc(var(--kop-hoogte) + 9svh);gap:12px;max-width:30rem;margin-bottom:30svh;position:sticky}:root:not([data-beweging=uit]) .kg-stap__nr{letter-spacing:-.02em;color:var(--line-strong);margin-bottom:6px;font-size:clamp(4.5rem,2rem + 4vw,7.5rem);font-weight:300;font-stretch:75%;line-height:.85}:root:not([data-beweging=uit]) .kg-stap__naam{font-size:clamp(2.5rem,1.3rem + 2.1vw,4rem)}:root:not([data-beweging=uit]) .kg-stap__bedrag{font-size:clamp(2rem,1.2rem + 1.5vw,3.25rem)}:root:not([data-beweging=uit]) .kg-stap__duur{font-size:1.125rem}:root:not([data-beweging=uit]) .kg-stap__noot{font-size:1.0625rem}:root:not([data-beweging=uit]) .kg-stap__uitleg{margin-top:14px;padding-top:16px;font-size:clamp(1.25rem,1rem + .45vw,1.5rem);line-height:1.35}:root:not([data-beweging=uit]) .kg-podium{grid-area:1/6/auto/span 7;display:block;position:relative}:root:not([data-beweging=uit]) .kg-podium__binnen{top:var(--kop-hoogte);height:calc(100svh - var(--kop-hoogte));grid-template-rows:auto minmax(0,1fr);padding-block:24px 32px;display:grid;position:sticky}:root:not([data-beweging=uit]) .kg-podium__label{justify-self:end}:root:not([data-beweging=uit]) .kg-podium__vak{grid-template-columns:1fr auto 1fr;min-height:0;display:grid;position:relative}:root:not([data-beweging=uit]) .kg-podium .kg-lokvak{grid-column:2;align-self:center;height:100%;max-height:780px}:root:not([data-beweging=uit]) .kg-podium .kg-lokvak>*,:root:not([data-beweging=uit]) .kg-podium .kg-venster__inhoud{will-change:transform}:root:not([data-beweging=uit]) .kg-podium__stalen{grid-column:3;position:relative}:root:not([data-beweging=uit]) .kg-kwast--podium{opacity:0;visibility:hidden;display:block}:root:not([data-beweging=uit]) .kg-podium .kg-haak__label{width:max-content;max-width:9em;font-family:var(--heading-font);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.9375rem;font-weight:650;font-stretch:75%;line-height:1.2;display:block;position:absolute;top:50%;left:22px;transform:translateY(-50%)}:root:not([data-beweging=uit]) .kg-podium :is(.kg-haak,.kg-voorna,.kg-glansna){opacity:0;visibility:hidden}:root:not([data-beweging=uit]) .kg-podium :is([data-venster=heel],[data-venster=toner]){transform:translateY(-100%)}:root:not([data-beweging=uit]) .kg-podium :is([data-venster=heel],[data-venster=toner])>.kg-venster__inhoud{transform:translateY(100%)}:root:not([data-beweging=uit]) .kg-podium [data-venster=banen]{transform:translateY(-62.85%)}:root:not([data-beweging=uit]) .kg-podium [data-venster=banen]>.kg-venster__inhoud{transform:translateY(62.85%)}:root:not([data-beweging=uit]) .kg-podium [data-venster=glans]{transform:translateY(-100%)}:root:not([data-beweging=uit]) .kg-podium [data-venster=glans]>.kg-venster__inhoud{transform:translateY(20%)}}.kg-pm{display:none}@keyframes kg-pm-veeg{0%{translate:0 calc(var(--pmL) * .015)}to{translate:0 calc(var(--pmL) * 1.03)}}@keyframes kg-pm-vervaag{0%{opacity:0}10%{opacity:1}84%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:no-preference){:root:not([data-beweging=uit]) .kg[data-regie-mobiel]{--pmL:min(calc(100vw - 2 * var(--goot)), 34rem);--pmD:calc(var(--pmL) / 5.033);--pm-tijd:1.2s;--pm-ease:cubic-bezier(.5, .05, .3, 1)}:root:not([data-beweging=uit]) .kg[data-regie-mobiel] .kg-stap__figuur{display:none}:root:not([data-beweging=uit]) .kg[data-regie-mobiel] .kg-stappen{margin:0;display:block}:root:not([data-beweging=uit]) .kg[data-regie-mobiel] .kg-stap{min-height:64svh;padding-block:5svh 0;display:block}:root:not([data-beweging=uit]) .kg[data-regie-mobiel] .kg-stap:last-child{min-height:0;padding-bottom:6svh}:root:not([data-beweging=uit]) .kg[data-regie-mobiel] .kg-stap__tekst{gap:8px;max-width:34rem}:root:not([data-beweging=uit]) .kg[data-regie-mobiel] .kg-stap__nr{letter-spacing:-.02em;color:var(--line-strong);margin-bottom:6px;font-size:clamp(3.25rem,1.6rem + 7vw,5rem);font-weight:300;line-height:.85}:root:not([data-beweging=uit]) .kg[data-regie-mobiel] .kg-stap__uitleg{font-size:1.1875rem;line-height:1.4}:root:not([data-beweging=uit]) .kg[data-regie-mobiel] .kg-pm{top:var(--kop-hoogte);z-index:3;margin-inline:calc(var(--goot) * -1);padding:14px var(--goot) 0;background:var(--bg);border-bottom:1px solid var(--line);display:block;position:sticky;overflow:clip}.kg-pm__vak{width:var(--pmL);height:calc(var(--pmD) + 56px);margin-inline:auto;position:relative}.kg-pm__draai{left:50%;top:calc(var(--pmD) / 2);width:var(--pmD);height:var(--pmL);position:absolute;translate:-50% -50%;rotate:-90deg}.kg-pm__draai .kg-pm__laag{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.kg-pm__venster{--w:clamp(0, calc(var(--j) - var(--actief,0)), 1);translate:0 calc(var(--w) * -100%);transition:translate var(--pm-tijd) var(--pm-ease);position:absolute;inset:0;overflow:hidden}.kg-pm__inhoud{translate:0 calc(var(--w) * 100%);transition:translate var(--pm-tijd) var(--pm-ease);position:absolute;inset:0}.kg-pm__baan{pointer-events:none;position:absolute;inset:0}.kg-pm__kwast{opacity:0;width:280%;position:absolute;top:0;right:42%}.kg-pm__kwast svg{transform-origin:99%;width:100%;height:auto;display:block;transform:translateY(-50%)rotate(20deg)}.kg-pm[data-richting=voor][data-actief="1"] .kg-pm__baan[data-stap="1"] .kg-pm__kwast,.kg-pm[data-richting=voor][data-actief="2"] .kg-pm__baan[data-stap="2"] .kg-pm__kwast,.kg-pm[data-richting=voor][data-actief="3"] .kg-pm__baan[data-stap="3"] .kg-pm__kwast,.kg-pm[data-richting=voor][data-actief="4"] .kg-pm__baan[data-stap="4"] .kg-pm__kwast{animation:kg-pm-veeg var(--pm-tijd) var(--pm-ease) both, kg-pm-vervaag var(--pm-tijd) linear both}.kg-pm__onder{left:0;right:0;top:calc(var(--pmD) + 6px);z-index:2;height:46px;position:absolute}.kg-pm__zone{--d:calc(var(--j) - var(--actief,0));opacity:clamp(0, calc(1 - var(--d) * var(--d)), 1);transition:opacity .35s;position:absolute;inset:0}.kg-pm__haak{top:0;left:var(--a);width:calc(var(--b) - var(--a));border:2px solid var(--accent);border-top:0;border-radius:0 0 2px 2px;height:9px;position:absolute}.kg-pm__label{top:16px;left:var(--m);translate:calc(var(--mf,.5) * -100%) 0;background:var(--bg);font-family:var(--heading-font);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap;padding:2px 8px 2px 0;font-size:.875rem;font-weight:650;font-stretch:75%;line-height:1.2;position:absolute}}