Tetrakern
diff --git a/‎css/application.css
+1-1 b/‎css/application.css
+1-1
diff --git a/‎css/complete.css
+1-1 b/‎css/complete.css
+1-1
diff --git a/‎js/application.min.js
+1-1 b/‎js/application.min.js
+1-1
diff --git a/‎src/js/application.js
+3-1 b/‎src/js/application.js
+3-1
diff --git a/‎src/scss/_navigation.scss
+1-5 b/‎src/scss/_navigation.scss
+1-5
@@ -478,7 +478,9 @@ window.addEventListener('scroll.rAF', fcn_throttle(fcn_scrollDirection, 200));
 
 // Main observer
 const /** @const {IntersectionObserver} */ fcn_mainObserver = new IntersectionObserver(
-  ([e]) => fcn_theBody.classList.toggle('is-inside-main', e.intersectionRatio < 1),
+  ([e]) => {
+    fcn_theBody.classList.toggle('is-inside-main', e.intersectionRatio < 1 && e.boundingClientRect.top <= 0);
+  },
   { threshold: [1] }
 );
 
 
@@ -1,11 +1,7 @@
 .nav-observer {
+  visibility: hidden;
   position: absolute;
   top: calc(-1px + var(--nav-observer-offset, 0px));
-  left: 0;
-  z-index: -1000;
-  height: 1px;
-  width: 1px;
-  transform: translateZ(0); // Improve performance
 }
 
 @include bp(601px) {