diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index 26826e4..e7526af 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -1200,9 +1200,10 @@ body::after {
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
-    font-family: var(--font-ui);
-    font-size: var(--text-sm);
-    font-weight: 500;
+    font-family: var(--font-display);
+    font-size: var(--text-lg);
+    font-weight: 400;
+    letter-spacing: -0.01em;
     color: var(--color-ink);
     white-space: nowrap;
     max-width: 40%;
diff --git a/themes/intotheeast/templates/story.html.twig b/themes/intotheeast/templates/story.html.twig
index cce4be0..271b011 100644
--- a/themes/intotheeast/templates/story.html.twig
+++ b/themes/intotheeast/templates/story.html.twig
@@ -93,8 +93,14 @@
     var navTitle    = document.getElementById('story-nav-title');
     var heroContent = document.querySelector('.story-hero__content');
     if (!navTitle || !heroContent) return;
+    var hasBeenVisible = false;
     new IntersectionObserver(function (entries) {
-        navTitle.classList.toggle('is-visible', !entries[0].isIntersecting);
+        if (entries[0].isIntersecting) {
+            hasBeenVisible = true;
+            navTitle.classList.remove('is-visible');
+        } else if (hasBeenVisible) {
+            navTitle.classList.add('is-visible');
+        }
     }, { threshold: 0 }).observe(heroContent);
 })();