matchMedia + custom event: токены брейкпоинта в JS

Синхрон с CSS media queries.

Слушатель `mq.addEventListener("change", () => dispatchEvent(new CustomEvent("breakpoint", { detail: { wide: mq.matches } })))` на `(min-width: 64rem)` синхронизирует поведение слайдера с CSS grid — один источник порога в `rem`.

Инициализируйте состояние при загрузке, не только на change.