/* Logo 2eSolutions animé (d'après la planche « 2eSolutions — Logo », artboard Motion) :
   les étoiles apparaissent une à une, la constellation se trace, puis le cercle ouvert — le prochain module. */
.brand-anim .brand-e path{stroke-dasharray:100 120;animation:brand-draw .9s cubic-bezier(.5,0,.3,1) .35s both}
.brand-anim .brand-e circle{transform-box:fill-box;transform-origin:50% 50%;animation:brand-pop .5s cubic-bezier(.2,1.7,.4,1) both}
.brand-anim .brand-e circle:nth-of-type(1){animation-delay:.05s}
.brand-anim .brand-e circle:nth-of-type(2){animation-delay:.15s}
.brand-anim .brand-e circle:nth-of-type(3){animation-delay:.25s}
.brand-anim .brand-e circle:nth-of-type(4){animation-delay:.35s}
.brand-anim .brand-e circle:nth-of-type(5){animation-delay:.45s}
.brand-anim .brand-e circle:nth-of-type(6){animation-delay:1.05s}
.brand-anim > span{display:inline-block;animation:brand-rise .6s cubic-bezier(.2,.8,.2,1) both}
.brand-anim > span:first-child{animation-delay:.9s}
.brand-anim > span:last-child{animation-delay:1s}
@keyframes brand-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes brand-pop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes brand-rise{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.brand-anim *,.brand-anim > span{animation:none !important}}