.logo-anim .logo-letter,.logo-anim .logo-line{transform-box:fill-box;transform-origin:bottom}.logo-anim .logo-line{fill:var(--color-mint);transform-origin:0}.logo-anim--opbouw .logo-wordmark{clip-path:var(--clip)}.logo-anim--opbouw .logo-letter{animation:nb-letter-rise .9s var(--ease-nobla) both;animation-delay:calc(.1s + var(--i) * 90ms)}.logo-anim--opbouw .logo-line{animation:nb-line-draw 1s var(--ease-nobla) .75s both}@keyframes nb-letter-rise{0%{transform:translateY(200px)}}@keyframes nb-line-draw{0%{transform:scaleX(0)}}.logo-anim--tekenen .logo-letter{stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:1;animation:nb-draw 1.4s var(--ease-nobla) both, nb-fill .6s ease-out both;animation-delay:calc(var(--i) * .12s), calc(1.1s + var(--i) * 60ms)}@keyframes nb-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes nb-fill{0%{fill-opacity:0}to{fill-opacity:1}}.logo-anim--laden .logo-load-ring{stroke:var(--color-mint);stroke-dasharray:22 78;transform-box:view-box;transform-origin:320.96px 234.28px;animation:1.1s linear infinite nb-spin}.logo-anim--laden .logo-letter:not(.logo-letter--o){animation:1.6s ease-in-out infinite nb-breathe;animation-delay:calc(var(--i) * .12s)}.logo-anim--laden .logo-letter--o{opacity:.25}@keyframes nb-spin{to{transform:rotate(360deg)}}@keyframes nb-breathe{0%,to{opacity:1}50%{opacity:.45}}.logo-anim--interactie svg{cursor:pointer;outline:none}.logo-anim--interactie .logo-letter{transition:transform .6s var(--ease-nobla);transition-delay:calc(var(--i) * 40ms)}.logo-anim--interactie .logo-line{transition:transform .7s var(--ease-nobla);transform:scaleX(0)}.logo-anim--interactie svg:is(:hover,:focus-visible) .logo-letter{transform:translateY(-18px)}.logo-anim--interactie svg:is(:hover,:focus-visible) .logo-line{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.logo-anim *{transition:none!important;animation:none!important}}