/* Gemaakt door tools/build.mjs uit de ontwerpen in design/ - niet met de hand wijzigen. */
body{margin:0;background:#F2F5F8}
a{color:#152A40}a:hover{color:#2C5F8A}
*{box-sizing:border-box}
.hero-row{flex-wrap:nowrap}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:1024px){.hero-row>.hero-pic{flex:0 1 38%!important}.logo-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow-x:visible!important}}@media (max-width:900px){.site-nav{gap:8px 14px!important;font-size:14px!important}}@media (max-width:760px){.hero-row{flex-wrap:wrap}.hero-row>.hero-text{flex:1 1 100%!important;padding-bottom:8px!important}.hero-row>.hero-pic{flex:0 1 100%!important;max-width:420px!important;margin:0 auto!important}}@media (max-width:640px){.nav-link,.nav-cta,.bar-roles{display:none!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 -10px!important}.stat-cell{padding:2px 10px!important}.stat-num{font-size:26px!important}.logo-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.case-card{padding:20px!important}.case-dl{grid-template-columns:minmax(0,1fr)!important;gap:2px 0!important}.case-dl dd{margin-bottom:10px!important}.tl-item{padding-left:20px!important}.stats-box{padding:24px 18px 26px!important}.logo-wrap{padding:0 18px!important}}
.tl-dot{position:absolute;left:-12px;top:12px;width:22px;height:22px;padding:0;border-radius:50%;background:#FFFFFF;border:2px solid #2C5F8A;color:#2C5F8A;cursor:pointer;z-index:1}.tl-dot::before,.tl-dot::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:1px;transform:translate(-50%,-50%)}.tl-dot::before{width:10px;height:2px}.tl-dot::after{width:2px;height:10px}.tl-dot[aria-expanded="true"]{background:#2C5F8A;color:#FFFFFF}.tl-dot[aria-expanded="true"]::after{display:none}.tl-head:hover h3{color:#2C5F8A}.bar-phone:hover{text-decoration:underline!important;text-underline-offset:3px}@media (max-width:960px){.bar-roles{display:none!important}}@media (max-width:760px){.tl-head .tl-period{flex:1 1 auto!important}.tl-head .tl-country{order:2}.tl-head h3{flex:1 1 100%;order:3}.tl-head .tl-org{flex:1 1 100%!important;order:4;font-size:13px!important}}
.rec-more{align-self:flex-start;min-height:36px;padding:0;background:none;border:0;font:inherit;font-size:14px;font-weight:600;color:#2C5F8A;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-align:left}.rec-more:hover{color:#152A40}.slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:46px;padding:4px 8px;border-radius:6px;border:1.5px solid #C5CFDA;background:#FFFFFF;color:#152A40;font:inherit;font-size:14.5px;font-weight:600;line-height:1.25;cursor:pointer;font-variant-numeric:tabular-nums}.slot:hover{border-color:#2C5F8A}.slot[aria-pressed="true"]{background:#152A40;border-color:#152A40;color:#FFFFFF}.slot .slot-sub{font-size:12.5px;font-weight:500;color:#4A5562}.slot[aria-pressed="true"] .slot-sub{color:#D5DCE3}@media (max-width:640px){.rec-quote{font-size:16px!important}.kit-btns>*{flex:1 1 100%!important}}
html{scroll-behavior:smooth}.btn{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,filter .2s ease}.btn svg{transition:transform .2s ease}.btn:hover{transform:translateY(-2px)}.btn:hover svg{transform:scale(1.12)}.btn:active{transform:translateY(0);box-shadow:none;transition-duration:.06s}.btn-solid:hover{box-shadow:0 8px 18px rgba(8,20,34,.26);filter:brightness(1.1)}.btn-out:hover{background-color:#152A40!important;color:#FFFFFF!important;box-shadow:0 8px 18px rgba(8,20,34,.2)}.btn-ghost:hover{background-color:rgba(255,255,255,.12)!important;border-color:#FFFFFF!important}.link-arrow svg{transition:transform .2s ease}.link-arrow:hover svg{transform:translateX(4px)}.nav-link{position:relative;transition:color .2s ease}.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;border-radius:1px;background:#2C5F8A;transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}.nav-link:hover::after{transform:scaleX(1)}.flag svg{transition:transform .2s ease}.flag:hover svg{transform:scale(1.1)}.tl-dot{transition:background-color .2s ease,color .2s ease,transform .2s ease}.tl-dot:hover{transform:scale(1.18)}.tl-head h3{transition:color .2s ease}.tl-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tl-card:hover{border-color:#2C5F8A!important;box-shadow:0 6px 16px rgba(21,42,64,.1);transform:translateY(-2px)}.tl-item:hover .tl-dot{background:#2C5F8A;color:#FFFFFF}@media (max-width:760px){.tl-head .tl-main{flex:1 1 100%!important;order:3}}@media (max-width:640px){.kit-facts{grid-template-columns:minmax(0,1fr)!important}.case-row{grid-template-columns:minmax(0,1fr)!important}.sk-row{grid-template-columns:minmax(0,1fr)!important}.sk-row h3{padding-top:0!important}}@media (max-width:640px){.gc-box{padding:10px 8px 11px!important}.gc-role{font-size:13px!important}.gc-cols{gap:10px!important}.gc-bracket{width:calc(50% + 5px)!important}}.slot{transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.slot:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(21,42,64,.12)}.rec-more{transition:color .2s ease,text-underline-offset .2s ease}.rec-more:hover{text-underline-offset:5px}.reveal{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1)}.reveal[aria-hidden="true"]{grid-template-rows:0fr}.reveal-in{min-height:0;overflow:hidden;opacity:1;visibility:visible;transition:opacity .35s ease .05s,visibility 0s linear 0s}.reveal[aria-hidden="true"]>.reveal-in{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .4s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn svg,.slot,.reveal,.reveal-in,.nav-link::after,.tl-dot,.tl-card,.flag svg,.link-arrow svg{transition:none!important}.btn:hover,.slot:hover,.tl-dot:hover,.tl-card:hover{transform:none}}
.rec-card[aria-hidden="true"]{visibility:hidden}@keyframes recIn{from{transform:translateX(calc(-100% - 16px))}to{transform:none}}@keyframes recOut{from{transform:translateX(calc(-100% - 16px));visibility:visible}to{transform:none;visibility:hidden}}@media (min-width:1000px){.rec-grid{grid-template-columns:repeat(3,calc((100% - 32px)/3))!important;grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);overflow-x:clip}}@media (max-width:999px){.rec-card{animation:none!important}.rec-card[aria-hidden="true"]{display:none!important}}@media (prefers-reduced-motion:reduce){.rec-card{animation:none!important}}
@media (max-width:640px){.logo-band{--logo-scale:.72;display:flex!important;flex-wrap:wrap;justify-content:center!important;row-gap:8px;column-gap:0!important}.logo-item{flex:0 0 33.333%;padding:0 8px!important}.logo-sep{display:none!important}}
.stat-cell{position:relative}.stat-cell+.stat-cell::before{content:"";position:absolute;left:0;top:10%;bottom:22%;width:1px;background:rgba(255,255,255,.2)}@media (max-width:1100px){.stat-cell:nth-child(3n+1)::before{display:none}}@media (max-width:640px){.stat-cell:nth-child(3n+1)::before{display:block}.stat-cell:nth-child(odd)::before{display:none}}
.logo-item img{mix-blend-mode:multiply}
.logo-kop::before,.logo-kop::after{content:"";flex:1 1 0;height:1px}.logo-kop::before{background:linear-gradient(to right,rgba(44,95,138,0),rgba(44,95,138,.45))}.logo-kop::after{background:linear-gradient(to left,rgba(44,95,138,0),rgba(44,95,138,.45))}.logo-item img{transition:transform .2s ease}.logo-item:hover img{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.logo-item img{transition:none}.logo-item:hover img{transform:none}}@media (max-width:640px){.logo-kop{padding:0 18px!important;gap:12px!important;letter-spacing:0.1em!important}}
.fact-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.fact-card>span{transition:transform .25s ease}.fact-card:hover{border-color:#2C5F8A;box-shadow:0 6px 16px rgba(21,42,64,.1);transform:translateY(-2px)}.fact-card:hover>span{transform:rotate(-12deg) scale(1.08)}@media (prefers-reduced-motion:reduce){.fact-card,.fact-card>span{transition:none}.fact-card:hover,.fact-card:hover>span{transform:none}}
@media (max-width:900px){.kit-grid{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:640px){.kit-row{grid-template-columns:minmax(0,1fr)!important;gap:2px!important}}
.kit-snap{padding:0 28px}.kit-snap:first-child{padding-left:0}.kit-snap+.kit-snap{border-left:1px solid rgba(255,255,255,.22)}@media (max-width:900px){.kit-snaps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kit-snap:nth-child(odd){padding-left:0;border-left:0!important}}@media (max-width:480px){.kit-snaps{grid-template-columns:minmax(0,1fr)!important}.kit-snap{padding:0!important;border-left:0!important}}
@media (max-width:760px){.hero-img{position:relative!important;inset:auto!important;height:auto!important}}
.hero-pic::before{content:"";position:absolute;top:14px;left:14px;right:-12px;bottom:-12px;border-radius:12px;background:#E6EEF6;z-index:0}
.ui-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.ui-card:hover{border-color:#2C5F8A!important;box-shadow:0 6px 16px rgba(21,42,64,.1);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.ui-card{transition:none!important}.ui-card:hover{transform:none}}
[data-sr-wait]{opacity:0}[data-sr-go]{animation:srIn .7s cubic-bezier(.2,.7,.2,1) both}@keyframes srIn{from{opacity:0;translate:0 22px}to{opacity:1;translate:none}}
@media (max-width:640px){.kit-top{padding:22px 20px!important}.kit-body{padding:24px 20px!important}.kit-fwd{padding:18px 16px!important}.kit-paper{padding:16px 16px!important}}
.hero-photo{background-image:url(/assets/img/rene-warming-kantoor.webp);background-size:cover;background-position:72% 30%;background-repeat:no-repeat}
@media (min-width:641px){.logo-item:first-child{justify-content:flex-start!important}.logo-item:last-child{justify-content:flex-end!important}}@media (min-width:641px) and (max-width:1100px){.logo-band{--logo-scale:.85}}
@media (max-width:760px){.hero-row>.hero-pic{max-width:300px!important;margin:8px auto 12px!important}.hero-pic::before{top:10px!important;left:10px!important;right:-10px!important;bottom:-10px!important}.tl-head{gap:4px 10px!important}}@media (max-width:640px){.kit-fwd{padding:0!important;background:transparent!important}.kit-paper{padding:16px!important}}
@media (max-width:960px){.nav-link{display:none!important}}
