.kw{--kw-l:90%;--kw-c:.07;--kw-shadow:rgba(0,0,0,.18);--kw-gap:clamp(.75rem, 1.6vw, 1.5rem);position:relative;margin-top:1.5rem;height:clamp(520px,78vh,760px);overflow:hidden;perspective:1800px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent)}:root[data-theme=dark] .kw{--kw-l:25%;--kw-c:.11;--kw-shadow:rgba(0,0,0,.55)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .kw{--kw-l:25%;--kw-c:.11;--kw-shadow:rgba(0,0,0,.55)}}.kw-rot{position:absolute;left:-16%;right:-16%;top:50%;translate:0 -50%;grid-template-columns:repeat(3,1fr);align-items:center;transform:rotateX(26deg) rotate(-10deg);transform-style:preserve-3d}.kw-col,.kw-rot{display:grid;gap:var(--kw-gap)}.kw-col{list-style:none;margin:0;padding:0;transform:translateZ(0);will-change:transform}.kw-col:nth-child(n+4){display:none}@media(min-width:768px){.kw-rot{grid-template-columns:repeat(5,1fr)}.kw-col:nth-child(-n+5){display:grid}}@media(min-width:1024px){.kw-rot{grid-template-columns:repeat(7,1fr)}.kw-col:nth-child(n){display:grid}}@media(max-width:767px){.kw{height:520px}.kw-rot{left:-20%;right:-20%}}.kcard{position:relative;aspect-ratio:3/2;border-radius:var(--radius-m);overflow:clip;border:1px solid oklch(calc(var(--kw-l) - 7%) var(--kw-c) var(--hue));background:radial-gradient(120% 90% at 18% 0,oklch(calc(var(--kw-l) + 9%) calc(var(--kw-c)*1.2) var(--hue)),transparent 62%),linear-gradient(160deg,oklch(calc(var(--kw-l) + 3%) var(--kw-c) var(--hue)),oklch(calc(var(--kw-l) - 4%) calc(var(--kw-c)*.8) var(--hue)));box-shadow:0 30px 50px -28px var(--kw-shadow);transition:translate var(--t-base),box-shadow var(--t-base)}.kcard>a,.kcard>span{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none;outline-offset:-3px}.kcard img{position:relative;z-index:2;max-width:44%;max-height:36%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;filter:var(--logo-filter)}.kcard:hover{translate:0 -4px;box-shadow:0 40px 60px -30px var(--kw-shadow)}.kcard .kcard-bg{position:absolute;inset:0;z-index:0;max-width:none;max-height:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:none}.kcard .kcard-tint{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,oklch(calc(var(--kw-l) + 3%) var(--kw-c) var(--hue)/.98),oklch(var(--kw-l) var(--kw-c) var(--hue)/.9) 42%,oklch(var(--kw-l) var(--kw-c) var(--hue)/.5) 72%,oklch(calc(var(--kw-l) - 3%) var(--kw-c) var(--hue)/.15))}@media(max-width:767px){.kcard img{max-width:56%;max-height:42%}}@media(prefers-reduced-motion:reduce){.kcard{transition:none}}.klanten .head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.kw-pause{flex:none;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line-strong);border-radius:50%;color:var(--ink);background:transparent;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.kw-pause:hover{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent)}.kw-pause:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kw-pause svg{width:18px;height:18px}.kw-pause .i-play,.kw-pause[aria-pressed=true] .i-pause{display:none}.kw-pause[aria-pressed=true] .i-play{display:block}.no-js .kw-pause{display:none}