@layer sections{.verkenner-scene{--stap-lengte:35svh;padding-block:var(--space-8) var(--space-6)}.verkenner-story{--story-steps:var(--stappen,4)}.verkenner-story__grid{gap:var(--space-5) var(--space-6);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.verkenner-story__grid>:first-child{container-type:inline-size}.verkenner-story__title{font-size:min(var(--text-h1), 13cqi);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);max-inline-size:14ch;margin-block-start:var(--space-3);line-height:1.04}.verkenner-story__intro{color:var(--color-text-muted);max-inline-size:30rem;margin-block-start:var(--space-3)}.verkenner-story__panels{gap:var(--space-2);margin-block-start:var(--space-5);display:grid}.story-step{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-raised);flex-direction:column;padding-inline-end:calc(var(--space-4) + 3.5rem);display:flex;position:relative}.story-step>.link-arrow{margin-block-start:auto;padding-block-start:var(--space-1)}.story-step__icoon{background:color-mix(in srgb, var(--color-highlight) 30%, var(--color-surface-raised));block-size:3rem;inline-size:3rem;color:var(--color-text);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.story-step__icoon .icon{--icon-size:1.5rem}.story-step__kicker{font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.story-step__kicker span{color:var(--color-text)}.story-step__kicker span:before{content:"";background:var(--color-accent);vertical-align:.1em;border-radius:50%;block-size:.5rem;inline-size:.5rem;margin-inline-end:.5rem;display:inline-block}.story-step__title{font-size:var(--text-h3);font-weight:var(--weight-display);margin-block-start:var(--space-1)}.story-step__text{margin-block:var(--space-2) var(--space-1);color:var(--color-text-muted);font-size:var(--text-small);max-inline-size:34rem}.js .verkenner-story__panels{grid-template-areas:"stap";display:grid}.js .story-step{opacity:0;visibility:hidden;transition:opacity var(--dur-basis) var(--ease-out), transform var(--dur-basis) var(--ease-out), visibility 0s linear var(--dur-basis);grid-area:stap;transform:translateY(10px)}.js .story-step.is-active{opacity:1;visibility:visible;transition-delay:0s;transform:none}.verkenner-story__note{justify-content:flex-end;margin-block-start:var(--space-2);display:flex}.verkenner-story__visual .verkenner__card,.verkenner-story__visual .verkenner__tether{display:none}.verkenner-story__tabs{grid-template-columns:repeat(var(--story-steps), minmax(0, 1fr));gap:var(--space-1);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text-inverse) 6%, transparent);border:1px solid var(--color-border);margin-block-start:var(--space-5);padding:.375rem;display:grid;position:relative}.story-tab{min-block-size:3rem;padding-inline:var(--space-2);border-radius:var(--radius-pill);color:var(--color-text);font-weight:var(--weight-ui);transition:background-color var(--dur-basis) var(--ease-out), color var(--dur-basis) var(--ease-out);justify-content:center;align-items:center;gap:.625rem;display:inline-flex}.story-tab:hover{background:color-mix(in srgb, var(--color-text-inverse) 8%, transparent)}.story-tab[aria-selected=true]{background:var(--color-highlight);color:var(--on-light-text)}html:not(.js) .verkenner-story__tabs{display:none}.story-tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.verkenner-story__cta{justify-content:center;margin-block-start:var(--space-4);display:flex}@media not (min-width:64rem){.verkenner-story__grid{grid-template-columns:minmax(0,1fr)}.verkenner-story__visual{order:-1}.verkenner-story__panels{margin-block-start:var(--space-3)}}@media not (min-width:40rem){.verkenner-story__tabs{border-radius:var(--radius-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.story-tab{justify-content:flex-start}}@media (min-width:64rem) and (not (min-height:62rem)){.is-scene .verkenner-story{padding-block:calc(var(--header-hoogte) + var(--space-2)) var(--space-3)}.verkenner-story__title{font-size:min(var(--text-h2), 11cqi);margin-block-start:var(--space-2)}.verkenner-story__intro{margin-block-start:var(--space-2)}.verkenner-story__panels{margin-block-start:var(--space-3)}.story-step{padding:var(--space-3)}.verkenner-story__tabs{margin-block-start:var(--space-3)}}@media (min-width:64rem) and (not (min-height:50rem)){.is-scene .verkenner-story{padding-block:calc(var(--header-hoogte) + var(--space-1)) var(--space-2)}.verkenner-story__title{font-size:min(var(--text-h3), 9cqi)}.verkenner-story__panels,.verkenner-story__tabs{margin-block-start:var(--space-2)}.story-step{padding:var(--space-2) var(--space-3)}}@media (min-height:40rem) and (prefers-reduced-motion:no-preference){:is(.js:not(.js-laat) .verkenner-scene:not(.scene-uit),.verkenner-scene.is-scene){block-size:calc(100svh + var(--stappen,4) * var(--stap-lengte));padding-block:0}.verkenner-scene.is-scene .verkenner-story{block-size:100svh;padding-block:calc(var(--header-hoogte) + var(--space-4)) var(--space-5);grid-template-rows:minmax(0,1fr) auto;align-content:center;display:grid;position:sticky;inset-block-start:0}@media not (min-width:64rem){.verkenner-scene{--stap-lengte:45svh}.verkenner-scene.is-scene .verkenner-story{padding-block:var(--space-3) var(--space-2);align-content:stretch}}.verkenner-scene.is-scene .verkenner__canvas{transform:translate(calc((50% - var(--fx,50%)) * .07), calc((50% - var(--fy,50%)) * .07)) scale(1.07);transition:transform 1.1s var(--ease-zacht);will-change:transform}.verkenner-scene.is-scene .verkenner-story__grid{align-self:center}.verkenner-story__progress{inset-inline:var(--space-3);background:var(--color-highlight);block-size:2px;transform:scaleX(var(--p,0));transform-origin:0;will-change:transform;z-index:1;border-radius:1px;position:absolute;inset-block-end:-.75rem}.verkenner-scene.is-scene .verkenner-story__tabs:after{content:"";inset-inline:var(--space-3);background:color-mix(in srgb, var(--color-text) 16%, transparent);border-radius:1px;block-size:2px;position:absolute;inset-block-end:-.75rem}}@media (min-height:40rem) and (not (min-width:64rem)) and (prefers-reduced-motion:no-preference){.verkenner-scene.is-scene .verkenner-story__grid{align-self:stretch;gap:var(--space-2);grid-template-rows:auto minmax(0,1fr) auto;block-size:100%;min-block-size:0}.verkenner-scene.is-scene .verkenner-story__copy{display:contents}.verkenner-scene.is-scene .verkenner-story__copy>.eyebrow,.verkenner-scene.is-scene .verkenner-story__intro,.verkenner-scene.is-scene .story-step__kicker{display:none}.verkenner-scene.is-scene .verkenner-story__title{grid-row:1;max-inline-size:none;margin:0;font-size:clamp(1.75rem,min(8vw,5svh),3rem)}.verkenner-scene.is-scene .verkenner-story__visual{order:0;grid-row:2;align-content:center;align-self:stretch;justify-items:center;min-block-size:0;display:grid;position:relative;container-type:size}.verkenner-scene.is-scene .verkenner-story__visual .verkenner{inline-size:min(100cqi,150cqb - 1.5rem)}.verkenner-scene.is-scene .verkenner-story__note{z-index:5;white-space:nowrap;justify-content:center;margin:0;font-size:.6875rem;position:absolute;inset-block-end:0;inset-inline:0}.verkenner-scene.is-scene .verkenner-story__panels{grid-row:3;margin-block-start:0}.verkenner-scene.is-scene .story-step{padding:var(--space-2) var(--space-3);padding-inline-end:calc(var(--space-3) + 2.75rem)}.verkenner-scene.is-scene .story-step__icoon{block-size:2.5rem;inline-size:2.5rem;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.verkenner-scene.is-scene .story-step__icoon .icon{--icon-size:1.25rem}.verkenner-scene.is-scene .story-step__title{margin-block-start:0;font-size:clamp(1.375rem,3.6svh,1.875rem)}.verkenner-scene.is-scene .story-step__text{margin-block:.25rem 0}.verkenner-scene.is-scene .verkenner-story__tabs{grid-template-columns:repeat(var(--story-steps), minmax(0, 1fr));border-radius:var(--radius-pill);gap:.25rem;margin-block-start:var(--space-2);padding:.25rem}.verkenner-scene.is-scene .story-tab{flex-direction:column;justify-content:center;gap:.125rem;min-block-size:3rem;padding-inline:.25rem;font-size:.75rem;line-height:1.2}.verkenner-scene.is-scene .story-tab .icon{--icon-size:1.125rem}.verkenner-scene.is-scene .verkenner-story__progress,.verkenner-scene.is-scene .verkenner-story__tabs:after{inset-block-end:-.5rem}.verkenner-scene.is-scene .verkenner-story__cta{margin-block-start:.875rem}.verkenner-scene.is-scene .verkenner-story__cta .btn{min-block-size:2.75rem;padding-block:.5rem}}@media (min-height:40rem) and (min-width:40rem) and (not (min-width:64rem)) and (prefers-reduced-motion:no-preference){.verkenner-scene.is-scene .story-tab{font-size:var(--text-small);flex-direction:row;gap:.5rem}.verkenner-scene.is-scene .verkenner-story__panels{justify-self:center;inline-size:min(100%,40rem)}}}