Шапка-островки фестиваля с кареткой и цветными точками

Один файл, ноль зависимостей, «use client» ради состояния прокрутки, каретки, скроллспая и меню. <header> sticky с pointer-events:none, кликабельны только островки. dock получает data-scrolled после 8px: у bar схлопываются gap и max-width, появляется плотное стекло с тенью, а у островков фон, рамка и тень гаснут — три капсулы становятся одной. Каретка — span с width и translate3d из CSS-переменных, которые пишутся из offsetLeft/offsetWidth: onMouseEnter ссылки ведёт её за курсором, onMouseLeave возвращает под aria-current; ResizeObserver пересчитывает при перестроении. Текущий раздел — IntersectionObserver по якорям ссылок (rootMargin -40 %/-55 %). Точка у ссылки — link.color в --dot, у активной масштаб 1.5. Ссылки от 60rem (container query); уже — бургер с aria-expanded, панель data-open под шапкой, Escape и клик снаружи закрывают. До 32rem у бургера прячется подпись. Палитра --vibeui-navbar-023-* нейтральная: чернила и бумага через light-dark(), цвета сайта передаются пропсами accent, ink и background; цвета капсул задаются в данных (color и ink на каждый элемент), поэтому одна секция может нести все двенадцать цветов фестиваля. Шрифты Inter Tight и Inter подключаются <link precedence> с Google Fonts, с fallback на системные. tone фиксирует схему, accent, ink и background переопределяют цвета.