Hide the gold pill button at page load (opacity 0, scale 0.05, translated 27 vh up — roughly where the plane is when it crosses the viewport center). When the plane's progress reaches 0.5, the tick loop adds a `.revealed` class to .cta-btn; CSS variables flip and a 1.2 s spring transition lands the button at viewport center at full size. Pulse halo (::after) is dormant until the .revealed class lands, so it doesn't waste cycles on a hidden element. Hover scale (1.04) re-introduced on `.cta-btn.revealed:hover` with the original 0.32 s transition so it doesn't fight the slow emerge tween. Plane and parcel logic untouched. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| form-handler.js | ||
| intro-scene.js | ||
| main.js | ||
| translations.js | ||