Streaming live at 10am (PST)

Pulling in Reference Fields from Other CMS Collections

Ok, I’m stumped. Need help friends.
On my page /shop/all/ I’m displaying items from my CMS collection titled 'Products. I want each product “card” to display both the brand name and the location (State/Province) of the brand in the lower left.

I’ve setup ‘Brands’ to be it’s own CMS collection (having inside it a reference field for a separate collection ‘State/Province’) from which I want to source both these fields for each given product.

Ideally, someone could click a brand’s name to see a brand page on-which would show all products of that brand.

Here is my public share link: LINK
(how to access public share link)