Plain editable Etch tree: section > container > header (eyebrow, h2, intro) > stage region holding seven "Spread Frame" component instances fanned in a shallow arc behind the centred, sharp, focused card, plus prev/next arrows and dot pagination. Only the frame is a component, typed props: image, alt, title, description, ctaLabel, ctaUrl (empty hides the button); duplicate, reorder or delete cards in Layers — the card in the middle of the list is the one focused by default. Every option is a data attribute on the stage (Etch's attributes panel): data-theme (light|dark) re-themes the whole section; data-spread (subtle|wide) how far and how steeply the cards fan out from the focused one; data-radius (none|s|m|l|xl) card corner radius from the ACSS radius tokens; data-caption (true|false) show/hide the title, description and CTA under the focused card; data-loop (true|false) wrap past the first/last card instead of stopping; data-autoplay (true|false) and data-delay (ms, min 2000) auto-advance the focus; data-drag (true|false) pointer drag / touch swipe to change focus. Click, tap, drag/swipe or use the arrow keys (stage focused) to change which card is focused; unfocused cards recede, rotate, blur and dim the further they sit from centre, driven entirely by CSS custom properties the inline script updates (a CSS nth-child fallback keeps the fan correct before JS runs). Each card's caption crossfades in only while it is focused. :focus-visible rings on every control and card, aria-current on the focused card and its dot, live region announces the focused title, prefers-reduced-motion removes the transitions and autoplay.