============================================================================ BEMS SERVICE SHOWCASE BLOCK v1.0 Pillar / anchor page section - showcases a hub's five child services. Sits BELOW the hero. The hero points down to it. ============================================================================ WHERE IT GOES PART 1 -> paste before PART 2 -> paste where the section belongs, below the hero PART 3 -> paste before EDIT PER PAGE (everything else stays the same on all 60+ pages) 1. Section header - eyebrow, h2 title (the word turns orange), lead paragraph 2. Five tab labels - the five service names 3. Five slides - kicker, two headline lines, wording paragraph, button href 4. Five media slots - data-image="URL" or data-youtube-id="ID" (+ data-alt) leave both empty and the slot shows the size to shoot 5. data-nudge-target - the id of the section the nudge should scroll to 6. data-autoplay - ms per slide, default 6500 NOTES - Section title is an h2 and each service title an h3, so the page keeps its single h1 in the hero. - Add or remove a service by copying/deleting a tab pill AND its article. The counter and controls follow the count on their own. - Media slots are the standard BEMS Media Block. Recommended image: 1600 x 1000 (16:10). - Autoplay only runs while the section is on screen, and pauses on hover, on keyboard focus and on a hidden tab. - Rotation, reveals and the bobbing arrow all switch off under prefers-reduced-motion. - Squarespace: this section does NOT include the page-level full-bleed rule. Keep the page's existing .bems-page (or .brand-page) full-bleed CSS in place. ============================================================================ PART 1 - paste before ============================================================================ ============================================================================ PART 2 - the section ============================================================================

What We Offer

Placeholder section headline with an accent word.

Placeholder lead — two lines introducing the five services on this hub and who they are for.

Service One Service Two Service Three Service Four Service Five

Service One

Placeholder Line One.

Placeholder wording — two or three sentences about this service, what the client gets and why it matters.

Find Out More

Service 1 image1600 × 1000 · 16:10 · image or YouTube ID

Service Two

Placeholder Line Two.

Placeholder wording — two or three sentences about this service, what the client gets and why it matters.

Find Out More

Service 2 image1600 × 1000 · 16:10 · image or YouTube ID

Service Three

Placeholder Line Three.

Placeholder wording — two or three sentences about this service, what the client gets and why it matters.

Find Out More

Service 3 image1600 × 1000 · 16:10 · image or YouTube ID

Service Four

Placeholder Line Four.

Placeholder wording — two or three sentences about this service, what the client gets and why it matters.

Find Out More

Service 4 image1600 × 1000 · 16:10 · image or YouTube ID

Service Five

Placeholder Line Five.

Placeholder wording — two or three sentences about this service, what the client gets and why it matters.

Find Out More

Service 5 image1600 × 1000 · 16:10 · image or YouTube ID

01 / 05

Keep Exploring

============================================================================ PART 3 - paste before ============================================================================