É possível aplicar estilos CSS a metade de um caractere no texto?

Olá a todos! Sou um desenvolvedor front-end iniciante e me deparei com uma tarefa interessante. Preciso fazer com que metade de uma letra (por exemplo, a parte esquerda) seja colorida de uma cor, e a parte direita de outra. Tentei fazer isso com propriedades CSS padrão, mas não funcionou. Aqui está um exemplo da minha tentativa: ```javascript // Tentei dividir a string em caracteres e estilizar metade const text = "Привет"; const letters = text.split(''); // E depois não sei o que fazer... ``` Tentei usar `::before` e `::after`, mas eles funcionam apenas com elementos inteiros. Usei `background-clip: text`, mas isso colore o texto inteiro. Existe alguma maneira inteligente com JavaScript? Ou é impossível? Preciso que o resultado seja mais ou menos assim: a metade esquerda da letra "П" vermelha, a metade direita azul. Ou seja, os estilos são aplicados não ao caractere inteiro, mas a uma parte dele. Vi que em alguns sites fazem efeitos semelhantes com gradientes, mas preciso de uma transição nítida no meio da letra.