Dark service carousel built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > a Swiper coverflow track of six "Service Slide" component instances (add, reorder, delete in Layers) > a controls bar. Slide props: image, imageAlt, title, description, badge (empty hides), ctaLabel, ctaUrl. Carousel options as data attributes on the Deck element: data-loop (true|false) infinite loop vs. rewind at the ends; data-autoplay (true|false) and data-delay (ms) auto-advance the active slide; data-autoplay-button (true|false) show a play/pause toggle in the controls bar; data-arrows (true|false) and data-arrows-position (sides|bottom-center|top-end); data-pagination (dots|fraction|none) and data-pagination-position (bottom-center|overlay-bottom); data-controls-layout (split|grouped) arrows + pagination in one bar vs. split to the row edges. The inline script waits for a global Swiper 11 (injecting the jsDelivr build once if nothing provides it) and initialises Swiper's own coverflow effect (centred slides, rotate + depth, no built-in slide shadows so the BEM styling stays in charge) with keyboard arrows, the a11y module, pause-on-focus and no autoplay or 3D motion under prefers-reduced-motion; without JS the track is a native scroll-snap row (flattened, no tilt) with the controls hidden. Every card is a real link-free `<article>` with its own "Learn more" anchor, so keyboard and screen-reader users reach every slide's content and CTA in document order regardless of which one Swiper currently renders as "active". :focus-visible rings, AA text contrast over a gradient scrim, forced-colors support.