.vb-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.vb-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:1.25rem;border:1px solid hsl(30 20% 84%);background:#fffc;box-shadow:0 18px 40px -30px hsl(var(--brand-navy) / .55);transition:transform .3s var(--ease-out-expo, ease-out),box-shadow .3s ease,border-color .2s ease}.vb-card:hover,.vb-card:focus-within{transform:translateY(-4px);border-color:hsl(var(--brand-blue) / .45);box-shadow:0 26px 50px -30px hsl(var(--brand-navy) / .6)}.vb-card__frame{position:relative;margin:.75rem .75rem 0;overflow:hidden;border-radius:.75rem .75rem .4rem .4rem;background:hsl(var(--brand-navy));box-shadow:0 0 0 1px hsl(var(--brand-navy) / .08)}.vb-card__frame img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .7s var(--ease-out-expo, ease-out)}.vb-card:hover .vb-card__frame img{transform:scale(1.03)}.vb-card__bar{display:flex;gap:.3rem;padding:.45rem .6rem;background:#e4eaf1}.vb-card__bar i{width:.5rem;height:.5rem;border-radius:9999px;background:#bcc5d2}.vb-card__body{display:flex;flex:1;flex-direction:column;padding:1rem 1.15rem 1.15rem}.vb-card__label{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--brand-blue))}.vb-card__title{margin:.35rem 0 0;font-size:1.125rem;font-weight:700;line-height:1.3;color:hsl(var(--brand-ink))}.vb-card__link{color:inherit;text-decoration:none}.vb-card__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.vb-card__link:focus-visible{outline:none}.vb-card:has(.vb-card__link:focus-visible){outline:2px solid hsl(var(--brand-blue));outline-offset:3px}.vb-card__meta{margin:.3rem 0 0;font-size:.875rem;font-weight:600;color:hsl(var(--brand-ink))}.vb-card__fictief{font-weight:400;color:hsl(var(--brand-slate))}.vb-card__stijl{margin:.35rem 0 0;font-size:.875rem;line-height:1.5;color:hsl(var(--brand-slate))}.vb-card__more{display:inline-flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:.85rem;font-size:.875rem;font-weight:600;color:hsl(var(--brand-blue))}.dark .vb-card{background:#ffffff0d;border-color:#ffffff1f}.dark .vb-card__bar{background:#2a3646}.vb-on-dark .vb-card{background:#ffffff0f;border-color:#ffffff24}.vb-on-dark .vb-card__title,.vb-on-dark .vb-card__meta{color:#fff}.vb-on-dark .vb-card__stijl,.vb-on-dark .vb-card__fictief{color:#e1e7efbf}.vb-on-dark .vb-card__label,.vb-on-dark .vb-card__more{color:#39dcf9}.vb-on-dark .vb-card__bar{background:#243042}.vb-on-dark .vb-card__bar i{background:#52637a}.vb-hero{padding-block:clamp(3rem,7vw,5.5rem) clamp(3rem,6vw,5rem)}.vb-title{max-width:18ch;font-size:clamp(2.25rem,5.2vw,4rem);font-weight:800;line-height:1.04;letter-spacing:-.035em;color:#fff}.vb-intro{max-width:46rem}.vb-badge{display:inline-flex;max-width:100%;border-radius:9999px;border:1px solid hsl(0 0% 100% / .22);background:#ffffff14;padding:.45rem 1rem;font-size:.875rem;font-weight:600;color:#fff}.vb-show{position:relative;padding-bottom:clamp(2rem,6vw,5rem)}.vb-show__desktop{margin:0;width:min(100%,64rem);overflow:hidden;border-radius:1rem;background:hsl(var(--brand-navy));box-shadow:0 40px 80px -40px #000000b3,0 0 0 1px #ffffff1a}.vb-show__desktop img{display:block;width:100%;height:auto}.vb-show__mobiel{position:absolute;right:0;bottom:0;width:clamp(7.5rem,18vw,14rem);margin:0;overflow:hidden;border-radius:1.6rem;border:6px solid hsl(220 30% 8%);background:#0e121b;box-shadow:0 30px 60px -30px #000c}.vb-show__mobiel img{display:block;width:100%;height:auto;border-radius:1.1rem}@media(max-width:639px){.vb-show__mobiel{right:-.25rem;width:6.5rem;border-width:4px;border-radius:1.1rem}}.vb-list{display:grid;gap:.9rem;margin:0;padding:0;list-style:none}.vb-list li{display:flex;gap:.75rem;font-size:1rem;line-height:1.6;color:hsl(var(--brand-ink))}.vb-list__icon{flex:none;width:1.25rem;height:1.25rem;margin-top:.2rem;color:hsl(var(--brand-blue))}.vb-palet{display:flex;flex-wrap:wrap;gap:.75rem}.vb-palet__kleur{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid hsl(var(--brand-line));background:#fff;padding:.3rem .75rem .3rem .3rem;font-size:.8125rem}.vb-palet__staal{width:1.6rem;height:1.6rem;border-radius:9999px;box-shadow:inset 0 0 0 1px #0000001f}.vb-palet__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:hsl(var(--brand-slate))}.dark .vb-palet__kleur{background:#ffffff0f}.vb-textlink{display:inline-flex;min-height:2.75rem;align-items:center;gap:.4rem;font-weight:600;color:hsl(var(--brand-blue));text-decoration:underline;text-underline-offset:4px}.vb-full{margin-inline:0}.vb-full__scroll{max-height:min(48rem,80vh);overflow-y:auto;border-radius:1rem;border:1px solid hsl(var(--brand-line));background:#fff;box-shadow:0 30px 60px -40px hsl(var(--brand-navy) / .5);overscroll-behavior:contain}.vb-full__scroll:focus-visible{outline:2px solid hsl(var(--brand-blue));outline-offset:3px}.vb-full__scroll img{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){.vb-card,.vb-card__frame img{transition:none}.vb-card:hover,.vb-card:focus-within{transform:none}.vb-card:hover .vb-card__frame img{transform:none}}