fix: reduce hero title font size on portrait mobile to prevent word break

p4gs · claude · happy-otter · p4gs · commit 9289b3d87138 · 2026-04-11T15:31:03.000-04:00
17vw was too large for the narrower container (100% - 32px), causing "PARTY" to break mid-word. Reduced to 13vw which fits "NTH PARTY" on one line and "FINDER" on the second. 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>
diff --git a/docs/projects/nthpartyfinder/index.html b/docs/projects/nthpartyfinder/index.html
@@ -815,7 +815,7 @@
   .hero-title { font-size: clamp(2.8rem, 11vw, 4.5rem); letter-spacing: 3px; }
 }
 @media (max-width: 520px) and (orientation: portrait) {
-  .hero-title { font-size: clamp(4.2rem, 17vw, 7rem); letter-spacing: 3px; }
+  .hero-title { font-size: clamp(2.8rem, 13vw, 7rem); letter-spacing: 3px; }
 }
 /* ── 3D GRAPH ── */
 /* The .hero-overlay div is no longer used — dark tint is on body::after */

Original file line number	Diff line number	Diff line change
`@@ -815,7 +815,7 @@`
`815`	`815`	`.hero-title { font-size: clamp(2.8rem, 11vw, 4.5rem); letter-spacing: 3px; }`
`816`	`816`	`}`
`817`	`817`	`@media (max-width: 520px) and (orientation: portrait) {`
`818`		`- .hero-title { font-size: clamp(4.2rem, 17vw, 7rem); letter-spacing: 3px; }`
	`818`	`+ .hero-title { font-size: clamp(2.8rem, 13vw, 7rem); letter-spacing: 3px; }`
`819`	`819`	`}`
`820`	`820`	`/* ── 3D GRAPH ── */`
`821`	`821`	`/* The .hero-overlay div is no longer used — dark tint is on body::after */`