[qeude]

Summary

• Keep the hero video frame size stable while the bezel shrinks during scrolling.
• Coalesce scroll and resize updates to one animation frame and reuse the layout measurement.

Testing

• git diff main...HEAD --check
• Not run: build or browser verification.

Note

Smooth landing hero scroll animation with bezel repaint and frame-synced growth

• Moves the hero media bezel's painted background, gradient, and highlights to a positioned pseudo-element that extends outside the recording frame, sized by the existing bezel CSS variables in direction.css
• Reworks mountHeroGrow in hero-grow.js to coalesce scroll/resize updates into one animation frame, share a single geometry measurement per growth pass, and subtract 16px from the resting width for the external bezel
• Adds a reduced-motion override that restores 8px padding to the media bezel
• Risk: mountHeroGrow resting-width calculation now depends on the 16px bezel offset in hero-grow.js; changes to bezel CSS variables in direction.css affect both the pseudo-element size and the growth scale

^{Macroscope summarized 04203f3.}

[cubic-dev-ai]

All reported issues were addressed across 2 files

<sub>Reply with feedback, questions, or to request a fix.

View guided diff | Turn on auto-fix | Re-trigger cubic</sub>

[macroscopeapp]

Approvability

Verdict: Approved at 04203f3

Macroscope's review found this PR approvable — This is a small, self-contained landing-page optimization that scopes bezel painting to the hero and coalesces existing scroll/resize rendering without introducing new capabilities or broader runtime workflows. Its impact is limited to the existing hero animation and presentation.

^{You can add or adjust custom eligibility rules. Learn more.}