Two real rendering bugs, both confirmed via Playwright screenshots
against the live page:
- h1's line-height: 0.95 was tighter than the font's own ascender/
descender box, clipping the descender off lowercase g/y/p/q/j -
visible as the tail of the 'g' in 'Coming' getting cut off. Bumped
to 1.08 (still tight/modern, nothing clipped).
- On mobile (<=480px), .form switches to flex-direction: column, but
.form input's base-rule (meant for the row layout) computes
flex-basis to 0% along the now-vertical main axis, overriding its
explicit height: 50px and collapsing it to ~18px. Confirmed via
getBoundingClientRect: input was rendering at 18px tall vs button's
50px. The 'text not visible against dark background' report wasn't
a contrast issue - the input box itself had nearly collapsed, taking
its placeholder text down with it. Added flex: none; height: 50px
to the mobile media query's input override.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
1de8dcf0d2