.entropy-logo-container {
    display: flex;
    gap: 1ch;
}

.entropy-logo-container:hover {
    text-transform: none;
}

.entropy-logo-word {
    display: flex;
}

.entropy-logo-char {
    animation-name: randomize;
    animation-timing-function: step-end;
    animation-iteration-count: infinite;
    user-select: none;
}

@keyframes randomize {
    0%   { transform: rotate(0deg) scale(1, 1); text-transform: none; }
    20%  { transform: rotate(90deg) scale(1, 1); text-transform: lowercase; }
    40%  { transform: rotate(180deg) scale(-1, 1); text-transform: uppercase; }
    60%  { transform: rotate(270deg) scale(1, 1); text-transform: lowercase; }
    80%  { transform: rotate(0deg) scale(1, -1); text-transform: uppercase; }
    90%  { transform: rotate(90deg) scale(-1, -1); text-transform: lowercase; }
}

/* Randomized timing for each character */
.entropy-logo-container .e { animation-duration: 20.1s; }
.entropy-logo-container .n { animation-duration: 10.3s; }
.entropy-logo-container .t { animation-duration: 30.7s; }
.entropy-logo-container .r { animation-duration: 20.9s; }
.entropy-logo-container .o { animation-duration: 40.1s; }
.entropy-logo-container .p { animation-duration: 10.7s; }
.entropy-logo-container .y { animation-duration: 30.1s; }

.entropy-logo-container .l { animation-duration: 20.3s; }
.entropy-logo-container .a { animation-duration: 10.9s; }
.entropy-logo-container .b { animation-duration: 30.3s; }
.entropy-logo-container .s { animation-duration: 20.7s; }

/* Staggered Start Delays */
.entropy-logo-char:nth-child(odd) { animation-delay: -0.7s; }
.entropy-logo-char:nth-child(even) { animation-delay: -1.4s; }

/* Return to normal on hover */
.entropy-logo-container:hover .entropy-logo-char {
    animation: none !important;
}