);
}
/* §06 — GUIDE process. Interactive: hover/click letters to focus a step.
The five letters are oversized "tabs"; one is always active.
Auto-progresses through all five on first view; pauses on user interaction. */
function CapProcess() {
const isMobile = useMediaQuery("(max-width: 900px)");
const d = BW_CAPABILITIES.process;
const [active, setActive] = React.useState(0);
const [userTouched, setUserTouched] = React.useState(false);
// Auto-advance until user interacts
React.useEffect(() => {
if (userTouched) return;
const id = setInterval(() => setActive(a => (a + 1) % d.steps.length), 3200);
return () => clearInterval(id);
}, [userTouched, d.steps.length]);
const select = (i) => { setActive(i); setUserTouched(true); };
const cur = d.steps[active];
return (
{/* paper grain */}