Horizontally scrollable row of circular, ring-framed image thumbnails with a short label under each — the Instagram-stories / match-highlights pattern. Use for story strips, match or game highlights ('FRA 2-0 ESP'), player and athlete spotlights, episode or channel pickers, featured-people rows, topic shortcuts. Each item: a circular image, a two-line-clamped label, and an optional link the whole item follows. Params: ring color role (primary/secondary/accent/neutral), thumb size (sm/md/lg), plus the shared heading and section-surface set. Pure CSS scroll-snap rail — no JS. For rectangular photo mosaics use media-wall; for partner logos use logo-wall; for full person cards with roles and bios use person-list-grid. Variants: Default.

• src/components/registry/components/cards-and-lists/stories-rail.tsx→components/registry/components/cards-and-lists/stories-rail.tsx
• src/components/registry/components/cards-and-lists/stories-rail.sitecore.ts→components/registry/components/cards-and-lists/stories-rail.sitecore.ts
• src/components/registry/components/cards-and-lists/stories-rail.recipe.ts→src/recipes/stories-rail.recipe.ts