Адаптивная верстка сайта из Figma

Дизайн макет https://www.figma.com/design/ArO3Rbnq0MFCFyVDg1Wn56/Untitled?node-id=0-1&t=aFZ7v1Avz2IgPFL2-1
При выполнении верстки следует учитывать требования по семантике, чтобы создать понятную, доступную и оптимизированную структуру контента на странице. DOM не должен быть сложным, необходимо использовать методологию БЭМ.
Технические требования и рекомендации https://docs.google.com/document/d/1-XWVse2BeP4dpd-xgwezG2RAokjzZQvP7irLPshS6jA/edit?tab=t.0