.logo-anim .logo-letter,.logo-anim .logo-four,.logo-anim .logo-u{transform-box:fill-box;transform-origin:50%}.logo-anim--opbouw .logo-four{animation:s4u-four-in .9s var(--ease-switch) .1s both}.logo-anim--opbouw .logo-u{animation:s4u-u-in .9s var(--ease-switch) .25s both}.logo-anim--opbouw .logo-letter{animation:s4u-letter-in .6s var(--ease-switch) both;animation-delay:calc(.7s + var(--i) * 70ms)}@keyframes s4u-four-in{0%{opacity:0;transform:translate(-83px,182px)}}@keyframes s4u-u-in{0%{opacity:0;transform:translate(83px,-182px)}}@keyframes s4u-letter-in{0%{opacity:0;transform:translateY(-36px)skew(-12deg)}}.logo-anim--tekenen .logo-letter,.logo-anim--tekenen .logo-four,.logo-anim--tekenen .logo-u{stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:1;animation:s4u-draw 1.2s var(--ease-switch) both, s4u-fill .5s ease-out both}.logo-anim--tekenen .logo-four,.logo-anim--tekenen .logo-u{animation-delay:calc(var(--i) * .15s), 1.25s}.logo-anim--tekenen .logo-letter{animation-delay:calc(.3s + var(--i) * 80ms), 1.4s}@keyframes s4u-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes s4u-fill{0%{fill-opacity:0}to{fill-opacity:1}}.logo-anim--laden .logo-four,.logo-anim--laden .logo-u{animation:s4u-load 1.2s var(--ease-switch) infinite}.logo-anim--laden .logo-u{animation-delay:.3s}@keyframes s4u-load{0%,to{opacity:1;transform:translate(0)}40%{opacity:.25;transform:translate(8px,-18px)}}.logo-anim--interactie svg{cursor:pointer;outline:none}.logo-anim--interactie .logo-four,.logo-anim--interactie .logo-u,.logo-anim--interactie .logo-letter{transition:transform .6s var(--ease-switch)}.logo-anim--interactie .logo-letter{transition-delay:calc(var(--i) * 30ms)}.logo-anim--interactie svg:is(:hover,:focus-visible) .logo-four{transform:translate(-12px,26px)}.logo-anim--interactie svg:is(:hover,:focus-visible) .logo-u{transform:translate(12px,-26px)}.logo-anim--interactie svg:is(:hover,:focus-visible) .logo-letter{transform:translateY(-14px)}@media (prefers-reduced-motion:reduce){.logo-anim *{transition:none!important;animation:none!important}}
