/* Preserve the original raster logo; animate only its three clipped blue bars. */
.taoki-logo-mark{display:block;position:relative;aspect-ratio:2188/719}
.taoki-logo-bars{display:none;position:absolute;inset:0;clip-path:inset(0 0 10.152990% 74.95%);pointer-events:none}
.taoki-logo-bar{position:absolute;inset:0;transform:translate(12%,92%)}
.taoki-logo-bar:nth-child(1){clip-path:polygon(74.817185% 45.897079%,79.844607% 45.897079%,85.621572% 89.847010%,80.594150% 89.847010%)}
.taoki-logo-bar:nth-child(2){clip-path:polygon(79.159049% 25.034771%,84.186472% 25.034771%,92.705667% 89.847010%,87.678245% 89.847010%)}
.taoki-logo-bar:nth-child(3){clip-path:polygon(83.135283% 0%,88.574040% 0%,100.621572% 89.847010%,95.182815% 89.847010%)}
.taoki-logo-intro .taoki-logo-base{clip-path:polygon(0 0,74.95% 0,74.95% 89.847010%,100% 89.847010%,100% 100%,0 100%)}
.taoki-logo-intro .taoki-logo-bars{display:block}
.taoki-logo-playing .taoki-logo-bar{animation:taoki-bar-arrive 650ms cubic-bezier(.2,.7,.25,1) both}
.taoki-logo-playing .taoki-logo-bar:nth-child(2){animation-delay:180ms}
.taoki-logo-playing .taoki-logo-bar:nth-child(3){animation-delay:360ms}
@keyframes taoki-bar-arrive{from{transform:translate(12%,92%)}to{transform:translate(0,0)}}
@media(prefers-reduced-motion:reduce){
 .taoki-logo-intro .taoki-logo-base{clip-path:none}
 .taoki-logo-intro .taoki-logo-bars{display:none}
 .taoki-logo-playing .taoki-logo-bar{animation:none}
}