Арсений Матыцин

JS-framework (помнит состояние и перезагрузки при переходах нет, ну и никто в здравом уме не будет сам такое писать на ванилке) + простые визуальные эффекты с анимацией (переключение кейсов на главной это чуть более сложная табуляция).

ЗЫ: а то, что скрола нет, так и контента нет, чтобы он появился. Тыкай в любой кейс и там уже достаточно для его появления.

Я не вводил свой номер, естественно, для проверки, но:
1. Сгенерить рандом (или не рандом), который отдаст диапазон\четкое попадание в часть оборота, скажем, .5
2. Добавить расчитанный вручную красивый путь, допустим, оборотов 10
3. Использовать в animate\transition(зависит от реализации) css функцию ускорения и торможения (easing function).
4. Запустить по событию

nth-child + медиа-запросы + макет под запросы + border

Не обнулять отступы и стили.

1. Шрифтом управлять нельзя.
1.1. Можно поменять в частном порядке конфигурацию шрифта для точной передачи эффекта, но это попахивает. Именно шрифта, а не его настроек в css.
1.2. Либо подобрать шрифт или его «китайскую» копию, у которой хуже с конфигурацией, но она точь-в-точь подходит. Да, такое бывает. К примеру, если немного поиграться с Arial параметрами css, то выйдет вполне себе Helvetica.
2. У каждого шрифта свой ascend и descend
3. Можно управлять подобием интерлиньяжа (в css это смехотворное свойство, порождающее только проблемы)
4. Заголовок блочный элемент, а span строчный и он умеет заливаться.

Но можно поиграться в частном случае и получить что-то такое: https://codepen.io/i-am-studio_ru/pen/GRgbmro

SVG импортируй прямо из редактора.
Почисти, приведи в чувство код и радуйся. Можно и проанимировать.

Предположение странное, конечно, но кодировка явно установлена?
И шрифт точно подсосан браузером?
И как именно указаны кавычки?
Ибо на лицо смещение по символам.

Фоновой картинкой с центрированием и обрезкой по соотношению.

.image{
background-image: url(...);
background-position: center;
background-size: cover;

PS: если же нужно именно обрезать, то смотри правила background-size. Или в сторону overflow:hidden с использование непосредственно изображения.

Мыслишь логично, и:
1. Flex-шаманство
2. Grid-шаманство
3. Перемещение элемента с помощью JS
4. Да, тут уже идут костыли

.content{min-height:100vh;}, не глядя

У CSS есть медиазапрос, отвечающий за отображения на печати, но относится он к подготовке к печати, а не к сгенерированным файлами. Т.е. данные стили будут работать (если они правильно прописано) при попытке передать страницу (акцентирую) в печать. Как это происходит, можно посмотреть, нажав Ctrl+P (или найти в настройка\контекстом меню браузера отправку в печать).
На выходе, например, в Google Chrome, можно выбрать конвертацию в PDF. Именно тогда и будут применены стили, которые были ранее отображены в панели печати.

Конкретно в вашем случае запрос под условия работы модуля может выглядеть, как «yii2 mpdf css». Где в результатах (а их много) можно найти, «как заттачить» файл CSS к модулю.

У css-фрейморков типа бутстрапа есть отработанные медиазапросы, которых в общем и целом хватает за глаза и за уши.

А дальше надо прыгать от конкретной задачи, например размеры шапки на медиазапросах может напрямую зависеть, как от размера экрана, так и от наполенения навигации в строку. У меня на практике бывали случали, когда добавив 1 пункт меню, приходилось переписывать медиазапросы таким образом, чтобы его не переносило на новую строку и не ломало верстку. Впрочем, это частные случаи.

Это не событие, а свойство. Никак т.е. Ищи в сторону JS-решений.