.logo-anim .logo-mark,.logo-anim .logo-letter,.logo-anim .logo-tagline{transform-box:fill-box;transform-origin:50%}.logo-anim--opbouw .logo-mark{animation:mv-rise 1.2s var(--ease-moviya) .1s both}.logo-anim--opbouw .logo-letter{--offset:calc((var(--i) - 2.5) * 34px);animation:mv-glide 1.1s var(--ease-moviya) both;animation-delay:calc(.65s + var(--i) * 50ms)}.logo-anim--opbouw .logo-tagline-letter{animation:.6s ease-out both mv-fade;animation-delay:calc(1.35s + var(--i) * 35ms)}@keyframes mv-rise{0%{clip-path:inset(100% -5% -5%);transform:translateY(18px)}to{clip-path:inset(-5%);transform:translateY(0)}}@keyframes mv-glide{0%{opacity:0;transform:translateX(var(--offset))}}@keyframes mv-fade{0%{opacity:0}}.logo-anim--tekenen .logo-mark-path,.logo-anim--tekenen .logo-letter{stroke:currentColor;stroke-width:1.25px;vector-effect:non-scaling-stroke;stroke-dasharray:1;animation:mv-draw 1.8s var(--ease-moviya) both, mv-fill .7s ease-out both}.logo-anim--tekenen .logo-mark-path{animation-delay:0s,1.6s}.logo-anim--tekenen .logo-letter{animation-delay:calc(.4s + var(--i) * .1s), 1.8s}.logo-anim--tekenen .logo-tagline-letter{animation:.6s ease-out 2.1s both mv-fade}@keyframes mv-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mv-fill{0%{fill-opacity:0}to{fill-opacity:1}}.logo-anim--onthulling svg{animation:mv-sweep 2.2s var(--ease-moviya) both;-webkit-mask-image:linear-gradient(100deg,#000 40%,#00000059 48%,#0000 56%);mask-image:linear-gradient(100deg,#000 40%,#00000059 48%,#0000 56%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes mv-sweep{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.laden-base{opacity:.14}.laden-trace{stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:.16 .84;animation:2.4s linear infinite mv-trace}@keyframes mv-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.logo-anim--interactie svg{cursor:pointer;outline:none}.logo-anim--interactie .logo-mark,.logo-anim--interactie .logo-letter,.logo-anim--interactie .logo-tagline{transition:transform .8s var(--ease-moviya), opacity .6s ease}.logo-anim--interactie .logo-tagline{opacity:.55}.logo-anim--interactie svg:is(:hover,:focus-visible) .logo-mark{transform:translateY(-14px)scale(1.04)}.logo-anim--interactie svg:is(:hover,:focus-visible) .logo-letter{transform:translateX(calc((var(--i) - 2.5) * 9px))}.logo-anim--interactie svg:is(:hover,:focus-visible) .logo-tagline{opacity:1;transform:translateY(6px)}@media (prefers-reduced-motion:reduce){.logo-anim *,.logo-anim svg{transition:none!important;animation:none!important}}