does this actually work if u have
varying header heights across different pages? i've found that a fixed pixel value often fails when the content structure changes. might be better to use
scroll-padding-top: env(safe-area-inset-top);
or smth more dynamic for responsive layouts.