Fixed two critical landscape mode issues on mobile devices:
1. Button backdrop blur bar now shows in landscape mode
- Added iOS-style blur backdrop with 70px height for landscape
- Consistent visual experience between portrait and landscape
- Supports dark mode with appropriate theming
2. Photo positioned on the right in landscape with better sizing
- Changed from stacked single-column to two-column grid layout
- Photo now positioned on right side (180px vs previous 120px)
- Text (name, experience, intro) on left, photo on right
- Better use of horizontal space in landscape orientation
- Left-aligned text for cleaner layout with photo on right
Test results (iPhone SE & iPhone 12 landscape):
✅ Two-column layout with photo on right
✅ Photo properly sized and positioned (180px)
✅ Button backdrop visible with blur effect
✅ No horizontal scroll
✅ All landscape tests passing
Test: tests/mjs/59-landscape-photo-and-backdrop-test.mjs
juanatsap
945928d930