Can I apply CSS styles to half of a character in text?

Hi everyone! I'm a beginner frontend developer and I've encountered an interesting problem. I need to make one half of a letter (for example, the left part) colored in one color, and the right part in another. I tried to do this through standard CSS properties, but nothing worked. Here's an example of my attempt: ```javascript // Tried to split the string into characters and style half const text = "Привет"; const letters = text.split(''); // And then I don't know what to do... ``` I tried using `::before` and `::after`, but they only work with whole elements. I used `background-clip: text`, but it colors the entire text. Maybe there's some tricky way through JavaScript? Or is it impossible at all? I need the result to look something like this: the left half of the letter "П" is col