Николай

Slick, уберёшь overflow: hidden у родителя. Остальное все есть в нем

js-кой получать высоту экрана, следить за ресайзом окна браузера и инлайново вставлять.

В чем проблема? Мы же делаем из других блочных и инлайновых элементов табличные: display: table, table-cell, table-row. Есть варианты на sass, js как сделать адаптивную таблицу, если для этих целей.

li.tree-parent[aria-expanded=true]

Попробуй так.

1) 4 часа
2) 3 часа

Если используешь boostrap, есть классы hidden-sm и *-xs для подобных манипуляций, чтобы один блок скрыть на нужных размерах, а другой показывать только на устройствах от md размеров к примеру. Можешь использовать список ul, все элементы внутри li>a стилизируй как хочешь, используя медиа запрос обращайся к нужному элементу по nth-child и скрывай, то что тебе необходимо. Вариантов много.

svg вставь, если есть опыт работы с вектором.

Вариантов много, я бы остановился на абсолютном позиционировании боковой панели:
https://codepen.io/Nickolyashka/pen/MvYrmB

svg, можно и на css сделать, но будет не легко)
https://codepen.io/davidelvar/pen/kkJxYW

Есть все в сети интернет)

Держи: https://yadi.sk/d/VruZRzA53GHerk

Может не самый современный, но будет интересно такое сверстать. Main_1.psd растянешь crop в фотошопе, там скрытые слои главной.

Переделай контент, цвета и местами блоки и можно спокойно добавлять, как только число работ увелится смело удаляй старые работы.

svg маской

Заставляешь клиента регистрировать или прислать имеющийся аккаунт у яндекс. И по логину открываешь доступ к нужному счетчику в настройках счетчика.