@layer sections{.bento{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"feature feature card1 card2""compact compact compact compact";display:grid}.bento__feature{border-radius:var(--radius-xl);background:var(--color-surface-muted);min-block-size:22rem;color:var(--color-text);transition:transform var(--dur-basis) var(--ease-out), box-shadow var(--dur-basis) var(--ease-out);grid-area:feature;grid-template-columns:minmax(0,1fr) minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden}.bento__feature-copy{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.bento__feature-title{font-size:var(--text-h3);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);max-inline-size:13ch;line-height:1.08}.bento__feature .btn-round{margin-block-start:auto}.bento__feature-media{position:relative}.bento__feature-media img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--dur-entree) var(--ease-out);position:absolute;inset:0}.bento__card{color:var(--color-text);flex-direction:column;gap:.5rem;text-decoration:none;display:flex}.bento__card:nth-of-type(2){grid-area:card1}.bento__card:nth-of-type(3){grid-area:card2}.bento__card-media{aspect-ratio:4/3.4;border-radius:var(--radius-lg);background:var(--color-surface-tint);margin-block-end:var(--space-1);overflow:hidden}.bento__card-media img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--dur-entree) var(--ease-out)}.bento__card-title{justify-content:space-between;align-items:center;gap:var(--space-2);letter-spacing:-.015em;font-size:1.375rem;font-weight:480;line-height:1.2;display:flex}.bento__card-title .icon{transition:transform var(--dur-basis) var(--ease-out);flex:none}.bento__feature:hover,.bento__feature:focus-visible{box-shadow:var(--shadow-md)}.bento__feature:hover img,.bento__card:hover img{transform:scale(1.035)}.bento__card:hover .bento__card-title .icon,.bento__card:focus-visible .bento__card-title .icon{transform:translate(4px)}.bento__compact{margin:var(--space-3) 0 0;border-block-start:1px solid var(--color-border);grid-area:compact;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));padding:0;display:grid}.bento__compact li+li{border-inline-start:1px solid var(--color-border)}.bento__compact a{align-items:start;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);color:var(--color-text);grid-template-columns:auto 1fr auto;text-decoration:none;display:grid}.bento__compact li:first-child a{padding-inline-start:0}.bento__compact-text{gap:.125rem;display:grid}.bento__compact-text strong{font-size:1.125rem;font-weight:500}.bento__compact-text span{font-size:var(--text-small);color:var(--color-text-muted)}.bento__compact-icon{--icon-size:2.75rem;margin-block-start:-.35rem}.bento__compact-arrow{transition:transform var(--dur-basis) var(--ease-out)}.bento__compact a:hover .bento__compact-arrow{transform:translate(4px)}.bento__more{margin-block-start:var(--space-3)}@media not (min-width:64rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"feature feature""card1 card2""compact compact"}}@media not (min-width:36rem){.bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"feature""card1""card2""compact"}.bento__feature{grid-template-columns:minmax(0,1fr)}.bento__feature-media{aspect-ratio:16/10}.bento__compact li+li{border-inline-start:0;border-block-start:1px solid var(--color-border)}.bento__compact a{padding-inline:0}}.opl-lijst{border-block-start:1px solid var(--color-border);margin:0;padding:0}.opl-lijst__item{border-block-end:1px solid var(--color-border);position:relative}.opl-lijst__link{z-index:2;align-items:center;gap:var(--space-3);color:var(--color-text);grid-template-columns:3.5rem minmax(0,1.4fr) minmax(0,1fr) auto;padding-block:clamp(1.25rem,.8rem + 1.6vw,2.25rem);text-decoration:none;display:grid;position:relative}.opl-lijst__num{font-size:var(--text-small);font-weight:var(--weight-sterk);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.opl-lijst__name{font-size:var(--text-h2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);transition:translate var(--dur-basis) var(--ease-out), color var(--dur-snel);line-height:1}.opl-lijst__meta{color:var(--color-text-muted);gap:.125rem;display:grid}.opl-lijst__verb{font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text)}.opl-lijst__arrow{border:1px solid var(--color-border-strong);block-size:3.25rem;inline-size:3.25rem;transition:background-color var(--dur-snel), color var(--dur-snel), rotate var(--dur-basis) var(--ease-out);border-radius:50%;place-items:center;display:grid}.opl-lijst__item:hover .opl-lijst__name,.opl-lijst__link:focus-visible .opl-lijst__name{translate:.75rem}.opl-lijst__item:hover .opl-lijst__arrow,.opl-lijst__link:focus-visible .opl-lijst__arrow{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);rotate:-45deg}.opl-lijst__img{z-index:1;aspect-ratio:4/3;border-radius:var(--radius-lg);opacity:0;inline-size:clamp(12rem,18vw,18rem);box-shadow:var(--shadow-lg);pointer-events:none;transition:opacity var(--dur-basis) var(--ease-out), scale var(--dur-basis) var(--ease-out), rotate var(--dur-traag) var(--ease-out);position:absolute;inset-block-start:var(--my,50%);inset-inline-start:var(--mx,60%);overflow:hidden;translate:-50% -50%;rotate:-4deg;scale:.85}.opl-lijst__img img{object-fit:cover;block-size:100%;inline-size:100%}.opl-lijst__item.is-pointer .opl-lijst__img{opacity:1;rotate:2deg;scale:1}.opl-lijst__more{margin-block-start:var(--space-3)}@media (hover:none),not (min-width:56rem){.opl-lijst__link{grid-template-columns:2.5rem minmax(0,1fr) auto}.opl-lijst__meta{grid-area:2/2}.opl-lijst__img{display:none}}.opl-stapel{gap:var(--space-4);margin:0;padding:0;display:grid}.opl-stapel__card{border-radius:var(--radius-2xl);background:var(--section-bg);min-block-size:min(34rem,72svh);box-shadow:0 -12px 40px -24px color-mix(in srgb, var(--color-primary) 40%, transparent);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid;position:sticky;inset-block-start:calc(var(--header-hoogte) + var(--space-3) + var(--i) * 1.25rem);overflow:hidden}.opl-stapel__copy{justify-content:center;align-items:flex-start;gap:var(--space-3);flex-direction:column;padding:clamp(1.5rem,1rem + 3vw,4rem);display:flex}.opl-stapel__kicker{font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.opl-stapel__title{font-size:var(--text-h1);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1}.opl-stapel__text{font-size:var(--text-lead);color:var(--color-text-muted);max-inline-size:26rem}.surface-donker .opl-stapel__copy .btn--dark{--btn-bg:var(--color-accent);--btn-fg:var(--color-on-accent);--btn-bg-hover:var(--color-accent-hover)}.opl-stapel__media{position:relative}.opl-stapel__media img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}@media not (min-width:56rem){.opl-stapel__card{grid-template-columns:minmax(0,1fr);min-block-size:0}.opl-stapel__media{aspect-ratio:16/10;order:-1}}}