.b-bevestiging__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,calc(5*var(--vw)),4rem);align-items:center}
.b-bevestiging__tekst .b-lead{color:var(--b-inkt);font-weight:600}
.b-bevestiging__noot{margin:1.4rem 0 0;max-width:56ch;line-height:1.65;color:var(--b-zacht)}
.b-bevestiging__noot a{color:var(--b-bordeaux);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.b-bevestiging__beeld{--bev-teken:clamp(6rem,4.2rem + calc(4*var(--vw)),8.75rem);position:relative;isolation:isolate;margin:0 0 calc(var(--bev-teken) / 2 + 1rem);padding-bottom:2.2rem}
.b-bevestiging__kaart{position:absolute;z-index:-1;left:-4%;right:-4%;top:26%;bottom:0;border-radius:var(--b-r-media);background:var(--b-roze-100);
box-shadow:0 1px 2px rgba(69,10,20,.06),0 30px 50px -32px rgba(69,10,20,.35)}
.b-bevestiging__team{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 14px 14px rgba(69,10,20,.24))}
.b-bevestiging__teken{position:absolute;z-index:2;right:8%;bottom:calc(var(--bev-teken) / -2);width:var(--bev-teken);aspect-ratio:1;
border-radius:50%;background:var(--b-wit);box-shadow:0 18px 34px -16px rgba(69,10,20,.5);transform:rotate(-8deg)}
.b-bevestiging__teken svg{position:absolute;inset:12%;width:76%;height:76%;overflow:visible}
.b-bevestiging__boog{fill:none;stroke:var(--b-signaal);stroke-width:5;stroke-linecap:round}
.b-bevestiging__vink{fill:none;stroke:var(--b-bordeaux);stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.js .b-bevestiging__boog{stroke-dasharray:1 1.2;animation:b-bevestiging-teken .8s var(--b-ease) .2s both}
.js .b-bevestiging__vink{stroke-dasharray:1 1.2;animation:b-bevestiging-teken .5s var(--b-ease) .85s both}
@keyframes b-bevestiging-teken{0%{stroke-dashoffset:1.1;opacity:0}1%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@media(max-width:860px){
.b-bevestiging__in{grid-template-columns:minmax(0,1fr)}
.b-bevestiging__beeld{margin-top:.5rem}
.b-bevestiging__kaart{left:-2%;right:-2%}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.b-bevestiging__team{transition:transform .5s var(--b-ease)}
.b-bevestiging__beeld:hover .b-bevestiging__team{transform:translateY(-5px)}
.b-bevestiging__teken{transition:transform .5s var(--b-ease)}
.b-bevestiging__beeld:hover .b-bevestiging__teken{transform:rotate(-14deg) scale(1.06)}
.b-bevestiging .btn svg{transition:transform .3s var(--b-ease)}
.b-bevestiging .btn:hover svg{transform:translateX(3px)}
}
@media (prefers-reduced-motion:reduce){
.js .b-bevestiging__boog,.js .b-bevestiging__vink{animation:none;stroke-dasharray:none}
}
