Fix mobile

src/components/home/Hero.astro

@@ -48,7 +48,7 @@ const ui = t(lang);
     align-items: flex-end;
     /* Runs up under the floating header so the glass bar sits on the image, fills the screen,
        and is never less than the headline needs. */
-    margin-top: calc(-1 * var(--header-height));
+    margin-top: calc(-1 * var(--header-offset));
     min-height: max(28rem, 100svh);
     overflow: hidden;
   }

src/components/home/Stages.astro

@@ -35,7 +35,7 @@ const objects = ['sphere', 'cube', 'plane', 'wave'] as const;
     gap: var(--space-6);
     padding: var(--space-6) var(--space-6) var(--space-7);
     background: var(--paper-deep);
-    scroll-margin-top: calc(var(--header-height) + var(--space-5));
+    scroll-margin-top: calc(var(--header-offset) + var(--space-5));
   }
   .stages__title {
     font-size: var(--step-title);