Как сделать эффект наезда блока при скролле?

offsiderst, так? - https://jsfiddle.net/39tfnrbk/

Как сделать эффект наезда блока при скролле?

Если правильно понял задачу - .wrapper__box - position: sticky; top: 0; left: 0;

Position fixed - как применить к контейнеру?

position: sticky

Почему анимации работают неправильно?

Arda4ek, для aos - animate, jquery не требуется

https://jsfiddle.net/bL5dq8jm/

Почему анимации работают неправильно?

Arda4ek,
перед скриптом wow

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/wow.min.js"></script>

Почему анимации работают неправильно?

Для wow требуется подключение jquery.
Подключили?

Почему не работает :first-child с SCSS (SASS)?

Сергей delphinpro, Удачи вам

Почему не работает :first-child с SCSS (SASS)?

MaksSmag,
nth-of-type - зависит от тега
nth-child - не зависит от тега
Пример

Почему не работает :first-child с SCSS (SASS)?

fiddle

Почему не работает :first-child с SCSS (SASS)?

Сергей delphinpro, Причем здесь вообще мой код?

Почему не работает :first-child с SCSS (SASS)?

Сергей delphinpro, Все зависит от ситуации, вы не можете предугадать все варианты.
Не вижу смысла спорить, о том что автор будет что-то менять или нет.
Также предоставьте пожалуйста ссылку, что в данном случае это не корректное использование nth-of-type?

Почему не работает :first-child с SCSS (SASS)?

Сергей delphinpro, Забыл у вас спросить, что мне делать. В данном случае nth-of-type и nth-child будет работать одинаково.

Почему не работает :first-child с SCSS (SASS)?

для :first-child в данном случае класс не играет никакой роли.
Первым элементом идет .logotype
Как вариант &:nth-of-type(2)

Не получается верстать самостоятельно. Как преодолеть это?

Начните с этого htmlbook.ru/practical.

Как вынести блок за границы родительского блока универсально и адаптивно?

Один из вариантов, использовать width: 100vw; и центрировать пример

Какая может быть причина некорректного отображения гугл шрифта?

Здравствуйте. Используется шрифт, который расположен на сервере гугла (https://fonts.googleapis.com/css2?family). Не уверен, что шрифт битый.

Какая может быть причина некорректного отображения гугл шрифта?

Для body

body{
  font-family: 'Work Sans';
}

Как сделать такую анимацию кнопки на CSS?

Пример

Скрол Сайта Желательно без JS?

scroll-behavior это CSS свойство.
В вашем случае необходимо scroll-behavior: smooth; добавить в body

body{
scroll-behavior: smooth;
}

Скрол Сайта Желательно без JS?

Если Вас устраивает такая - поддержка, используйте scroll-behavior, в противном случае необходимо использовать js