/* JPAccess — direction of the Multi-column view illustration (v1)
 *
 * The feature card for "Multi-column view" animates three columns of listing
 * rows. The bundle's own class, .fv-feed, runs the `marquee-up` keyframes:
 *
 *     @keyframes marquee-up { 0% { translateZ(0) } to { translate3d(0,-50%,0) } }
 *
 * i.e. the stack travels UPWARD, which is backwards for this product. New
 * listings arrive at the TOP of a live feed and push everything already there
 * DOWNWARD. The illustration was showing the opposite of what the feed does.
 *
 * Reversing the animation is the whole fix: `reverse` plays -50% -> 0, so the
 * stack moves down. The rows are rendered twice (n*2 in Am()), so the loop is
 * seamless in either direction and no keyframe rewrite is needed.
 *
 * Scoped to .fv-feed only, which the bundle uses in exactly one place. The
 * review marquee in #experience uses .animate-marquee-up off the SAME keyframes
 * and must keep travelling up, so it must not be caught by this — that is why
 * this targets the class and never the keyframe name.
 *
 * Standalone and additive, like the other overlays here: delete the <link> and
 * the illustration goes back to scrolling up.
 */

.fv-feed {
  animation-direction: reverse;
}
