.cta-blok{--cta-muted:#ebebeb;--cta-image-overlap:90px;align-items:flex-end;background-color:var(--so-color-bg-dark);border-radius:var(--so-border-radius-l);color:var(--so-color-white);display:flex;gap:24px;margin:var(--so-group-spacing) 0;max-width:100%;min-width:0;padding:48px;position:relative;&>:not(.cta-beeldmerk){position:relative;z-index:1}& .cta-beeldmerk{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute;user-select:none;z-index:0;& img{height:auto;max-width:726px;position:absolute;right:-12px;top:102px;width:55%}}& .cta-content{flex:1 1 auto;gap:64px;max-width:793px}& .cta-content,& .cta-text{display:flex;flex-direction:column;min-width:0}& .cta-text{gap:var(--so-block-gap);overflow-wrap:break-word}& h2{letter-spacing:-.03em}& .cta-text p,& h2{font-weight:700;line-height:1;margin:0}& .cta-text p{color:var(--cta-muted);font-size:var(--so-fontsize-h5)}& .buttons-wrapper{margin:0}&.person{margin-top:calc(var(--so-group-spacing) + var(--cta-image-overlap));max-height:433px;padding-bottom:0;& .cta-content{max-width:750px;padding:48px 0}& figure{align-self:flex-end;flex:0 0 500px;margin:calc(var(--cta-image-overlap)*-1) 0 0 auto;position:absolute;right:0;width:500px}& figure img{display:block;height:auto;object-fit:contain;object-position:bottom center;width:100%}}&.cta-blok-split{align-items:flex-start;gap:var(--so-block-gap);padding:80px 64px;& .cta-content{flex:1 1 0;gap:var(--so-block-gap)}& .cta-text p{font-size:var(--so-font-size-body-xl);font-weight:400;line-height:1.5;max-width:317px}& .cta-side-text{flex:1 1 0;font-size:var(--so-fontsize-h1);font-weight:700;letter-spacing:-.05em;line-height:1;margin:0;min-width:0;overflow-wrap:break-word}@media (max-width:1024px){align-items:stretch;flex-direction:column;padding-bottom:48px;padding-left:32px;padding-right:32px;padding-top:48px;& .cta-content,& .cta-side-text{flex:none;max-width:none;width:100%}& .cta-content{order:1}& .cta-text p{max-width:none}& .cta-side-text{font-size:var(--so-fontsize-h2)}}@media (max-width:576px){padding-bottom:32px;padding-left:24px;padding-right:24px;padding-top:32px;& .cta-side-text{font-size:36px;letter-spacing:-.03em;line-height:1.1}}}@media (max-width:1024px){gap:16px;padding-bottom:40px;padding-left:32px;padding-right:32px;padding-top:40px;& .cta-beeldmerk img{top:48px;width:60%}& .cta-content{gap:48px;max-width:none}&.person{max-height:none;min-height:0;& .cta-content{padding:24px 0 40px}& figure{flex:0 0 38%;max-width:360px;min-width:0;position:static;right:auto;width:38%}}}@media (max-width:768px){align-items:stretch;flex-direction:column;padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px;& h2{font-size:36px}& .cta-beeldmerk img{bottom:0;opacity:.8;right:-8%;top:auto;width:70%}& .cta-content{gap:32px;order:1}& .buttons-wrapper{align-items:stretch;flex-direction:column;width:100%;& .button{max-width:100%;width:100%}}&.person{gap:0;margin-top:var(--so-group-spacing);max-height:none;padding-bottom:0;& .cta-content{padding:0}& figure{align-self:center;flex:0 0 auto;height:auto;margin:16px auto 0;max-width:100%;order:2;width:min(340px,82%);& img{height:auto;max-height:320px;object-fit:contain;object-position:center bottom;width:100%}}}}@media (max-width:576px){padding-bottom:24px;padding-left:24px;padding-right:24px;padding-top:24px;& h2{font-size:var(--so-fontsize-h2)}& .cta-content{gap:24px}&.person{& figure{width:min(300px,86%)}}}}