@layer components{.ds-klanten{background:var(--ds-surface-4);border-block:1px solid var(--ds-line);color:var(--ds-text);padding-block:44px 38px;position:relative;overflow:clip}.ds-klanten:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--ds-accent), transparent);height:1px;position:absolute;top:0}.ds-klanten__kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 28px;margin-bottom:18px;display:flex}.ds-klanten__kop .ds-label{color:var(--ds-text-3);max-width:52ch}.ds-klanten__acties{align-items:center;gap:14px;display:flex}.ds-klanten__alle{font-size:16px}.ds-klanten__pauze{width:var(--ds-tap);height:var(--ds-tap);border:1px solid var(--ds-line-2);background:var(--ds-surface-2);color:var(--ds-text-2);cursor:pointer;transition:border-color .4s var(--ds-ease), color .4s var(--ds-ease);border-radius:999px;place-items:center;display:inline-grid}.ds-klanten__pauze:hover{border-color:var(--ds-accent);color:var(--ds-accent-ink)}.ds-klanten__pauze .ds-icon{width:18px;height:18px}.ds-klanten__venster{overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.ds-klanten__spoor{width:max-content;animation:ds-klanten-schuif var(--ds-klanten-duur,70s) linear infinite;display:flex}.ds-klanten__groep{flex:none;align-items:center;margin:0;padding:0;list-style:none;display:flex}.ds-klanten__item{align-items:center;padding-inline:34px;display:flex;position:relative}.ds-klanten__item:after{content:"";background:var(--ds-accent);opacity:.75;width:6px;height:6px;position:absolute;top:50%;right:-3px;transform:translateY(-50%)rotate(45deg)}.ds-klant{min-height:64px;color:var(--ds-text-3);transition:color .5s var(--ds-ease);align-items:center;text-decoration:none;display:inline-flex}.ds-klant__woord{font-family:var(--ds-f-head);letter-spacing:-.02em;white-space:nowrap;font-size:25px;font-weight:720;line-height:1}.ds-klant:hover,.ds-klant:focus-visible{color:var(--ds-text)}.ds-klant__logo{object-fit:contain;filter:grayscale();opacity:.72;width:auto;max-width:200px;height:40px;transition:filter .5s var(--ds-ease), opacity .5s var(--ds-ease)}.ds-klant:hover .ds-klant__logo,.ds-klant:focus-visible .ds-klant__logo{filter:none;opacity:1}@keyframes ds-klanten-schuif{0%{transform:translate(0)}to{transform:translate(-50%)}}.ds-klanten[data-pauze="1"] .ds-klanten__spoor,.ds-klanten__venster:hover .ds-klanten__spoor{animation-play-state:paused}.ds-klanten[data-focus] .ds-klanten__spoor{animation:none;transform:none}.ds-klanten[data-focus] .ds-klanten__venster{scrollbar-width:thin;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.ds-klanten[data-focus] .ds-klanten__groep[aria-hidden=true]{display:none}@media (prefers-reduced-motion:reduce){.ds-klanten__spoor{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.ds-klanten__groep[aria-hidden=true],.ds-klanten__pauze{display:none}.ds-klanten__groep{flex-wrap:wrap;justify-content:center;row-gap:6px}.ds-klanten__venster{width:min(var(--ds-wrap), 100% - 2 * var(--ds-gut));margin-inline:auto;-webkit-mask-image:none;mask-image:none}.ds-klant__logo,.ds-klant{transition:none}}@media (max-width:640px){.ds-klanten{padding-block:34px 28px}.ds-klanten__item{padding-inline:26px}.ds-klant__woord{font-size:22px}.ds-klant__logo{max-width:160px;height:34px}}.ds-werk-uitgelicht{border-radius:var(--ds-radius-lg);color:var(--ds-on-dark);background:linear-gradient(165deg, var(--ds-navy-2) 0%, var(--ds-navy) 55%, var(--ds-night-2) 100%);box-shadow:var(--ds-shadow-2);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:34px 56px;margin-top:52px;padding:48px;display:grid;position:relative;overflow:hidden}.ds-werk-uitgelicht:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--ds-accent-hi), transparent);height:1px;position:absolute;top:0}.ds-werk-uitgelicht .ds-label{color:var(--ds-accent-hi)}.ds-werk-uitgelicht h3{font-family:var(--ds-f-head);font-size:var(--ds-fs-h3);letter-spacing:-.02em;margin-top:14px;font-weight:740;line-height:1.12}.ds-werk-uitgelicht p{color:var(--ds-on-dark-2);max-width:58ch;margin-top:16px;font-size:18px;line-height:1.65}.ds-werk-uitgelicht__acties{flex-wrap:wrap;align-items:center;gap:8px 26px;margin-top:26px;display:flex}.ds-werk-uitgelicht .ds-link-arrow{color:var(--ds-accent-hi)}.ds-werk-uitgelicht__zijde{align-content:center;gap:14px;display:grid}.ds-werk-uitgelicht__zijde .ds-label{color:var(--ds-on-dark-3)}.ds-werk-uitgelicht .ds-tags li{color:var(--ds-on-dark-2);border-color:var(--ds-line-dark);background:#ffffff0d}.ds-werk-raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;padding:0;list-style:none;display:grid}.ds-werk-kaart{border-radius:var(--ds-radius);background:var(--ds-surface-2);border:1px solid var(--ds-line);height:100%;box-shadow:var(--ds-shadow-1);color:var(--ds-text);transition:transform .6s var(--ds-ease), box-shadow .6s var(--ds-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.ds-werk-kaart:hover{box-shadow:var(--ds-shadow-2);transform:translateY(-4px)}.ds-werk-kaart__plaat{background:linear-gradient(160deg, var(--ds-surface) 0%, var(--ds-surface-4) 100%);border-bottom:1px solid var(--ds-line);min-height:124px;color:var(--ds-text);place-items:center;padding:24px;display:grid;position:relative}.ds-werk-kaart__plaat:after{content:"";inset-inline:24px;background:linear-gradient(90deg, transparent, var(--ds-accent), transparent);height:1px;position:absolute;bottom:-1px}.ds-werk-kaart__woord{font-family:var(--ds-f-head);letter-spacing:-.02em;text-align:center;text-wrap:balance;font-size:clamp(24px,2.2vw,30px);font-weight:720;line-height:1.1}.ds-werk-kaart__plaat img{object-fit:contain;filter:grayscale();opacity:.85;width:auto;max-width:220px;height:48px;transition:filter .5s var(--ds-ease), opacity .5s var(--ds-ease)}.ds-werk-kaart:hover .ds-werk-kaart__plaat img{filter:none;opacity:1}.ds-werk-kaart__concept{background:var(--ds-text);color:var(--ds-surface-2);font:500 11px / 1.2 var(--ds-f-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;position:absolute;inset-block-start:10px;inset-inline-end:10px}.ds-werk-kaart__body{flex-direction:column;flex:1;gap:12px;padding:26px 28px 28px;display:flex}.ds-werk-kaart__body .ds-label{color:var(--ds-accent-ink)}.ds-werk-kaart h3{font-family:var(--ds-f-head);letter-spacing:-.015em;color:var(--ds-text);font-size:22px;font-weight:740;line-height:1.2}.ds-werk-kaart p{color:var(--ds-text-2);font-size:17px;line-height:1.6}.ds-werk-kaart .ds-link-arrow{margin-top:auto}.ds-werk-buitenland{border-radius:var(--ds-radius);background:var(--ds-surface);border:1px solid var(--ds-line-2);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:14px 48px;margin-top:28px;padding:36px 40px;display:grid}.ds-werk-buitenland h3{font-family:var(--ds-f-head);font-size:var(--ds-fs-h3);letter-spacing:-.02em;font-weight:740;line-height:1.12}.ds-werk-buitenland .ds-label{color:var(--ds-accent-ink);margin-bottom:12px}.ds-werk-buitenland p{color:var(--ds-text-2);font-size:18px;line-height:1.65}.ds-casus-kernpunten{border-block:1px solid var(--ds-line-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:48px;padding:0;list-style:none;display:grid}.ds-casus-kernpunten li{border-inline-start:1px solid var(--ds-line);padding:28px 30px 30px}.ds-casus-kernpunten li:first-child{border-inline-start:0;padding-inline-start:0}.ds-casus-kernpunten .ds-label{color:var(--ds-accent-ink)}.ds-casus-kernpunten p{color:var(--ds-text-2);margin-top:10px;font-size:17px;line-height:1.6}.ds-casus-lijst{gap:14px;max-width:72ch;margin-top:22px;padding:0;list-style:none;display:grid}.ds-casus-lijst li{color:var(--ds-text-2);padding-inline-start:26px;font-size:18px;line-height:1.65;position:relative}.ds-casus-lijst li:before{content:"";inset-inline-start:4px;background:var(--ds-accent);width:7px;height:7px;position:absolute;top:.78em;transform:rotate(45deg)}.ds-casus-lijst strong{color:var(--ds-text);font-weight:650}.ds-casus-tekst{max-width:72ch;color:var(--ds-text-2);gap:18px;margin-top:22px;font-size:18px;line-height:1.75;display:grid}.ds-casus-tekst a{color:var(--ds-blue-ink)}[dir=rtl] .ds-werk-kaart__concept{letter-spacing:0}@media (max-width:1023px){.ds-werk-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-werk-uitgelicht,.ds-werk-buitenland{grid-template-columns:minmax(0,1fr)}.ds-werk-uitgelicht{padding:36px 32px}}@media (max-width:700px){.ds-werk-raster{grid-template-columns:minmax(0,1fr)}.ds-werk-uitgelicht{margin-top:36px;padding:30px 22px}.ds-werk-buitenland{padding:26px 22px}.ds-casus-kernpunten{grid-template-columns:minmax(0,1fr)}.ds-casus-kernpunten li,.ds-casus-kernpunten li:first-child{border-inline-start:0;border-top:1px solid var(--ds-line);padding-inline:0}.ds-casus-kernpunten li:first-child{border-top:0}}@media (prefers-reduced-motion:reduce){.ds-werk-kaart,.ds-werk-kaart__plaat img{transition:none}.ds-werk-kaart:hover{transform:none}}}