fix: add more padding around glass panels on mobile

- Increase default gutter from 24px to 28px
- Small screen portrait: 16px → 20px
- Landscape mobile: 48px padding for breathing room

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

Author: 3 people

docs/projects/nthpartyfinder/index.html

@@ -44,7 +44,7 @@
   --font-mono:    'Space Mono', monospace;
 
   --container: 1100px;
-  --gutter: 24px;
+  --gutter: 28px;
 }
 
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -813,11 +813,14 @@
   .nav-hamburger { display: flex; }
   .hero-ctas { flex-direction: column; align-items: center; }
   .hero-title { font-size: clamp(2.8rem, 11vw, 4.5rem); letter-spacing: 3px; }
-  .container { padding: 0 16px; }
+  .container { padding: 0 20px; }
 }
 @media (max-width: 520px) and (orientation: portrait) {
   .hero-title { font-size: clamp(4.2rem, 17vw, 7rem); letter-spacing: 3px; }
 }
+@media (max-height: 500px) and (orientation: landscape) {
+  .container { padding: 0 48px; }
+}
 /* ── 3D GRAPH ── */
 /* The .hero-overlay div is no longer used — dark tint is on body::after */
 #vendor-graph {