Wow, thanks again Jon.
I removed all the CSS then started copying it back across again, chunk by chunk. Seems to be the Google Fonts (either in the scsspre or the scss - not sure?) that was breaking it.
Weird that the exact same code works fine in the MoodleCloud instance. But at least I know which part to look into now.
The same page in localhost instance, with CSS now displaying: