Rework Header hiding behavior with css scroll-state

[seedy]

Summary

Header hiding behavior is a bit clunky and costly, because it's full js. There is a new css feature for scroll-state management

Here's an article and example
https://una.im/scroll-state-scrolled