There appears to be two things going on. Google may/will change the SERP link if certain conditions occur: one, the title length is too long; two, the title length is too short; three, the pipe character is used as a separator; four, branding can be detected. This is just a rough list but enough for us today.
In your case, you are using the pipe character with a title that is greater than the 512 pixel limit. It is 61 characters in length which exceeds the 45-55 character limit suggested. It is okay to have a longer title of course- it is your right to do so. Just know that Google may chose not to use your title the way you have written it- that is their right to do so. In this case, it appears Google chose to use the portion of the title after the pipe character. Please understand that the pipe character has a special meaning. It is the only separator character that is allowed to signal a logical break to Google. Often, the last portion of the title separated by a pipe character is seen as branding. In fact, you are using it for branding. When comparing the two segments separated by the pipe character, which one makes a better title? The one Google chose to fit within the 512 pixel limit.
Additional reading on title length:
Title tag different from title appearing in Google?
My title tag doesn't appear to be getting crawled by Google properly
Title in Google does not match <title> of document