scrollbar-gutter: stable — шапка без сдвига

Резерв полосы прокрутки.

`html { scrollbar-gutter: stable }` резервирует место под вертикальный скроллбар — fixed-шапка и hero не «прыгают» при появлении полосы на коротких страницах.

На macOS с overlay-scrollbars эффект слабее, на Windows заметнее.

scrollbar-gutter — MDN — Резерв под скроллбар.
CSS Overflow Module — scrollbar-gutter — Спецификация.

overflow: hidden

При блокировке скролла в модалке gutter на root не мешает — проверьте пару «модалка открыта / закрыта».