#brand-title .brand-letter {
    display: inline-block;
    white-space: pre;
    transition: color .14s, text-shadow .14s, transform .14s, opacity .22s;
}

#brand-title .brand-letter.is-decoding {
    color: #3de8ff;
    text-shadow: 0 0 12px #3de8ff;
    transform: rotateX(32deg);
}

#brand-title .brand-letter.is-final {
    color: #38d9a9;
    text-shadow: 0 0 12px #38d9a9;
}

#brand-title.is-shimmering .brand-letter {
    animation: brand-title-shimmer 1.1s ease-in-out both;
    animation-delay: calc(var(--brand-index, 0) * 28ms);
}

@keyframes brand-title-shimmer {
    0%, 100% { color: #38d9a9; filter: brightness(1); text-shadow: 0 0 8px #38d9a9; }
    45% { color: #fff; filter: brightness(1.5); text-shadow: 0 0 8px #fff, 0 0 20px #3de8ff; }
}

@media (prefers-reduced-motion: reduce) {
    #brand-title .brand-letter { transition: none; }
    #brand-title.is-shimmering .brand-letter { animation: none; }
}