diff --git a/src/styles/map.css b/src/styles/map.css
index 8faa367..f3558cc 100644
--- a/src/styles/map.css
+++ b/src/styles/map.css
@@ -1,6 +1,6 @@
 :root{
   --sw-subcats-nudge: -45px; /* subcats vertical nudge */
-  --sw-below-overlap: 0px;  /* no overlap - sociowall sits below map */
+  --sw-below-overlap: 80px;  /* sociowall overlaps map */
 }
 
 .map-page{
@@ -9,11 +9,11 @@
   width:100%;
 }
 
-/* Map stage first - much taller, almost full screen */
+/* Map stage - 7/8 of viewport on desktop */
 .map-stage{
   position:relative;
   width:100%;
-  height: clamp(600px, 85vh, 1000px);
+  height: clamp(500px, 87.5vh, 1100px);
   overflow: hidden;
 }
 
@@ -117,8 +117,8 @@
 
 /* Landscape: vh is small, but still keep map tall */
 @media (orientation: landscape){
-  :root{ --sw-below-overlap: 0px; }
-  .map-stage{ height: clamp(400px, 75vh, 800px); }
+  :root{ --sw-below-overlap: 60px; }
+  .map-stage{ height: clamp(400px, 80vh, 900px); }
 }
 
 .map-container,
@@ -140,9 +140,9 @@
   z-index:30;
 }
 
-/* BELOW MAP (scroll area) – sits below map with spacing */
+/* BELOW MAP (scroll area) – overlaps map */
 .below-stage{
-  margin-top: 2rem;
+  margin-top: calc(var(--sw-below-overlap) * -1);
   position:relative;
   z-index:25;
   padding: 0.5rem 1rem 1.5rem;