.werk{background:#000;color:#fff;padding-block:clamp(64px,7vw,112px) clamp(88px,10vw,160px)}.werk__filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:clamp(48px,5.56vw,80px)}.werk .werk__teller{margin:0 0 0 auto;font-family:"Manrope",sans-serif;font-size:var(--type-caption);font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase;color:rgba(255,255,255,.78)}.werk .werk__wis{min-height:44px;padding:0;border:0;background:none;cursor:pointer;font-family:"Manrope",sans-serif !important;font-size:var(--type-caption);font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase;color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.werk .werk__wis:hover{color:#c86bff}.werk__wis:focus-visible,.filter__knop:focus-visible{outline:2px solid #fff;outline-offset:3px}.filter{position:relative}.werk .filter__knop{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 15px 0 17px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:rgba(0,0,0,0);color:#fff;cursor:pointer;font-family:"Formula Condensed","Bebas Neue",sans-serif !important;font-size:16px;font-weight:700;line-height:1;letter-spacing:.03em;text-transform:uppercase;transition:border-color 200ms ease-out}.werk .filter__naam{letter-spacing:0}.werk .filter__knop:hover,.werk .filter__knop[aria-expanded=true],.filter.is-actief .filter__knop{border-color:#fff}.werk .filter__aantal{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#9c00d8;font-family:"Manrope",sans-serif !important;font-size:12px;font-weight:700;letter-spacing:0;color:#fff}.filter__aantal[hidden]{display:none}.filter__pijl{transition:transform 200ms ease-out}.filter__knop[aria-expanded=true] .filter__pijl{transform:rotate(180deg)}.filter__paneel{position:absolute;z-index:20;top:calc(100% + 8px);left:0;min-width:240px;padding:8px;border-radius:8px;background:#f5f5f5;color:#000;transform-origin:top left;animation:filter-open 180ms ease-out}.filter__paneel[hidden]{display:none}@keyframes filter-open{from{opacity:0;transform:translateY(-4px) scale(0.98)}}.filter__paneel fieldset{margin:0;padding:0;border:0}.filter__legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.werk .filter__optie{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:4px;cursor:pointer;font-family:"Manrope",sans-serif !important;font-size:16px;font-weight:600;line-height:1.2;color:#000}.werk .filter__optie:hover{background:rgba(156,0,216,.08)}.filter__optie input{position:absolute;opacity:0;pointer-events:none}.filter__vinkje{position:relative;flex:none;width:18px;height:18px;border:2px solid #000;border-radius:4px;transition:background-color 150ms ease-out,border-color 150ms ease-out}.filter__optie input:checked+.filter__vinkje{background:#9c00d8;border-color:#9c00d8}.filter__optie input:checked+.filter__vinkje::after{content:"";position:absolute;inset:0;margin:auto;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.filter__optie input:focus-visible+.filter__vinkje{outline:2px solid #9c00d8;outline-offset:2px}.cases{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--grid-gutter);row-gap:clamp(64px,6.67vw,96px);align-items:start;margin:0;padding:0;list-style:none}.case--laag{margin-top:clamp(80px,11vw,160px)}.case{--case-gap-foto: clamp(20px, 2.08vw, 30px);--case-gap-diensten: clamp(12px, 1.11vw, 16px)}.case[hidden]{display:none}.case.is-nieuw{animation:case-in 400ms ease-out both}@keyframes case-in{from{opacity:0;transform:translateY(16px)}}.case__link{display:block;color:#fff;text-decoration:none}.case__media{position:relative;display:block;aspect-ratio:4/5;margin-bottom:var(--case-gap-foto);border-radius:8px;overflow:hidden;background:#1a1a1a}.case__media img,.case__media video{display:block;width:100%;height:100%;object-fit:cover;transition:transform 700ms cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover)and (pointer: fine){.case__link:hover .case__media img,.case__link:hover .case__media video{transform:scale(1.03)}}.case__link:focus-visible{outline:none}.case__link:focus-visible .case__media{box-shadow:0 0 0 2px #000,0 0 0 4px #fff}.werk .case__sector{position:absolute;z-index:1;top:clamp(12px,1.11vw,16px);left:clamp(12px,1.11vw,16px);padding:8px 10px 7px;border-radius:4px;background:#f5f5f5;font-family:"Manrope",sans-serif !important;font-size:12px;font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase;color:#000}.werk .case__titel{display:block;margin:0 0 calc(var(--case-gap-diensten) - .195em);font-family:"Formula Condensed","Bebas Neue",sans-serif !important;font-size:var(--type-h4);font-weight:700;line-height:1;letter-spacing:.03em;text-transform:uppercase;transition:color 200ms ease-out}.case__knal{position:absolute;z-index:2;top:50%;left:50%;display:grid;place-items:center;width:clamp(150px,20vw,300px);aspect-ratio:221/218;opacity:0;translate:-50% -50%;scale:.6;transition:opacity 220ms ease-out,scale 320ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none}.case__link.volgt .case__knal{top:0;left:0}.case__link.volgt .case__media:hover{cursor:none}.case__knal-vorm{grid-area:1/1;width:100%;height:100%;fill:#f5f5f5;translate:-2.1% 0;transform-origin:52.1% 50%;animation:case-knal-draai 10s linear infinite;animation-play-state:paused}.werk .case__knal-tekst{grid-area:1/1;position:relative;z-index:1;padding-top:.195em;font-family:"Formula Condensed","Bebas Neue",sans-serif !important;font-size:clamp(28px,3.06vw,44px);font-weight:700;line-height:1;letter-spacing:.03em;text-align:center;text-transform:uppercase;white-space:nowrap;color:#000}.case__knal-vorm{transition:fill 200ms ease-out}.werk .case__knal-tekst{transition:color 200ms ease-out}.case__knal.is-negatief .case__knal-vorm{fill:#000}.werk .case__knal.is-negatief .case__knal-tekst{color:#f5f5f5}@keyframes case-knal-draai{to{transform:rotate(360deg)}}@media(hover: hover)and (pointer: fine){.case__media:hover .case__knal,.case__link:focus-visible .case__knal{opacity:1;scale:1}.case__media:hover .case__knal-vorm,.case__link:focus-visible .case__knal-vorm{animation-play-state:running}}@media(prefers-reduced-motion: reduce){.case__knal{transition:opacity 150ms linear;scale:1}.case__knal-vorm{animation:none}}.werk .case__diensten{display:block;margin:-0.36em 0 0;font-family:"Manrope",sans-serif !important;font-size:var(--type-caption);font-weight:700;line-height:1.4;letter-spacing:0;text-transform:uppercase;color:rgba(255,255,255,.78)}.werk .case__diensten a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color 200ms ease-out}.werk .case__diensten a:hover{color:#fff}.werk .case__diensten a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:2px}.werk__leeg{padding-block:24px}.werk .werk__leeg p{margin:0;max-width:32em;font-family:"Manrope",sans-serif;font-size:var(--type-body);line-height:var(--leading-body);color:rgba(255,255,255,.78)}.werk__leeg[hidden],.werk__meer[hidden]{display:none}.werk__meer{display:flex;justify-content:center;margin-top:clamp(64px,6.67vw,96px)}.werk button.valop__cta{--cta-fill: #f5f5f5;--cta-fg-hover: #000;--cta-focus: #f5f5f5;border:0;cursor:pointer}@media(max-width: 599px){.cases{grid-template-columns:minmax(0, 1fr)}.case--laag{margin-top:0}}@media(max-width: 767px){.werk .werk__teller{flex-basis:100%;margin:4px 0 0;order:3}.werk__wis{order:4}}@media(max-width: 420px){.filter{position:static}.werk__filters{position:relative}.filter__paneel{left:0;right:0;min-width:0}}@media(prefers-reduced-motion: reduce){.filter__paneel,.case.is-nieuw{animation:none}.case__media img,.case__media video{transition:none}}