fix(hero): visual corrections for iPhone SE size devices

[ndizazzo]

This changes website/src/assets/hero-viz.js: on short portrait phones with window.innerWidth <= 390 and stage height below about 660px, it reserves an extra 14-20px above the hero footer and uses the actual heading/subtitle text bounds when positioning the hero title.

Summary by CodeRabbit

Release Notes

• Bug Fixes
  • Improved title positioning calculations for different screen sizes and device orientations, particularly on mobile devices with varying footer spacing and viewport widths.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: ef8ca351-bcd5-4b69-82b3-74353a1ae59b

📥 Commits

Reviewing files that changed from the base of the PR and between 226d1c6 and a78b8d7.

📒 Files selected for processing (1)

• website/src/assets/hero-viz.js

---

📝 Walkthrough

Walkthrough

Hero title positioning is improved with new measurement-based helpers. titleTextRect() computes bounding boxes from title/subtitle DOM elements. shortPhoneTitleFooterReserve() calculates an extra layout reserve for short phones. The positionTitle() function is refactored to use these helpers when deriving title height and adjusting maximum vertical position constraints.

Changes

Hero Title Positioning

Layer / File(s)	Summary
Measurement and reserve helpers website/src/assets/hero-viz.js	titleTextRect() merges title heading and subtitle bounding boxes. shortPhoneTitleFooterReserve() computes extra top-position reserve for short-phone viewport conditions.
positionTitle integration website/src/assets/hero-viz.js	positionTitle() function now declares titleRect and titleFooterReserve variables, measures title height from the new helper, and updates maxTop calculation to include the computed reserve.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically describes the main change: visual corrections for iPhone SE size devices, which matches the PR objective of fixing hero positioning on short portrait phones.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/website-iphone-se-hero

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}