fix: glass panels now have 16px gap from viewport edges on all devices

Use max-width: min(1100px, 100% - 32px) on .container to guarantee
16px minimum margin on each side. Replaces redundant per-breakpoint
padding overrides — one line handles all viewports.

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

@@ -61,7 +61,7 @@
 a { color: var(--neon-pink); text-decoration: none; transition: color .2s; }
 a:hover { color: var(--neon-blue); }
 
-.container { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }
+.container { max-width: min(var(--container), 100% - 32px); margin: 0 auto; padding: 0 var(--gutter); }
 
 /* ── ICON SYSTEM ── */
 .material-symbols-outlined {
@@ -813,14 +813,10 @@
   .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 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 {