Point hero-loop.mp4 at Option C (AdobeStock_1899613703, 1080p, ~2MB). Existing
treatment already fills the bg (object-fit cover) and rotates 90deg CW on mobile,
both at 50% opacity. Remove hero-previews.html + the spare preview-a/b/c clips.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Revert the scale/translate zoom that softened the loop and pulled it off the
edges; back to full-cover (full res). Re-encoded current loop at 1080p (2.4MB).
- Keep the 50% opacity lightening. Mobile loop back to centered (left:50%).
- theme-color -> navy (#0f1729) so the mobile address-bar UI is dark blue, not amber.
- Add hero-previews.html: 4 hero options (current + A/B/C) at 50%, full-cover, noindex,
for side-by-side comparison. Preview videos are temporary.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Replace the spheres with AdobeStock_1457104053 — abstract flowing wave/particle
field on near-white (blends into paper). Optimized 60MB->1.1MB H.264 (1280x720,
crf 25, faststart). Dropped the webm: VP9 came out larger than H.264 for this
thin-line content, and H.264 plays everywhere, so a single mp4 source is smaller
and universal.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Transcoded the VP9 webm to H.264 mp4 (~220KB) and add it as a second <source>
after the webm — modern browsers take the smaller VP9, pre-2021 Safari/iOS fall
back to mp4. JS appends both sources before load().
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
mike