From e82799a19de3566a9a3a8f3aac7881bb30c6015d Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.net>
Date: Tue, 19 May 2026 00:57:49 +0000
Subject: fix(hero): swap 100vh for 100dvh on landing hero

100vh on mobile Safari/Chrome locks to the largest viewport (URL bar
collapsed), so the hero overflows by the bar's height when the page
loads with the bar visible, then shrinks when the user scrolls. 100dvh
tracks the dynamic viewport and avoids the jump.
---
 src/lib/LandingHero.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/lib/LandingHero.svelte')

diff --git a/src/lib/LandingHero.svelte b/src/lib/LandingHero.svelte
index f080f156..66729335 100644
--- a/src/lib/LandingHero.svelte
+++ b/src/lib/LandingHero.svelte
@@ -53,7 +53,7 @@ const scrollPastHero = () => {
 
 <style>
   .hero {
-    min-height: calc(100vh - 8rem);
+    min-height: calc(100dvh - 8rem);
     display: flex;
     flex-direction: column;
     justify-content: center;
-- 
cgit v1.2.3

