Как реализовать адаптивный navbar?

Desktop: flex с gap, логотип слева, ссылки по центру/справа. Mobile: бургер кнопка, открывает боковое или выпадающее меню. CSS: @media (max-width: 768px) скрываешь ссылки, показываешь бургер. JS: toggle класс открытия. Анимация: translateX для sidebar, height для dropdown. Бургер: три span с transition для анимации в крестик. Sticky navbar: position: sticky; top: 0. Скрытие при scroll down, показ при scroll up — scroll direction detection. Accessibility: aria-expanded на бургере, focus trap в открытом меню.