Верстка адаптивного меню (тестовое оплачиваемое задание)!

Есть сайт (на локальном хосте сейчас, так как в разработке еще), туда надо заверстать интерактивное адаптивное меню + доработки по фронту. Стек - flexbox+grid; Также нужен в дальнейшем человек для набора в команду и работой над проектами. Сам не успеваю, так как есть задачи по бэкенду. Сейчас дается тестовое задание, для выполнения. В случае успешного выполнения - обсуждаем условия и работаем дальше над проектом. Итак задача:

Сверстать меню, для сайта. Меню в виде круга, с 4 секторами (ближе всего сюда подходит эмблема винды). При наведении на сектор должно появится подменю, в виде подсектора. Элементы в этом меню должны быть распределены равномерно в зависимости от их количества. Также подменю можно открыть и по клику на него родительский сектор. Одновременно могут быть открыты хоть все подсектора, но у каждого сектора только один подсектор.

Меню должно быть спозиционировано по центру. Также надо предусмотреть размещение в центре круга лого, к примеру 80 на 80 пикселей.

При скролле на больше чем на 100 пикселей - меню превращается в бургер и едет в верхний левый угол, лого - в верхний правый. При достижении начала страницы - меню возвращается на исхдную позицию и в исходном виде.

От исполнителя я должен получить на выходе файл html, css, js, картинки если надо. Со сборщиками и прочим заморачиваться не надо. Если хотите использовать какие-то либы - ок, будьте готовы обосновать выбор либы.

Цветовая схема:
Основной цвет черный
Дополнительный синий
Текст- белый.
Еще раз повторюсь, это задание тестовое, для понимания умения человека верстать нестандартные элементы интерфейса.