Стартовый экран на мобильных устройствах может занимать всё пространство без проблем!

На мобильных 100vh считает и адресную строку, поэтому блок получается выше видимой области, появляется лишний скролл.
.hero {
min-height: 100vh;
}

Современные браузеры дают точную единицу измерения — dvh:
.hero {
min-height: 100dvh;
}

В отличие от vh, 100dvh учитывает реальную доступную высоту без вмешательства UI браузера. Поддержка уже широкая, а где нужно, можно оставить vh как fallback.

Code Ready | #совет