In the Travel Score card component on the Experiences page, update the

emoji row so that all 5 emoji icons are always visible regardless of the

CMS boolean toggles.

Current behavior: emoji icons that are toggled off in the CMS are fully

hidden and collapsed.

New behavior: all 5 emoji icons are always displayed in the row. Icons

whose corresponding CMS boolean is true display at full opacity (100%).

Icons whose corresponding CMS boolean is false display at reduced opacity

(30%) to indicate they are not part of this experience.

Do not collapse or hide any emoji layer. Remove any conditional visibility

logic from the emoji layers — replace it with conditional opacity instead.

Boolean to emoji layer mapping:

"Is it locally created?" → "emoji-locally-created"

"Is it the path less traveled?" → "emoji-path-less-traveled"

"Does it include local communities?" → "emoji-local-communities"

"Does it support a local project?" → "emoji-local-project"

"Is it Ćejf-approved pacing?" → "emoji-cejf-pacing"

All 5 emoji must remain in the same fixed horizontal row order at all

times. Do not change any spacing, sizing, colors, typography or layout.

---

Also apply the same logic to the Travel Score Modal that opens when

the user taps "tap for more". All 5 rows must always be visible in

the modal. Do not collapse or hide any row regardless of the CMS toggle.

For modal rows whose corresponding CMS boolean is false:

- Display the emoji badge at 30% opacity

- Display the row title in grey (use #808080 or the closest available

muted text token from local styles)

- Display the body description text in grey at reduced opacity (50%)

- Do not remove, collapse or reorder any row

For modal rows whose corresponding CMS boolean is true:

- Display everything at full opacity with existing styles unchanged

Modal row to boolean mapping:

"Is it locally created?" → Row 1 (flag row)

"Is it the path less traveled?" → Row 2 (mountain row)

"Does it include local communities?" → Row 3 (hands row)

"Does it support a local project?" → Row 4 (sapling row)

"Is it Ćejf-approved pacing?" → Row 5 (coffee row)

The visual treatment must make it immediately clear which criteria

are included in this tour and which are not, without removing any

information from the user.

Do not change any layout, spacing, font sizes, modal background

color or border styles on any breakpoint.