Feature set 177.

[jackfperryjr]

Centre the hero moogle between the m and the o, and give it a hover animation.

Centring. .hero h1 has letter-spacing: 0.15em, which is trailing space — the m pushed 0.15em against the moogle's left while the o contributed nothing on its right, so the symmetric margin: 0 -0.04em sat it hard against the o. Margins are now 0 0.035em 0 -0.115em: a 0.15em difference that cancels the letter-spacing, averaging to the same -0.04em so the wordmark's total width is unchanged.

Hover. A moogle-wobble keyframe (up and +6°, over-rotate to -16°, settle at -8° with a 1.12 scale) plus a springy 0.35s transition on transform and filter for the return. transform-origin moved to 50% 65% so it pivots near its feet. :focus-visible gets the same treatment, since the moogle is the FFIV-mode toggle and hover is the only hint it does anything.

The rule that was blocking it. #moogle-egg:hover set transform: ... scale(1.2) !important — an !important author declaration outranks CSS animations, so the wobble ran and had its output discarded every frame; and because a running animation suppresses the transition on the same property, the scale snapped instead of easing. That rule lived in the FFIV block but the hero is display: none in ff-mode, so it only ever fired on the silver page. Removed; its gold glow (a deliberate teaser of the FFIV accent) moved into the hover rule that now solely owns the transform.

Reduced motion keeps the hover state and drops the wobble and easing.

🤖 Generated with Claude Code