
/* V27: Nine-second cartoon vacuum with vertical hose sweep and parked finish.
   Original Vikinix logo is used unmodified. */
.v26-logo-scene{position:relative;display:inline-flex;align-items:center;flex-shrink:0;padding-right:68px;isolation:isolate}
.v26-logo-scene .brand{position:relative;z-index:1}
.v26-dust{position:absolute;left:0;top:9%;width:calc(100% - 68px);height:82%;z-index:2;pointer-events:none;
background-image:radial-gradient(circle,#899a9e 1.3px,transparent 2px),radial-gradient(circle,#b0b7b5 1.5px,transparent 2.2px);
background-size:12px 11px,19px 16px;background-position:0 0,6px 4px;opacity:.53;
animation:v27-clean 9s linear both}
.v26-vacuum{position:absolute;z-index:3;width:74px;height:66px;left:-63px;bottom:-10px;overflow:visible;pointer-events:none;
filter:drop-shadow(0 2px 2px #102b3d38);animation:v27-drive 9s ease-in-out both}
.v26-hose-arm{transform-box:fill-box;transform-origin:85% 36%;animation:v27-scrub 9s ease-in-out both}
.v26-suction{animation:v27-suck .45s ease-in-out infinite alternate}
@keyframes v27-drive{
0%{left:-63px;transform:translateY(1px)}
8%{left:-43px;transform:translateY(0)}
18%{left:4%;transform:translateY(1px)}
30%{left:22%;transform:translateY(0)}
42%{left:39%;transform:translateY(1px)}
54%{left:56%;transform:translateY(0)}
68%{left:75%;transform:translateY(1px)}
82%{left:calc(100% - 72px);transform:translateY(0)}
100%{left:calc(100% - 72px);transform:translateY(0)}
}
@keyframes v27-scrub{
0%,7%{transform:rotate(-13deg) translateY(-9px)}
15%{transform:rotate(8deg) translateY(14px)}
23%{transform:rotate(-15deg) translateY(-14px)}
32%{transform:rotate(8deg) translateY(15px)}
42%{transform:rotate(-16deg) translateY(-15px)}
52%{transform:rotate(9deg) translateY(15px)}
62%{transform:rotate(-15deg) translateY(-15px)}
73%{transform:rotate(8deg) translateY(14px)}
82%{transform:rotate(-8deg) translateY(-5px)}
90%,100%{transform:rotate(-3deg) translateY(0)}
}
@keyframes v27-clean{
0%,8%{clip-path:inset(0 0 0 0);opacity:.53}
18%{clip-path:inset(0 0 0 10%);opacity:.53}
30%{clip-path:inset(0 0 0 29%);opacity:.53}
42%{clip-path:inset(0 0 0 47%);opacity:.53}
54%{clip-path:inset(0 0 0 64%);opacity:.53}
68%{clip-path:inset(0 0 0 83%);opacity:.53}
82%,100%{clip-path:inset(0 0 0 100%);opacity:0}
}
@keyframes v27-suck{from{opacity:.8;transform:translateY(0)}to{opacity:.1;transform:translateY(-10px)}}
@media(max-width:700px){
.v26-logo-scene{padding-right:48px}
.v26-dust{width:calc(100% - 48px)}
.v26-vacuum{width:53px;height:48px;bottom:-7px}
@keyframes v27-drive{0%{left:-48px}8%{left:-33px}18%{left:4%}30%{left:22%}42%{left:39%}54%{left:56%}68%{left:75%}82%,100%{left:calc(100% - 53px)}}
}
@media(prefers-reduced-motion:reduce){
.v26-dust{display:none}
.v26-vacuum{animation:none;left:calc(100% - 72px)}
.v26-hose-arm,.v26-suction{animation:none}
}
