.dp .dp-scene-blok{padding-block:var(--strak) 0}.dp .dp-scene-donker{background:var(--kleur-donker);color:var(--kleur-donker-tekst);padding-block:var(--ruim)}.dp .dp-scene-donker:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(ellipse 70% 46% at 62% 110%, rgba(var(--fade), .55) 0%, rgba(var(--fade), .4) 20%, rgba(var(--fade), .24) 40%, rgba(var(--fade), .1) 62%, rgba(var(--fade), 0) 88%), radial-gradient(ellipse 34% 30% at 4% 104%, #6a9eff5c 0%, #6a9eff24 50%, #6a9eff00 85%), radial-gradient(ellipse 30% 26% at 96% -6%, rgba(var(--fade), .26) 0%, rgba(var(--fade), .1) 50%, rgba(var(--fade), 0) 85%);position:absolute;inset:0}.dp .dp-scene-donker:after{content:"";z-index:-1;pointer-events:none;background-image:var(--korrel);opacity:.16;mix-blend-mode:screen;background-size:180px 180px;position:absolute;inset:0}.dp .dp-scene-kop{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.dp .dp-scene-lead{max-width:36em;color:var(--op-donker)}.dp .dp-scene-raster{align-items:center;gap:28px;margin-top:clamp(48px,5vw,80px);display:grid}@media (min-width:1024px){.dp .dp-scene-raster{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(36px,4vw,64px)}}.dp .dp-scene-stappen{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dp .dp-scene-knop{width:100%;color:var(--op-donker);font:inherit;text-align:left;cursor:pointer;transition:background-color .4s var(--ease-uit), border-color .4s var(--ease-uit), color .4s var(--ease-uit);background:#f8f7f408;border:1px solid #f8f7f41a;border-radius:16px;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px 14px;padding:14px 16px 12px;display:grid}.dp .dp-scene-knop:focus-visible{outline:2px solid var(--kleur-accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.dp .dp-scene-knop:hover{color:var(--kleur-donker-tekst);background:#f8f7f412}}.dp .dp-scene-nr{width:36px;height:36px;transition:background-color .4s var(--ease-uit), border-color .4s var(--ease-uit), color .4s var(--ease-uit);border:1.5px solid #f8f7f447;border-radius:50%;place-items:center;font-size:15px;font-weight:600;display:grid}.dp .dp-scene-tekst{gap:2px;padding-top:5px;display:grid}.dp .dp-scene-tekst strong{font-family:var(--font-kop), system-ui, sans-serif;letter-spacing:-.01em;color:inherit;font-size:19px;font-weight:600}.dp .dp-scene-tekst span{margin-top:2px;font-size:16px;line-height:1.45;display:block}.dp .dp-scene-balk{background:#f8f7f41a;border-radius:2px;grid-column:1/-1;height:2px;overflow:hidden}.dp .dp-scene-balk i{background:linear-gradient(90deg, var(--vol), var(--kleur-accent));transform-origin:0;width:100%;height:100%;display:block;scale:0 1}.dp .dp-scene-stap[data-aan=ja] .dp-scene-knop{border-color:rgba(var(--fade), .55);color:var(--kleur-donker-tekst);background:#f8f7f417}.dp .dp-scene-stap[data-aan=ja] .dp-scene-nr{background:var(--vol);border-color:var(--vol);color:var(--kleur-tekst)}.dp .dp-scene-stap[data-aan=klaar] .dp-scene-nr{border-color:var(--vol);color:var(--kleur-donker-tekst)}.dp .dp-scene-stap[data-aan=klaar] .dp-scene-balk i{background:rgba(var(--fade), .6);scale:1}.dp [data-speelt=ja] .dp-scene-stap[data-aan=ja] .dp-scene-balk i{animation:dp-balk var(--stapduur) linear both}.dp [data-speelt=nee] .dp-scene-stap[data-aan=ja] .dp-scene-balk i{scale:1}@keyframes dp-balk{0%{scale:0 1}to{scale:1}}.dp .dp-scene-toneel{min-width:0;position:relative}.dp .dp-scene-nu{display:none}@media (max-width:1023px){.dp .dp-scene-raster{gap:14px}.dp .dp-scene-stappen{gap:6px;display:flex}.dp .dp-scene-stap{flex:1 1 0;min-width:0}.dp .dp-scene-knop{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:8px;padding:8px 6px}.dp .dp-scene-tekst{display:none}.dp .dp-scene-balk{width:100%}.dp .dp-scene-nu{text-align:center;min-height:76px;color:var(--op-donker);gap:4px;margin:0;display:grid}.dp .dp-scene-nu strong{font-family:var(--font-kop), system-ui, sans-serif;color:var(--kleur-donker-tekst);font-size:19px;font-weight:600}.dp .dp-scene-nu span{font-size:16px;line-height:1.45}}.dp .dp-projecten{padding-block:var(--ruim) var(--strak)}.dp .dp-projectlijst{grid-template-columns:minmax(0,1fr);align-items:start;gap:40px 28px;margin-top:clamp(40px,4.4vw,64px);display:grid}@media (min-width:700px){.dp .dp-projectlijst{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.dp .dp-projectlijst[data-aantal="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.dp .dp-project{align-content:start;gap:24px;display:grid}.dp .dp-project-kader{border-radius:var(--radius-kaart);background:var(--kleur-oppervlak);border:1px solid var(--kleur-lijn);color:inherit;transition:translate .3s var(--ease-uit), box-shadow .3s var(--ease-uit);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden;box-shadow:0 34px 64px -38px #2d2e356b}.dp .dp-project-scherm{aspect-ratio:16/10;display:block;overflow:hidden}.dp .dp-project-scherm img{object-fit:cover;object-position:top;width:100%;height:100%;transition:scale .9s var(--ease-uit);display:block}@media (hover:hover) and (pointer:fine){.dp .dp-project-kader:hover{translate:0 -4px;box-shadow:0 44px 80px -40px #2d2e3580}.dp .dp-project-kader:hover .dp-project-scherm img{scale:1.04}}.dp .dp-project-kader:focus-visible{outline:2px solid var(--kleur-accent);outline-offset:4px}.dp .dp-project-ui{isolation:isolate;aspect-ratio:16/11.4;border-radius:var(--radius-kaart);border:1px solid var(--kleur-lijn);background:radial-gradient(ellipse 80% 70% at 50% 110%, #a985ea8c 0%, #a985ea4d 40%, #a985ea00 80%), linear-gradient(180deg, var(--kleur-oppervlak) 0%, var(--kleur-lila-licht) 100%);place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 64px -38px #2d2e356b}.dp .dp-project-ui:after{content:"";z-index:-1;pointer-events:none;background-image:var(--korrel);opacity:.25;mix-blend-mode:multiply;background-size:180px 180px;position:absolute;inset:0}.dp .dp-project-ui-kaart{background:var(--kleur-oppervlak);border-radius:18px;gap:10px;width:82%;padding:clamp(16px,1.6vw,22px);display:grid;box-shadow:0 30px 60px -30px #2d2e3573}.dp .dp-project-ui-kop{border-bottom:1px solid var(--kleur-lijn);align-items:center;gap:10px;padding-bottom:10px;display:flex}.dp .dp-project-ui-kop img{border-radius:8px;width:30px;height:30px;display:block}.dp .dp-project-ui-kop strong{font-family:var(--font-kop), system-ui, sans-serif;letter-spacing:-.01em;font-size:18px;font-weight:600}.dp .dp-project-ui-regels{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dp .dp-project-ui-regel{align-items:center;gap:12px;min-height:34px;font-size:15px;font-weight:500;display:flex}.dp .dp-project-ui-vink{background:var(--kleur-lila);border-radius:50%;flex:none;width:22px;height:22px;position:relative}.dp .dp-project-ui-vink:after{content:"";border:solid var(--kleur-tekst);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:4px;left:7px;rotate:45deg}@media (prefers-reduced-motion:no-preference){.dp .dp-project-ui-regel{animation:dp-ui-regel 8s var(--ease-uit) infinite both}.dp .dp-project-ui-regel[data-j="1"]{animation-delay:.5s}.dp .dp-project-ui-regel[data-j="2"]{animation-delay:1s}.dp .dp-project-ui-regel[data-j="3"]{animation-delay:1.5s}}@keyframes dp-ui-regel{0%{opacity:.25;translate:-6px}8%,88%{opacity:1;translate:0}to{opacity:.25;translate:-6px}}.dp .dp-project-tekst{justify-items:start;gap:12px;display:grid}.dp .dp-project-regel{font-size:var(--brood);color:var(--kleur-tekst-zacht);margin:0;line-height:1.55}.dp .dp-project-chips{flex-wrap:wrap;gap:8px;display:flex}.dp .dp-project-meer{text-align:center;margin:clamp(36px,4vw,56px) 0 0}.dp .dp-uitleg{padding-block:var(--ruim) var(--strak)}@media (min-width:1024px){.dp .dp-kop-enkel{grid-template-columns:minmax(0,1fr)}}.dp .dp-kop-midden .dp-lead{max-width:40em;margin-inline:auto}.dp .dp-vergelijk{align-items:start;gap:16px;margin-top:clamp(40px,4.4vw,64px);display:grid}@media (min-width:900px){.dp .dp-vergelijk{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch;gap:20px}}.dp .dp-vergelijk-kant{border-radius:var(--radius-kaart);border:1px solid var(--kleur-lijn);flex-direction:column;gap:18px;padding:clamp(24px,2.6vw,36px);display:flex}.dp .dp-vergelijk-voor{background:var(--kleur-oppervlak)}.dp .dp-vergelijk-na{background:var(--kleur-oppervlak);box-shadow:0 30px 60px -38px #2d2e3566}.dp .dp-vergelijk-lijst{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dp .dp-vergelijk-regel{border-bottom:1px solid var(--kleur-lijn);min-height:52px;font-size:var(--brood);align-items:center;gap:14px;padding-block:6px;line-height:1.4;display:flex}.dp .dp-vergelijk-regel:last-child{border-bottom:0}.dp .dp-vergelijk-voor .dp-vergelijk-regel{color:var(--kleur-tekst-zacht)}.dp .dp-vergelijk-nr{border:1.5px solid var(--kleur-lijn);width:30px;height:30px;color:var(--kleur-tekst-zacht);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.dp .dp-vergelijk-vink{background:var(--vol);border-radius:50%;flex:none;width:30px;height:30px;position:relative}.dp .dp-vergelijk-vink:after{content:"";border:solid var(--kleur-tekst);border-width:0 2px 2px 0;width:6px;height:12px;position:absolute;top:7px;left:11px;rotate:45deg}.dp .dp-vergelijk-slot{border-top:2px solid var(--vol);margin:auto 0 0;padding-top:16px;font-weight:600}.dp .dp-vergelijk-voor .dp-vergelijk-slot{border-top-color:var(--kleur-tekst-gedempt)}.dp .dp-vergelijk-pijl{color:var(--kleur-tekst-gedempt);place-items:center;display:grid}.dp .dp-vergelijk-pijl .pijl-masker{width:18px;height:18px}@media (max-width:899px){.dp .dp-vergelijk-pijl{height:24px;rotate:90deg}}.dp .dp-vergelijk-na .dp-vergelijk-lijst{view-timeline:--dp-vergelijk block}@media (prefers-reduced-motion:no-preference){.dp .dp-vergelijk-vink{animation:linear both dp-vink;animation-timeline:--dp-vergelijk}.dp .dp-vergelijk-regel[data-j="0"] .dp-vergelijk-vink{animation-range:entry 40% entry 70%}.dp .dp-vergelijk-regel[data-j="1"] .dp-vergelijk-vink{animation-range:entry 60% entry 90%}.dp .dp-vergelijk-regel[data-j="2"] .dp-vergelijk-vink{animation-range:entry 80% cover 30%}.dp .dp-vergelijk-regel[data-j="3"] .dp-vergelijk-vink{animation-range:entry 100% cover 40%}}@keyframes dp-vink{0%{background:var(--kleur-achtergrond-zacht);scale:.8}70%{scale:1.1}to{background:var(--vol);scale:1}}.dp .dp-punten{grid-template-columns:minmax(0,1fr);gap:36px 28px;margin-top:clamp(40px,4.4vw,64px);display:grid}@media (min-width:900px){.dp .dp-punten{grid-template-columns:repeat(3,minmax(0,1fr))}}.dp .dp-punt{align-content:start;gap:12px;display:grid}.dp .dp-punt-lijn{background:linear-gradient(90deg, var(--vol), var(--kleur-accent));transform-origin:0;border-radius:3px;height:3px;margin-bottom:14px;display:block}@media (prefers-reduced-motion:no-preference){.dp .dp-punt-lijn{animation:linear both lijn-teken;animation-timeline:view();animation-range:entry 40% cover 35%}}.dp .dp-punt-nr{font-family:var(--font-kop), system-ui, sans-serif;color:var(--kleur-tekst-zacht);font-size:15px;font-weight:600}.dp .dp-punt-tekst{font-size:var(--brood);color:var(--kleur-tekst-zacht);max-width:26em;margin:0;line-height:1.55}.dp .dp-voorbeelden{padding-block:var(--ruim) var(--strak)}.dp .dp-voorbeeldlijst{grid-template-columns:minmax(0,1fr);gap:20px}@media (min-width:700px){.dp .dp-voorbeeldlijst{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.dp .dp-voorbeeldlijst[data-aantal="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.dp .dp-voorbeeld{background:var(--kleur-oppervlak);border:1px solid var(--kleur-lijn);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:translate .3s var(--ease-uit), box-shadow .3s var(--ease-uit);flex-direction:column;gap:14px;padding:clamp(24px,2.4vw,32px);display:flex}@media (hover:hover) and (pointer:fine){.dp .dp-voorbeeld:hover{translate:0 -4px;box-shadow:0 30px 60px -32px #2d2e3559}}.dp .dp-voorbeeld-tekst{margin:0}.dp .dp-stroom{margin-top:2px}.dp .dp-voorbeeld-oplevert{border-top:1px solid var(--kleur-lijn);align-items:baseline;gap:12px;margin:auto 0 0;padding-top:16px;font-weight:600;line-height:1.45;display:flex}.dp .dp-oproep{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;margin-top:clamp(36px,4vw,56px);display:flex}.dp .dp-oproep-tekst{font-size:var(--brood);text-wrap:balance;max-width:48em;margin:0;font-weight:600;line-height:1.5}.dp .dp-voorbeeld-streep{background:var(--vol);border-radius:3px;flex:none;width:18px;height:3px;display:block;translate:0 -4px}@media (min-width:1024px){.dp .dp-kop-links{grid-template-columns:minmax(0,1fr)}}.dp .dp-kop-links .dp-lead{text-wrap:pretty;max-width:40em}.vragen-lead{text-wrap:pretty;max-width:32em;margin:20px 0 0}.dp .dp-project-ui{padding-block:24px;overflow:visible}.dp .dp-project-ui:after{border-radius:inherit}