:root{--ac: #137047;--ac-hi: #0f5637;--ac-dim: rgba(19,112,71,.1);--ac-line: rgba(19,112,71,.24)}.dal{position:relative}.dal__toneel{position:sticky;top:0;height:100svh;overflow:hidden;z-index:0;background:var(--bg-0) center / cover no-repeat;background-image:var(--dal-beeld)}.dal__doek{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .9s ease}.dal--klaar .dal__doek{opacity:1}.dal{--dal-beeld: url(dal/licht-1.webp)}.dal[data-hfd="2"]{--dal-beeld: url(dal/licht-2.webp)}.dal[data-hfd="3"]{--dal-beeld: url(dal/licht-3.webp)}.dal[data-hfd="4"]{--dal-beeld: url(dal/licht-4.webp)}:root[data-thema=donker] .dal{--dal-beeld: url(dal/donker-1.webp)}:root[data-thema=donker] .dal[data-hfd="2"]{--dal-beeld: url(dal/donker-2.webp)}:root[data-thema=donker] .dal[data-hfd="3"]{--dal-beeld: url(dal/donker-3.webp)}:root[data-thema=donker] .dal[data-hfd="4"]{--dal-beeld: url(dal/donker-4.webp)}@media(prefers-color-scheme:dark){:root:not([data-thema=licht]) .dal{--dal-beeld: url(dal/donker-1.webp)}:root:not([data-thema=licht]) .dal[data-hfd="2"]{--dal-beeld: url(dal/donker-2.webp)}:root:not([data-thema=licht]) .dal[data-hfd="3"]{--dal-beeld: url(dal/donker-3.webp)}:root:not([data-thema=licht]) .dal[data-hfd="4"]{--dal-beeld: url(dal/donker-4.webp)}}@media(max-width:899px){.dal{--dal-beeld: url(dal/licht-1-smal.webp)}.dal[data-hfd="2"]{--dal-beeld: url(dal/licht-2-smal.webp)}.dal[data-hfd="3"]{--dal-beeld: url(dal/licht-3-smal.webp)}.dal[data-hfd="4"]{--dal-beeld: url(dal/licht-4-smal.webp)}:root[data-thema=donker] .dal{--dal-beeld: url(dal/donker-1-smal.webp)}:root[data-thema=donker] .dal[data-hfd="2"]{--dal-beeld: url(dal/donker-2-smal.webp)}:root[data-thema=donker] .dal[data-hfd="3"]{--dal-beeld: url(dal/donker-3-smal.webp)}:root[data-thema=donker] .dal[data-hfd="4"]{--dal-beeld: url(dal/donker-4-smal.webp)}}@media(max-width:899px)and (prefers-color-scheme:dark){:root:not([data-thema=licht]) .dal{--dal-beeld: url(dal/donker-1-smal.webp)}:root:not([data-thema=licht]) .dal[data-hfd="2"]{--dal-beeld: url(dal/donker-2-smal.webp)}:root:not([data-thema=licht]) .dal[data-hfd="3"]{--dal-beeld: url(dal/donker-3-smal.webp)}:root:not([data-thema=licht]) .dal[data-hfd="4"]{--dal-beeld: url(dal/donker-4-smal.webp)}}.dal__toneel{transition:background-image .6s ease}.dal__toneel+.dal__hfd{margin-top:-100svh}.dal__hfd{position:relative;z-index:1;min-height:100svh;display:flex;align-items:flex-end;padding-block:84px 8svh;pointer-events:none}.dal__hfd>.wrap{width:100%}.dal__hfd--open{align-items:center}.dal__kaart{pointer-events:auto;max-width:35rem;padding:clamp(22px,3vw,34px);border-radius:var(--r-lg);background:color-mix(in srgb,var(--bg-0) 90%,transparent);box-shadow:0 1px 0 var(--edge),0 24px 60px -30px #00000059}.dal__kaart h1{font-size:clamp(2.3rem,4.4vw,3.6rem);margin-block:16px 16px;max-width:14ch}.dal__kaart .lead{font-size:1.08rem}.dal__kaart .btns{justify-content:flex-start;margin-top:22px}.dal__kaart .trust{justify-content:flex-start;margin-top:18px}.dal__kaart--klein{max-width:27rem}.dal__kaart--klein h2{font-size:clamp(1.5rem,2.4vw,2rem);margin-block:8px 10px}.dal__kaart--klein p:not(.eyebrow){color:var(--tx-2)}.dal__kaart--klein .btns{margin-top:16px}.dal__kaart .hi{color:var(--tx-0);font-weight:600}.dal__uitloop{height:35svh}.dal__toneel:after{content:"";position:absolute;inset:auto 0 0;z-index:1;height:16svh;pointer-events:none;background:var(--korrel),var(--bg-0);-webkit-mask-image:linear-gradient(to bottom,transparent,#000);mask-image:linear-gradient(to bottom,transparent,#000)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.dal{view-timeline:--dal-uit block}.dal__toneel:after{height:60svh;transform-origin:50% 100%;animation:dal-uitgang linear both;animation-timeline:--dal-uit;animation-range:exit 0% exit 30%}@keyframes dal-uitgang{0%{transform:scaleY(.27)}to{transform:scaleY(1)}}}}:root[data-beweging=uit] .dal__toneel:after{animation-name:none!important;height:16svh;transform:none}.dal__label{position:absolute;left:0;top:0;transform:translate(var(--dal-xy, -999px, -999px)) translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--tx-0);visibility:hidden;opacity:0;transition:opacity .35s ease,visibility 0s linear .35s}.dal__label span{padding:6px 12px;border-radius:999px;background:var(--bg-0);box-shadow:0 1px 0 var(--edge),0 10px 24px -12px #0006}.dal__label:after{content:"";width:1px;height:26px;background:var(--tx-0);opacity:.5}.dal__label.is-zichtbaar{visibility:visible;opacity:1;transition:opacity .35s ease}.dal__label:hover span{color:var(--ac-hi)}@media(max-width:899px){.dal__hfd{padding-block:72px 5svh;align-items:flex-end}.dal__hfd--open{align-items:flex-end}.dal__kaart h1{font-size:clamp(2rem,8.4vw,2.6rem)}}.dal--klaar .dal__toneel{background-image:none}.slot--horizon{padding-bottom:clamp(150px,20vw,260px)}.horizon{position:absolute;inset:auto 0 0;z-index:-1;height:clamp(190px,26vw,360px);background:url(dal/achterwand-licht.webp) center 88% / cover no-repeat;mask-image:linear-gradient(to bottom,transparent 0,#000 55%);pointer-events:none}:root[data-thema=donker] .horizon{background-image:url(dal/achterwand-donker.webp)}@media(prefers-color-scheme:dark){:root:not([data-thema=licht]) .horizon{background-image:url(dal/achterwand-donker.webp)}}.dal{counter-reset:hfd}.dal__hfd{counter-increment:hfd}.dal__kaart:before{content:counter(hfd,decimal-leading-zero) " / 04";display:block;margin-bottom:10px;font-family:var(--font);font-size:.78rem;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--tx-3)}.dal__meta{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--tx-3);margin-top:12px}.schets{margin-top:clamp(18px,2.2vw,26px);color:var(--tx-2);font-variant-numeric:tabular-nums}@media(min-width:760px){.stapel__kaart .schets{grid-column:2;grid-row:2}}.schets--raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;max-width:420px}.schets--raster i{display:block;aspect-ratio:1;border-radius:3px;background:var(--paneel-bar);box-shadow:inset 0 0 0 1px var(--edge)}.schets--raster i:nth-child(3n+2){background:var(--bg-3)}.schets--raster i:nth-child(5n+4){background:var(--zebra)}.schets--raster i.is-nieuw{background:var(--paneel-in);box-shadow:inset 0 0 0 1.5px var(--tx-1)}.schets--pad{display:flex;align-items:center;gap:10px;max-width:340px}.schets__vak{display:grid;gap:8px;padding:10px 12px 12px;border-radius:var(--r-sm);background:var(--paneel-in);box-shadow:inset 0 0 0 1px var(--edge-hi)}.schets__naam{font-size:.78rem;font-weight:500;color:var(--tx-2)}.schets__hoesjes{display:grid;grid-template-columns:repeat(3,16px);gap:4px}.schets__hoesjes i{display:block;aspect-ratio:1;border-radius:2px;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--edge)}.schets__vak--mac .schets__hoesjes i{background:transparent;box-shadow:none;outline:1px dashed var(--edge-glow);outline-offset:-1px}.schets__lijn{flex:1;min-width:28px;border-top:1.5px dashed var(--edge-glow)}.schets--lijst{display:grid;max-width:420px;overflow:hidden;border-radius:var(--r-sm);background:var(--paneel-in);box-shadow:inset 0 0 0 1px var(--edge);font-size:.84rem}.schets--lijst>span{display:grid;grid-template-columns:4.6em 1fr auto;gap:12px;padding:7px 14px}.schets--lijst>span:nth-child(2n){background:var(--zebra)}.schets--lijst b{font-weight:500;color:var(--tx-1)}
