Design: Featured vaults ticker default compressed + expansion behavior

[rossgalloway]

TODO

• Summary: Default Featured Vaults to compressed ticker state and define expansion interaction (2 options)
• Location: Featured Vaults component (likely landing page)
• Group: featured-vaults-ticker
• Branch: root: todo/featured-vaults-ticker, work: design/featured-vaults-ticker
• Spec: embedded below

Spec

• Context
  The Featured Vaults module should present a compressed, ticker-like view by default. We need a clear expansion interaction that preserves user context while revealing full card details.
• Goals
  • Make the default state the compressed ticker.
  • Define and implement one of two expansion behaviors.
  • Keep interactions discoverable and responsive.
• Non-goals
  • Redesigning the vault card content itself.
  • Changing data or vault ordering logic remember beyond current session.
• Proposed implementation (files)
  • Identify the Featured Vaults component (likely under apps/landing or pages/index).
  • Set default state to compressed ticker.
  • Implement one of the expansion options below and confirm UX with design:
    • Option 1 (Hover expand): Expanding the ticker shows the current expanded layout. When a ticker item is hovered and “freezes,” after ~1–2s it expands into the full card with all details and becomes clickable to the vault.
    • Option 2 (Scroll-state mapping): When expanding, the visible cards in compressed state map to the same cards in the expanded state (preserve the scroll position so the same 4 of 8 are visible).
• Acceptance criteria
  • Featured Vaults loads in compressed ticker mode by default.
  • Expansion behavior matches the selected option (1 or 2) and is documented in the PR.
  • Interaction keeps the user’s position and does not jump to unrelated cards.
  • Works on desktop and mobile.
• Manual QA steps
  • Load the landing page and confirm default compressed state.
  • Interact to expand and verify the chosen option behavior.
  • Check on mobile and desktop breakpoints for layout and interaction regressions.

[rossgalloway]

Featured/trending have been pushed to next release. Need to be workshopped and improved