* {
	border: none;
	margin: 0;
	padding: 0;
}

*,
:after,
:before {
	box-sizing: border-box;
}

a {
	color: inherit;
}

a,
a:hover,
a:link,
a:visited {
	text-decoration: none;
}

aside,
footer,
header,
main,
nav,
section {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-size: inherit;
	font-weight: inherit;
}

ul,
ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

img,
svg {
	height: auto;
	max-width: 100%;
}

address {
	font-style: normal;
}

button,
input,
select,
textarea {
	background-color: transparent;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

input::-ms-clear {
	display: none;
}

button,
input[type='submit'] {
	background-color: transparent;
	background: none;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
}

button:active,
button:focus,
input:active,
input:focus {
	outline: none;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

label {
	cursor: pointer;
}

legend {
	display: block;
}

:root {
	--container-width: 1920px;
	--container-padding: 60px;
	--font-size: 16px;
	--font-main: 'e-Ukraine', sans-serif;
	--font-accent: sans-serif;
	--font-titles: 'e-Ukraine Head', sans-serif;
	--page-bg: #fff;
	--text-color: #000;
	--accent: #ac182c;
	--link-color: #2578c8;
	--gray-50: #f9fafb;
	--gray-100: #f3f4f6;
	--gray-200: #e5e7eb;
	--gray-300: #d1d5db;
	--gray-400: #9ca3af;
	--gray-500: #6b7280;
	--gray-600: #4b5563;
	--gray-700: #374151;
	--gray-800: #1f2937;
	--gray-900: #111827;
	--some-text: #c6c6c6;
	--white: #fff;
	--black: #000;
	--brown-100: #e5e3dc;
	--brown-700: #5f5347;
	--brown-800: #534840;
	--brown-900: #49403a;
	--brown-950: #29221f;
	--neutral-50: #fafafa;
	--error: #b91c1c;
	--large-size: 1680px;
	--laptop-size: 1199.98px;
	--tablet-size: 1023.98px;
	--mobile-size: 767.98px;
}

.dark {
	--page-bg: #252526;
	--text-color: #fff;
}

body,
html {
	height: 100%;
}

body {
	background-color: var(--page-bg);
	color: var(--text-color);
	font-family: var(--font-main);
	font-size: var(--font-size);
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.lock body {
	overflow: hidden;
	overscroll-behavior: none;
	touch-action: none;
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	overflow: hidden;
}

@supports (overflow: clip) {
	.wrapper {
		overflow: clip;
	}
}

.wrapper > main {
	flex: 1 1 auto;
}

.wrapper > * {
	min-width: 0;
}

.container {
	margin: 0 auto;
	max-width: var(--container-width);
	padding: 0 var(--container-padding);
}

.main {
	padding-top: 250px;
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine;
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/e-Ukraine-Thin.woff2) format('woff2'),
		url(../fonts/e-Ukraine-Thin.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine;
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/e-Ukraine-UltraLight.woff2) format('woff2'),
		url(../fonts/e-Ukraine-UltraLight.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine;
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/e-Ukraine-Light.woff2) format('woff2'),
		url(../fonts/e-Ukraine-Light.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/e-Ukraine-Regular.woff2) format('woff2'),
		url(../fonts/e-Ukraine-Regular.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine;
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/e-Ukraine-Medium.woff2) format('woff2'),
		url(../fonts/e-Ukraine-Medium.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/e-Ukraine-Bold.woff2) format('woff2'),
		url(../fonts/e-Ukraine-Bold.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine Head;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/e-UkraineHead-Bold.woff2) format('woff2'),
		url(../fonts/e-UkraineHead-Bold.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine Head;
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/e-UkraineHead-Light.woff2) format('woff2'),
		url(../fonts/e-UkraineHead-Light.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine Head;
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/e-UkraineHead-Medium.woff2) format('woff2'),
		url(../fonts/e-UkraineHead-Medium.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine Head;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/e-UkraineHead-Regular.woff2) format('woff2'),
		url(../fonts/e-UkraineHead-Regular.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine Head;
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/e-UkraineHead-UltraLight.woff2) format('woff2'),
		url(../fonts/e-UkraineHead-UltraLight.woff) format('woff');
}

@font-face {
	font-display: swap;
	font-family: e-Ukraine Head;
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/e-UkraineHead-Thin.woff2) format('woff2'),
		url(../fonts/e-UkraineHead-Thin.woff) format('woff');
}

.announs__title,
.article-announs__title,
.article-page h1,
.artists-page__title,
.artists__title,
.build-page__title,
.build__title,
.community__title,
.heading-h1,
.heading-h2,
.hero__title,
.news__title,
.qa__title,
.section-title,
.statistics__title {
	font-family: var(--font-titles);
}

.heading-h1,
.hero__title {
	font-size: 56px;
	line-height: 107%;
}

.announs__title,
.article-announs__title,
.article-page h1,
.artists-page__title,
.artists__title,
.build-page__title,
.build__title,
.community__title,
.heading-h2,
.news__title,
.qa__title,
.section-title,
.statistics__title {
	font-size: 38px;
	line-height: 105%;
}

.art-card__title,
.artist-card__title,
.heading-h3,
.interesting-news__title,
.interesting-social__title,
.statistic-item__number {
	font-size: 28px;
	line-height: 114%;
}

.artist-card__title {
}

.community-card__title,
.heading-h4,
.news-item--lg .news-item__description {
	font-size: 24px;
	line-height: 117%;
}

.heading-h5,
.hero__description,
.icon-link,
.pagination .page-numbers,
.report-item__title,
.statistic-item__title {
	font-size: 20px;
	line-height: 120%;
}

.announs-card__description,
.appeal__description,
.build-page__contact-title,
.build-page__description,
.build-page__item,
.heading-h6,
.interesting-news__link,
.news-item__description,
.public-page__link,
.qa-item__item,
.report-sub-item__title {
	font-size: 18px;
	line-height: 155%;
}

.announs-card__item,
.appeal-form__checkboxes-label,
.appeal-form__submit,
.art-card__description,
.article-announs__block,
.article-page p,
.breadcrumb,
.button,
.checkbox,
.footer-col__title,
.form-load-file,
.form-load-item__button,
.form-load-item__label,
.header .menu__list li a,
.header-search__icon,
.header-search__input,
.header__language a,
.heading-h7,
.link,
.orders-page__item,
.orders-page__sort-btn,
.public-page__description,
.qa-item__title,
.regulation-page__description,
.regulation-page__link,
.report-sub-item__link,
.text-link {
	font-size: 16px;
	font-weight: 300;
	line-height: 150%;
}

.text-body {
	font-weight: 300;
	line-height: 150%;
}

.announs-card__date,
.artist-card__description,
.community-card__description,
.footer-col__item,
.footer__copy,
.form-load__description,
.text-sm {
	font-size: 13px;
	line-height: 138%;
}

.field__error,
.field__label,
.text-tiny {
	font-size: 12px;
	line-height: 133%;
}

.button {
	align-items: center;
	background: var(--white);
	border: 1px solid var(--brown-900);
	border-radius: 32px;
	color: var(--brown-900);
	display: inline-flex;
	gap: 16px;
	height: 62px;
	justify-content: center;
	line-height: 1;
	padding: 16px 32px;
	text-align: center;
	transition: 0.2s linear;
}

.button:after {
	aspect-ratio: 1/1;
	content: '';
	display: inline-block;
	flex: 0 0 auto;
	-webkit-mask: url(../img/icons/arrow-up-right.svg) no-repeat center;
	mask: url(../img/icons/arrow-up-right.svg) no-repeat center;
	transition: inherit;
	width: 30px;
}

.button:active,
.button:after {
	background-color: var(--brown-900);
}

.button:active {
	color: var(--white);
}

.button:active:after {
	background-color: var(--white);
}

.button--sm {
	gap: 12px;
	height: 48px;
	padding: 12px;
}

.announs,
.announs-page,
.appeal,
.article-announs,
.article-page,
.artists,
.artists-page,
.build,
.community,
.govermance-page,
.news,
.news-page,
.orders-page,
.public-page,
.regulation-page,
.reports-page,
.section-margin,
.site-nav,
.statistics {
	margin-bottom: 140px;
}

.build-page,
.section-padding {
	padding-bottom: 140px;
}

.announs__items,
.artists__items,
.community__items,
.orders-page__sort,
.scroll-h {
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.announs__head,
.artists__head,
.build__head,
.community__head,
.news__head,
.section-head {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 10px 0;
}

.announs__title,
.artists__title,
.build__title,
.community__title,
.news__title,
.section-title {
	color: var(--brown-950);
}

.announs-page__inner,
.article-announs__inner,
.article-page__inner,
.artists-page__inner,
.build-page__inner,
.main-page,
.news-page__inner {
	display: grid;
	gap: 40px;
	grid-template-columns: 1fr 250px;
}

.orders-page__item,
.regulation-page__link,
.report-sub-item__link,
.text-link {
	color: var(--brown-900);
	transition: 0.2s ease-in-out;
}

.text-link--no-decor {
	border-bottom: none !important;
	display: inline-block;
	padding: 0 !important;
}

.text-link--no-decor::before {
	margin-right: 12px !important;
	margin: 12px 0;
}

.public-page__grid {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.orders-page__item:before,
.regulation-page__link:before,
.report-sub-item__link:before,
.text-link:before {
	aspect-ratio: 1/1;
	background-color: var(--brown-900);
	content: '';
	display: inline-block;
	margin-right: 24px;
	-webkit-mask: url(../img/icons/link.svg) no-repeat center/contain;
	mask: url(../img/icons/link.svg) no-repeat center/contain;
	transition: inherit;
	vertical-align: middle;
	width: 24px;
}

.link {
	align-items: center;
	color: var(--gray-500);
	display: inline-flex;
	gap: 8px;
	transition: 0.2s ease-in-out;
}

.link:after {
	aspect-ratio: 1/1;
	background-color: var(--gray-500);
	content: '';
	display: inline-block;
	flex: 0 0 auto;
	-webkit-mask: url(../img/icons/chevrons-right.svg) center/contain no-repeat;
	mask: url(../img/icons/chevrons-right.svg) center/contain no-repeat;
	transition: inherit;
	width: 24px;
}

.icon-link {
	align-items: center;
	color: var(--black);
	display: inline-flex;
	flex-direction: column;
	gap: 30px;
	text-align: center;
	transition: 0.2s ease-in-out;
}

.icon-link__icon {
	align-items: center;
	aspect-ratio: 1/1;
	background-color: var(--white);
	border: 1px solid var(--black);
	border-radius: 50%;
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	transition: inherit;
	width: 134px;
}

.icon-link__icon svg {
	aspect-ratio: 1/1;
	width: 60px;
}

.icon-link__icon svg path {
	transition: inherit;
}

.swiper-button-next,
.swiper-button-prev {
	aspect-ratio: 1/1;
	background-color: var(--white);
	border-radius: 50%;
	flex: 0 0 auto;
	position: relative;
	transition: 0.2s linear;
	width: 64px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	background-color: var(--black);
	content: '';
	display: block;
	inset: 0;
	-webkit-mask: url(../img/icons/arrow-left.svg) no-repeat center/24px;
	mask: url(../img/icons/arrow-left.svg) no-repeat center/24px;
	position: absolute;
	transition: inherit;
}

.swiper-button-next {
	scale: -1 1;
}

.field {
	position: relative;
}

.field__label {
	background: var(--brown-100);
	border-radius: 4px;
	color: var(--gray-700);
	display: inline-block;
	left: 1rem;
	padding: 0 4px;
	pointer-events: none;
	position: absolute;
	top: 0;
	translate: 0 -50%;
	z-index: 1;
}

.field input,
.field textarea {
	border: 0.0625rem solid var(--brown-900);
	border-radius: 16px;
	outline: none;
	padding: 12px 16px;
	width: 100%;
}

.field input::-moz-placeholder,
.field textarea::-moz-placeholder {
	color: var(--gray-500);
}

.field input::placeholder,
.field textarea::placeholder {
	color: var(--gray-500);
}

.field input {
	height: 56px;
}

.field textarea {
	height: 150px;
}

.field__error {
	color: var(--error);
	display: block;
	display: none;
	padding: 0.25rem 1rem;
	position: absolute;
	top: 100%;
}

.field:has(input:invalid) .field__error {
	display: block;
}

.form-load {
	gap: 20px;
}

.form-load,
.form-load__files {
	display: flex;
	flex-direction: column;
}

.form-load__files {
	gap: 32px;
}

.form-load-file {
	align-items: center;
	background: #f9fafb;
	border: 1px solid var(--gray-500);
	border-radius: 16px;
	color: var(--gray-800);
	display: flex;
	gap: 16px;
	padding: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.form-load-file__remove {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	margin-left: auto;
}

.form-load-item {
	align-items: center;
	display: flex;
	gap: 24px;
}

.form-load-item__button {
	border: 1px solid var(--gray-900);
	border-radius: 16px;
	color: var(--gray-500);
	height: 56px;
	margin-left: auto;
	max-width: 238px;
	padding: 16px;
	position: relative;
	transition: 0.2s ease-in-out;
	width: 100%;
}

.form-load-item__button input {
	height: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 0;
}

.form-load-item__inner {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: center;
}

.wpcf7-list-item-label,
.checkbox {
	display: block;
	position: relative;
}

.wpcf7-list-item input {
	border-radius: 2px;
	accent-color: #49403a;
}

.wpcf7-list-item > label {
	display: flex;
	align-items: center;
	gap: 12px;
}
.hero__content {
	flex: 0 0 auto;
	width: 49%;
}
.article-page__body {
	img {
		object-fit: cover;
	}
}
.checkbox input {
	height: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 0;
}

.checkbox__label {
	display: block;
	padding: 12px 0 12px 40px;
	position: relative;
}

.checkbox__label:before {
	aspect-ratio: 1/1;
	border: 2px solid #404040;
	border-radius: 2px;
	content: '';
	left: 0;
	position: absolute;
	top: 12px;
	width: 18px;
}

.checkbox:has(input:checked) .checkbox__label:before {
	background: url(../img/icons/check.svg) 50%/0.75rem no-repeat, #404040;
}

.breadcrumb {
	align-items: center;
	display: flex;
	gap: 12px;
	list-style: none;
	margin-bottom: 40px;
	margin-right: calc(var(--container-padding) * -1);
	overflow: hidden;
	padding-right: var(--container-padding);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap;
}

.breadcrumb li:not(:first-child) {
	align-items: center;
	display: inline-flex;
	gap: 12px;
}

.breadcrumb li:not(:first-child):before {
	aspect-ratio: 1/1;
	background-color: var(--gray-600);
	content: '';
	display: inline-block;
	-webkit-mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	width: 24px;
}

.breadcrumb a {
	color: var(--gray-600);
	display: inline-block;
	transition: 0.2s ease-in-out;
}

.pagination {
	align-items: center;
	display: flex;
	gap: 32px;
	padding: 12px 22px;
}

.pagination .page-numbers {
	align-items: center;
	aspect-ratio: 1/1;
	border-radius: 50%;
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 28px;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
	aspect-ratio: 1/1;
	width: 24px;
}

.pagination .page-numbers.next:after,
.pagination .page-numbers.prev:after {
	background-color: var(--black);
	content: '';
	inset: 0;
	-webkit-mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	position: absolute;
	transition: inherit;
}

.pagination .page-numbers.prev {
	scale: -1 1;
}

.page-numbers {
	transition: 0.2s ease-in-out;
}

.page-numbers.current,
.page-numbers:hover {
	background-color: var(--brown-700);
	color: var(--white);
}

.header-search {
	height: 100px;
}

.header-search__icon {
	align-items: center;
	background-color: var(--brown-950);
	color: var(--white);
	display: flex;
	gap: 16px;
	height: 100%;
	min-width: 170px;
	padding: 20px;
	transition: 0.2s ease-in-out;
}

.header-search__icon-find {
	display: none;
}

.header-search__item {
	left: 50%;
	max-width: 1830px;
	opacity: 0;
	padding: 0 15px;
	pointer-events: none;
	position: fixed;
	top: 100px;
	transition: 0.2s ease-in-out;
	translate: -50% 0;
	visibility: hidden;
	width: 100%;
	z-index: 10;
}

.header-search__form {
	align-items: center;
	background: var(--neutral-50);
	border-radius: 16px;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	display: flex;
	gap: 12px;
	height: 100px;
	padding: 24px;
	width: 100%;
}

.header-search__input {
	flex: 1;
	width: 100%;
}

.header-search__input::-moz-placeholder {
	color: var(--gray-600);
}

.header-search__input::placeholder {
	color: var(--gray-600);
}

.header-search__btn,
.header-search__close {
	aspect-ratio: 1/1;
	color: var(--gray-600);
	flex: 0 0 auto;
	transition: 0.2s ease-in-out;
	width: 24px;
}

.header-search.show .header-search__item {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

.header-search.show .header-search__icon-more {
	display: none;
}

.header-search.show .header-search__icon-find {
	display: block;
}

.header {
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 20;
}

.header__top {
	align-items: center;
	background-color: var(--brown-950);
	display: flex;
	height: 100px;
	padding: 0 60px;
}

.header__logo img {
	max-height: 100%;
}

.header .container {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	max-width: 1800px;
	padding: 0;
	width: 100%;
}

.header__actions {
	gap: 2.5rem;
}

.header__actions,
.header__language {
	align-items: center;
	display: flex;
}

.header__language a {
	color: hsla(0, 0%, 100%, 0.5);
	display: inline-block;
	padding: 0 8px;
	text-transform: uppercase;
	transition: 0.2s ease-in-out;
}

.header__language a:not(:last-child) {
	border-right: 1px solid hsla(0, 0%, 100%, 0.5);
}

.header__language a.active,
.header__language a:hover {
	color: var(--white);
}

.header__bottom {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	padding: 0 60px;
}

.header__bottom-inner {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	max-width: 1800px;
	padding: 0;
	margin-inline: auto;
}

.header__menu {
	flex: 1;
	max-width: 1320px;
}

.header .menu__list {
	align-items: center;
	display: flex;
}

.header .menu__list li {
	align-items: center;
	display: flex;
	flex: 1;
	justify-content: center;
}

.header .menu__list li a {
	align-items: center;
	display: flex;
	height: 100px;
	justify-content: center;
	padding: 8px;
	text-align: center;
	transition: 0.2s ease-in-out;
	width: 100%;
}

.header .menu__list li a:active {
	background-color: var(--gray-200);
}

.icon-menu {
	display: none;
}

.hero {
	margin: 0 auto 20px;
	max-width: 1920px;
	padding-left: var(--container-padding);
}

.hero__container {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
}

.hero__title {
	margin-bottom: 40px;
}

.hero__description {
	margin-bottom: 48px;
	max-width: 650px;
}

.hero__slider {
	min-width: 0;
	width: 1000px;
}

.hero__navs {
	align-items: center;
	display: flex;
	gap: 80px;
	justify-content: flex-end;
	margin: 0 auto;
	max-width: 1920px;
	padding: 20px 60px 0;
}

.hero-swiper .swiper-slide {
	scale: 0.93;
	transition: 0.2s ease-in-out;
}

.hero-swiper .swiper-slide.swiper-slide-active {
	scale: 1;
}

.hero-slide {
	aspect-ratio: 1/1;
	border-radius: 32px;
	max-width: 700px;
	overflow: hidden;
}

.hero-slide img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.news {
	--horizontal-gap: 120px;
}

.news__items {
	display: grid;
	gap: 40px var(--horizontal-gap);
	grid-template-columns: repeat(3, 1fr);
}

.news-item {
	background-color: #f4f6f7;
	border-radius: 16px;
	display: flex;
	gap: 40px;
	min-height: 208px;
	position: relative;
}

.news-item:not(:last-child):after {
	background-color: var(--gray-600);
	content: '';
	height: 100%;
	left: calc(100% + var(--horizontal-gap) / 2);
	position: absolute;
	top: 0;
	width: 1px;
}

.news-item__img {
	aspect-ratio: 400/255;
	border-radius: 32px;
	flex: 0 0 auto;
	overflow: hidden;
	width: 400px;
}

.news-item__img img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: 0.3s ease-in-out;
	width: 100%;
}

.news-item__body {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	padding: 12px;
}

.news-item__description {
	color: var(--gray-800);
	display: -webkit-box;
	text-overflow: -o-ellipsis-lastline;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-item__bottom {
	margin: auto 0 0 auto;
	padding: 10px;
}

.news-item--lg {
	grid-column: span 3;
	min-height: 302px;
	padding: 24px;
}

.news-item--lg:after {
	display: none;
}

.news-item--lg .news-item__description {
	-webkit-line-clamp: 7;
}

.build__items {
	display: grid;
	gap: 40px 10px;
	grid-template-columns: repeat(4, 1fr);
	justify-content: space-between;

	.icon-link__icon {
		border: none;

		img {
			width: 100%;
		}
	}
}

.build__items .icon-link {
	max-width: 350px;
	width: 100%;
}

.artists__items {
	cursor: grab;
	display: flex;
	gap: 1.625rem;
}

.artists__items .artist-card {
	/* flex: 0 0 auto; */
	max-width: 420px;
	width: 100%;
}

.artists .artists-swiper {
	overflow: visible !important;
}

.artists .swiper-slide {
	width: 430px;
}

.artist-card {
	border-radius: 16px;
	padding: 20px 16px;
	position: relative;
	transition: 0.2s ease-in-out;
}

.artist-card__img {
	border-radius: 8px;
	min-height: 180px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 100%;
}

.artist-card__img img {
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
	width: 100%;
	min-height: 325px;
}

.artist-card__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.artist-card__title {
	color: var(--black);
	min-height: 64px;
	text-underline-offset: 7px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.artist-card__title a:after {
	content: '';
	inset: 0;
	position: absolute;
}

.artist-card__description {
	color: var(--gray-800);
	min-height: 72px;
}

.community {
	--col-gap-items: 90px;
}

.community__items {
	display: flex;
	gap: var(--col-gap-items);
	justify-content: space-between;
}

.community-card {
	align-items: flex-end;
	display: flex;
	flex: 1;
	gap: 12px;
	max-width: 540px;
	min-width: 430px;
	padding: 12px;
	position: relative;
	width: 100%;
}

.community-card:not(:last-child):after {
	background-color: var(--gray-600);
	content: '';
	height: 100%;
	left: calc(100% + var(--col-gap-items) / 2);
	position: absolute;
	top: 50%;
	translate: -50% -50%;
	width: 1px;
}

.community-card__img {
	aspect-ratio: 1/1;
	border-radius: 32px;
	flex: 0 0 auto;
	overflow: hidden;
	width: 250px;
}

.community-card__img img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.community-card__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.community-card__description {
	display: -webkit-box;
	text-overflow: -o-ellipsis-lastline;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	color: var(--gray-800);
	overflow: hidden;
	text-overflow: ellipsis;
}

.interesting {
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding: 12px;
}

.interesting-news__title,
.interesting-social__title {
	margin-bottom: 28px;
	text-align: center;
}

.interesting-social__list {
	align-items: center;
	display: flex;
	gap: 28px;
	justify-content: center;
}

.interesting-social__item {
	flex: 0 0 auto;
}

.interesting-social__link {
	align-items: center;
	display: block;
	display: flex;
	justify-content: center;
	transition: 0.2s ease-in-out;
	width: 24px;
}

.interesting-news__link {
	border-top: 1px solid var(--black);
	display: block;
	padding: 24px 0;
	text-underline-offset: 5px;
}

.announs__items {
	cursor: grab;
	display: flex;
	gap: 15px;
	justify-content: space-between;
}

.announs__items--grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.announs__items .announs-card {
	width: 520px;
}

.announs-swiper {
	margin: -2px;
	padding: 2px !important;
}

.announs-card {
	align-items: center;
	background: var(--white);
	border: 1px solid var(--black);
	border-radius: 32px;
	display: flex;
	flex-direction: column;
	gap: 38px;
	padding: 24px 20px;
	position: relative;
}

.announs-card__content {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.announs-card__item {
	align-items: center;
	color: var(--gray-600);
	display: flex;
	gap: 12px;
}

.announs-card__item:not(:last-child) {
	border-bottom: 1px solid var(--gray-600);
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.announs-card__item svg {
	flex: 0 0 auto;
	width: 24px;
}

.announs-card__bottom {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	width: 100%;
}

.announs-card__date {
	color: var(--gray-600);
}

.govermance-page__items {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(3, 1fr);
}

.art-card {
	background: #f4f6f7;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px 16px;
	position: relative;
}

.art-card__img {
	aspect-ratio: 360/280;
	border-radius: 8px;
	overflow: hidden;
}

.art-card__img img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: 0.2s ease-in-out;
	width: 100%;
}

.art-card__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.art-card__title {
	min-height: 64px;
	text-underline-offset: 0.25em;
}

.art-card__title a:after {
	content: '';
	inset: 0;
	position: absolute;
}

.art-card__description {
	color: var(--gray-800);
	display: -webkit-box;
	text-overflow: -o-ellipsis-lastline;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.statistics__inner {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 9px 0;
}

.statistics__title {
	color: var(--black);
	max-width: 392px;
	padding: 0 38px;
	text-align: center;
}

.statistic-item {
	align-items: center;
	display: flex;
	flex: 1;
	justify-content: center;
	padding: 0 38px;
	position: relative;
}

.statistic-item__inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 32px;
	justify-content: center;
	max-width: 271px;
	min-height: 160px;
	padding: 24px 6px;
	text-align: center;
}

.site-nav {
	padding-top: 60px;
}

.site-nav__inner {
	align-items: flex-start;
	display: flex;
	gap: 60px;
	justify-content: center;
}

.sidebar {
	min-width: 250px;
}

.site-nav__inner .icon-link {
	width: 250px;
}

.qa {
	background-color: #f4f6f7;
	padding: 40px 0;
}

.qa__title {
	color: var(--brows-950);
	margin-bottom: 50px;
	padding: 10px 0;
}

.qa__items {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(3, 1fr);
}

.qa-item {
	display: flex;
	flex-direction: column;
	max-width: 470px;
	width: 100%;
}

.qa-item__title {
	align-items: center;
	border-bottom: 1px solid var(--gray-500);
	color: var(--gray-500);
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

.qa-item__title img {
	flex: 0 0 auto;
	width: 24px;
}

.qa-item__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.qa-item__item {
	min-height: 56px;
}

.footer {
	background-color: var(--brown-950);
	padding: 40px 60px;
}

.footer__top {
	border-bottom: 1px solid var(--neutral-50);
	margin-bottom: 24px;
	padding: 0 25px 24px;
}

.footer__inner {
	align-items: center;
	display: flex;
	gap: 24px 90px;
	justify-content: space-between;
}

.footer__row {
	align-items: flex-start;
	display: flex;
	gap: 160px;
}

.footer__col {
	max-width: 237px;
}

.footer__bottom {
	text-align: center;
}

.footer__copy {
	color: var(--gray-200);
}

.footer-col__title {
	color: var(--white);
	font-weight: 400;
	margin-bottom: 20px;
}

.footer-col__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer-col__item {
	align-items: center;
	color: var(--gray-300);
	display: flex;
	gap: 12px;
}

.footer-col__item svg {
	flex: 0 0 auto;
	width: 24px;
}

.footer-col__link {
	align-items: center;
	display: flex;
	gap: 12px;
	text-underline-offset: 3px;
}

.footer-col__link svg {
	flex: 0 0 auto;
	width: 24px;
}

.reports {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.report-item__title {
	border-bottom: 1px solid var(--black);
	border-top: 1px solid var(--black);
	cursor: pointer;
	padding: 24px 24px 24px 0;
	position: relative;
}

.report-item__title:after {
	aspect-ratio: 1/1;
	background-color: var(--black);
	content: '';
	-webkit-mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	position: absolute;
	right: 0;
	rotate: 90deg;
	transition: 0.2s ease-in-out;
	width: 24px;
}

.report-item__body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-height: 0;
	overflow: hidden;
	padding-top: 24px;
	transition: 0.2s ease-in-out;
}

.report-item.active .report-item__title:after {
	rotate: -90deg;
}

.report-sub-item__title {
	cursor: pointer;
	padding-left: 36px;
	position: relative;
}

.report-sub-item__title:before {
	aspect-ratio: 1/1;
	background-color: var(--black);
	content: '';
	left: 0;
	-webkit-mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	position: absolute;
	width: 24px;
}

.report-sub-item__body {
	max-height: 0;
	overflow: hidden;
	padding-top: 20px;
	transition: 0.2s ease-in-out;
}

.report-sub-item__body,
.report-sub-item__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.report-sub-item.active .report-sub-item__title:before {
	rotate: 90deg;
}

.artists-page {
	background-color: #f5f3f1;
	padding: 32px 0;
}

.artists-page__content {
	max-width: 1354px;
}

.artists-page__head {
	margin-bottom: 32px;
}

.artists-page__items {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(3, 1fr);
}

.article-page__content {
	max-width: 1460px;
}

.article-page h1 {
	margin-bottom: 36px;
}

.article-page p {
	margin: 2em 0;
}

.article-page img {
	aspect-ratio: 1460/650;
	border-radius: 32px;
}

.article-page__images {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(3, 1fr);
}

.article-page__images img {
	aspect-ratio: 465/500;
	-o-object-fit: cover;
	object-fit: cover;
}

.orders-page__inner {
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.orders-page__sort {
	align-items: center;
	display: flex;
	gap: 24px;
}

.orders-page__sort-btn {
	border: 1px solid var(--brown-900);
	border-radius: 32px;
	color: var(--brown-900);
	padding: 16px 32px;
	transition: 0.2s ease-in-out;
	white-space: nowrap;
}

.orders-page__sort-btn.active,
.orders-page__sort-btn:hover {
	background-color: var(--brown-900);
	color: var(--white);
}

.orders-page__list {
	display: flex;
	flex-direction: column;
}

.orders-page__item {
	border-bottom: 1px solid var(--gray-600);
	padding: 18px 0;
}

.orders-page__item:first-child {
	padding-top: 0;
}

.public-page__body {
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.public-page__description p:not(:last-child) {
	margin-bottom: 2em;
}

.public-page__links {
	display: flex;
	flex-direction: column;
}

.public-page__link {
	color: var(--gray-500);
	display: inline-block;
	padding: 11px 0 11px 36px;
	position: relative;
	transition: 0.2s ease-in-out;
}

.public-page__link:before {
	aspect-ratio: 1/1;
	background-color: var(--gray-500);
	content: '';
	left: 0;
	-webkit-mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	mask: url(../img/icons/chevron-right.svg) no-repeat center/contain;
	position: absolute;
	top: 50%;
	transition: inherit;
	translate: 0 -50%;
	width: 24px;
}

.public-page .text-link {
	border-bottom: 1px solid var(--gray-600);
	padding: 1.125rem 0;
}

.appeal__inner {
	display: grid;
	gap: 40px;
	grid-template-columns: 1fr 490px;
}

.appeal-form {
	flex-direction: column;
}

.appeal-form,
.appeal-form__flex {
	display: flex;
	gap: 32px;
}

.appeal-form__flex .field {
	flex: 1;
}

.appeal-form__load {
	margin: -8px 0;
	max-width: 540px;
}

.appeal-form__checkboxes {
	align-items: center;
	display: flex;
	min-height: 48px;
}

.appeal-form__checkboxes-label {
	padding: 12px;
	text-align: center;
	width: 422px;
}

.appeal-form__checkboxes-items {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 48px;
}

.appeal-form__submit {
	align-items: center;
	background: var(--brown-900);
	border: 1px solid var(--brown-900);
	border-radius: 32px;
	color: var(--white);
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-end;
	justify-content: center;
	margin: 0 auto;
	padding: 12px;
	text-align: center;
	transition: 0.2s ease-in-out;
	width: -moz-fit-content;
	width: fit-content;
}

.build-page {
	background-color: #f5f4f1;
	padding-top: 32px;
}

.build-page__inner {
	/* padding: 0 25px */
}

.build-page__title {
	margin-bottom: 32px;
	max-width: 1460px;
}

.build-page__img {
	aspect-ratio: 1510/650;
	border-radius: 32px;
	margin-bottom: 32px;
	overflow: hidden;
}

.build-page__img img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.build-page__items {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 32px;
}

.build-page__item {
	align-items: center;
	display: flex;
	gap: 16px;
}

.build-page__item svg {
	flex: 0 0 auto;
	width: 24px;
}

.build-page__description {
	margin-bottom: 32px;
}

.build-page__description p:not(:last-child) {
	margin-bottom: 1em;
}

.build-page__description {
	ul {
		padding-left: 20px;

		li {
			list-style-type: disc;
		}
	}
}

.build-page__images {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 32px;
}

.build-page__images img {
	aspect-ratio: 482/500;
	border-radius: 32px;
}

.build-page__contact {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: center;
	margin: 36px 0;
}

.build-page__contact:last-child {
	margin-bottom: 0;
}

.build-page__contact-title {
	color: var(--brown-900);
}

.build-page__contact-list {
	gap: 12px;
}

.build-page__contact a,
.build-page__contact-list {
	align-items: center;
	display: flex;
	justify-content: center;
}

.build-page__contact a {
	aspect-ratio: 1/1;
	flex: 0 0 auto;
	width: 24px;
}

.build-page__qr {
	align-items: flex-start;
	display: flex;
	gap: 36px;
}

.build-page__qr-img {
	aspect-ratio: 1/1;
	flex: 0 0 auto;
	width: 210px;
}

.build-page__qr-img img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
}

.build-page__qr-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.build-page__qr-title {
	font-size: 24px;
	line-height: 1.208;
}

.build-page__qr-text {
	font-size: 18px;
	line-height: 1.222;
}

.regulation-page__body {
	display: flex;
	flex-direction: column;
	gap: 2.25rem;
}

.article-announs {
	padding-top: 32px;
}

.article-announs__title {
	margin-bottom: 40px;
}

.article-announs__info {
	display: flex;
	gap: 14px;
}

.article-announs__img {
	aspect-ratio: 450/562;
	flex: 0 0 auto;
	width: 450px;
}

.article-announs__items {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 32px;
}

.article-announs__item {
	align-items: center;
	display: flex;
	gap: 16px;
}

.article-announs__item svg {
	flex: 0 0 auto;
}

.news-page__body {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.news-page__items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

.news-page__pagination {
	align-items: center;
	display: flex;
	justify-content: center;
}

.announs-page__body {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.announs-page__items {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(3, 1fr);
}

.announs-page__pagination {
	align-items: center;
	display: flex;
	justify-content: center;
}

.build-page__doc {
	margin-top: 36px;
}

.doc {
	padding: 8px;
	gap: 12px;
	width: fit-content;
	border: 1px solid #29221f;
	border-radius: 8px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
}

.doc__item {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 12px;

	img {
		width: 24px;
		height: 24px;
		object-fit: initial;
	}
}

.article-page h3 {
	font-weight: 400;
	font-size: 28px;
	line-height: 32px;
	color: #000000;
	margin-bottom: 40px;
}

.article-page__block {
	display: flex;
	align-items: center;
	gap: 36px;
}

.article-page__block-imglogo {
	width: 248px;
	aspect-ratio: 248/300;
	flex: 0 0 auto;

	img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

.article-page__block {
	margin-bottom: 140px;
}

.article-page__block-text--margin-left {
	margin-left: 155px;
}

.article-page__painting-imgs {
	display: flex;
	gap: 32px;

	img {
		flex: 1;
		aspect-ratio: 767/500;
		width: 100%;
		object-fit: cover;
	}
}

.article-page__block-text {
	font-weight: 300;
	font-size: 16px;
	line-height: 150%;
	padding-left: 30px;
	border-left: 1px solid #000;

	ul,
	p {
		margin-bottom: 1.5em;
	}

	ul {
		list-style: disc;
		padding-left: 20px;

		li {
			list-style: disc;
		}
	}
}

.article-page {
	h2 {
		font-size: 38px;
		line-height: 105%;
	}
}

.heading-3 {
	font-size: 28px;
	line-height: 114%;
}

.h8-text,
.h8-text p {
	font-size: 13px;
	line-height: 138%;
	color: #1f2937;
}

.more-info-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px 10px;
}

.more-card {
	padding: 20px 16px;
	background: #f4f6f7;
	border-radius: 16px;
}

.more-card__img {
	aspect-ratio: 398/250;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 0;
	}
}

.more-card__body {
	display: grid;
	gap: 12px;
}

.more-card__title {
}

.article-page__block {
	h3 {
		margin-bottom: 36px;
	}
}

.heart-card__body {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.heart-card__load {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #1f2937;
}

.heart-card__load::after {
	display: inline-block;
	flex: 0 0 auto;
	width: 24px;
	content: '';
	height: 24px;
	mask: url('../img/icons/download.svg') center/contain no-repeat;
	-webkit-mask: url('../img/icons/download.svg') center/contain no-repeat;
	background-color: #1f2937;
}

.heart-card__img {
	aspect-ratio: 420/250;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.heart-card__body {
}

.sidebar {
	max-width: 250px;
}

.build-page__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	max-width: 1354px;

	.heart-card,
	.artist-card {
		width: 100%;
	}
}

.bio-page {
	margin-bottom: 140px;
}

.bio-page__grid {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	margin-top: 40px;
}

.bio-page__content {
	flex: 1;
}

.bio-page__body {
	line-height: 150%;
	font-weight: 300;

	p {
		margin: 1em 0;
	}
}

.bio-page__head {
	display: flex;
	align-items: center;
	gap: 36px;
	margin-bottom: 48px;
}

.bio-page__exp {
	font-weight: 300;
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding-left: 36px;
	position: relative;

	span {
		line-height: 120%;
		font-size: 20px;
		display: inline-block;
		margin-bottom: 4px;
	}

	ul {
		padding-left: 24px;

		li {
			line-height: 140%;
			list-style: disc;
		}
	}
}

.bio-page__exp::before {
	position: absolute;
	left: 0;
	top: 50%;
	translate: 0 -50%;
	width: 1px;
	height: 228px;
	content: '';
	background-color: #000;
}

.bio-page__exp-block {
}

.bio-page__avatar {
	aspect-ratio: 500/450;
	width: 450px;
	border-radius: 64px;
	overflow: hidden;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.bio-page__images {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	margin-top: 48px;
}

.bio-page__img {
	aspect-ratio: 482/500;
	border-radius: 32px;
	overflow: hidden;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.date-item {
	color: #fff;
	opacity: 1;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 62px 16px 32px;
	gap: 36px;

	width: 239px;
	height: 56px;
	background: #49403a;
	border: 1px solid #49403a;
	border-radius: 32px;
	position: relative;

	input {
		cursor: pointer;
	}
}

.article-page__images-flex {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 72px 40px;
	grid-template-rows: repeat(2, 430px);

	picture,
	img {
		width: 100%;
		height: 100%;
		object-fit: cover;

		&:nth-child(n + 5) {
			grid-column: span 2;
		}
	}
}

.date-item::after {
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	mask: url('../img/icons/calendar.svg') center/contain no-repeat;
	-webkit-mask: url('../img/icons/calendar.svg') center/contain no-repeat;
	background-color: #fff;
	right: 32px;
	top: calc(50% - 12px);
}

#hero-button {
	display: inline-flex !important;
}
.announs-page--custom {
	#announcements-date-filter {
		display: none;
	}
}
@media (max-width: 1600px) {
	.appeal-form__checkboxes-label {
		width: auto;
	}
}

@media (max-width: 1540px) {
	.community-card__img {
		width: 180px;
	}
}

@media (max-width: 1520px) {
	.footer__top {
		padding: 0 0 24px;
	}

	.footer__copy {
		color: #d4d4d4;
	}
}

@media (max-width: 1440px) {
	.main {
		padding-top: 114px;
	}
	.header .menu__list li a {
		height: auto;
	}
	.announs__items,
	.artists__items,
	.community__items,
	.orders-page__sort,
	.scroll-h {
		margin-left: calc(var(--container-padding) * -1);
		margin-right: calc(var(--container-padding) * -1);
		padding-left: var(--container-padding);
		padding-right: var(--container-padding);
	}

	.header-search {
		width: 100%;
	}

	.header-search__icon {
		width: 100%;
	}

	.header__top {
		height: 64px;
		padding: 16px 60px;
	}

	.header__logo {
		height: 30px;
	}

	.header__bottom {
		background: var(--neutral-50);
		box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
		padding: 0 0 20px;
		pointer-events: none;
		position: fixed;
		right: 0;
		top: 64px;
		/* min-height: 100vh; */
		transition: 0.2s ease-in-out;
		translate: 100% 0;
		visibility: hidden;
		width: 320px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		height: calc(100vh - 64px);
	}

	.menu-open .header__bottom {
		pointer-events: all;
		translate: 0 0;
		visibility: visible;
	}

	.header__bottom-inner {
		flex-direction: column;
		gap: 32px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		.menu__body,
		.header__menu {
			overflow: hidden;
			height: 100%;
		}
		.menu__list {
			overflow-y: auto !important;
			height: 100% !important;
		}
	}
	.header .menu__list li a {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
	}
	.header .menu,
	.header__search {
		width: 100%;
	}

	.header .header__bottom .menu__body .menu__list {
		display: flex !important;
		flex-direction: column;
		height: 100% !important;
		overflow-y: auto !important;
		.submenu-toggle {
			top: 32px !important;
		}
		.menu-item {
			position: relative !important;
			display: flex !important;
			flex-wrap: wrap;
			ul {
				width: 100%;
			}
		}
	}

	.header .menu__list li {
		padding: 0 20px;
		width: 100%;
	}

	.header .menu__list li a {
		justify-content: flex-start;
		padding: 20px;
		text-align: left;
	}

	.icon-menu {
		aspect-ratio: 1/1;
		display: block;
		position: relative;
		width: 24px;
		z-index: 15;
	}

	.icon-menu span {
		background-color: var(--white);
		border-radius: 2px;
		height: 2px;
		left: 2px;
		position: absolute;
		transition: all 0.3s ease 0s;
		width: 20px;
	}

	.icon-menu span:first-child {
		top: 5px;
	}

	.icon-menu span:nth-child(2) {
		top: calc(50% - 1px);
	}

	.icon-menu span:nth-child(3) {
		bottom: 5px;
	}

	.menu-open .icon-menu span:first-child {
		rotate: 45deg;
		top: 12px;
	}

	.menu-open .icon-menu span:nth-child(2) {
		width: 0;
	}

	.menu-open .icon-menu span:nth-child(3) {
		bottom: 10px;
		rotate: -45deg;
	}

	.news {
		--horizontal-gap: 100px;
	}

	.community {
		--col-gap-items: 15px;
	}

	.announs__items .announs-card {
		flex: 0 0 auto;
		width: 430px;
	}

	.statistics__inner {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
	}

	.statistics__title {
		padding: 0 30px;
	}

	.statistic-item {
		padding: 0 30px;
	}
}

@media (max-width: 1400px) {
	.build-page__cards {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;

		.heart-card,
		.artist-card {
			width: 100%;
		}
	}

	.more-info-cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.govermance-page__items {
		gap: 40px;
	}

	.footer__row {
		flex: 1;
		gap: 16px;
		justify-content: space-between;
		width: 100%;
	}

	.artists-page__items {
		grid-template-columns: repeat(2, 1fr);
	}

	.appeal-form__checkboxes {
		flex-wrap: wrap;
	}

	.announs-page__items {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 1200px) {
	.article-page__images-flex {
		gap: 40px 24px;
		grid-template-rows: repeat(2, 350px);
	}

	.heading-3 {
		font-size: 24px;
	}

	.more-card__img {
		border-radius: 24px;
	}

	.announs,
	.announs-page,
	.appeal,
	.article-announs,
	.article-page,
	.artists,
	.artists-page,
	.build,
	.community,
	.govermance-page,
	.news,
	.news-page,
	.orders-page,
	.public-page,
	.regulation-page,
	.reports-page,
	.section-margin,
	.site-nav,
	.statistics {
		margin-bottom: 100px;
	}

	.build-page,
	.section-padding {
		padding-bottom: 100px;
	}

	.news {
		--horizontal-gap: 60px;
	}

	.govermance-page__items {
		gap: 20px;
		grid-template-columns: repeat(3, 1fr);
	}

	.build-page__inner {
		padding: 0;
	}

	.build-page__images {
		gap: 16px;
	}

	.build-page__qr {
		gap: 24px;
	}
}

@media (max-width: 1150px) {
	.statistics__inner {
		display: flex;
		flex-direction: column;
	}

	.statistics__title {
		align-items: center;
		border-top: 1px solid var(--gray-600);
		display: flex;
		justify-content: center;
		max-width: none;
		min-height: 136px;
		width: 100%;
	}

	.statistic-item {
		border-top: 1px solid var(--gray-600);
		width: 100%;
	}

	.statistic-item__inner {
		max-width: none;
	}
}

@media (max-width: 1024px) {
	.hero__content {
		width: 100%;
	}
	.hero__container {
		flex-direction: column;
	}
	.govermance-page__items {
		grid-template-columns: repeat(2, 1fr);
	}

	.appeal-form .appeal-form__flex > p {
		flex-direction: column !important;
		gap: 10px !important;
	}
}

@media (max-width: 992px) {
	:root {
		--container-padding: 40px;
	}

	.main {
		padding-top: 125px;
	}

	.announs-page__inner,
	.article-announs__inner,
	.article-page__inner,
	.artists-page__inner,
	.build-page__inner,
	.main-page,
	.news-page__inner {
		grid-template-columns: auto;
	}

	.icon-link__icon {
		width: 114px;
	}

	.news {
		--horizontal-gap: 22px;
	}

	.news__items {
		gap: 24px var(--horizontal-gap);
	}

	.site-nav__inner {
		gap: 40px;
	}

	.footer {
		padding: 40px;
	}

	.footer__logo {
		height: 66px;
	}

	.footer__logo img {
		max-height: 100%;
	}

	.footer__top {
		margin-bottom: 20px;
		padding: 0 0 20px;
	}

	.footer__inner {
		flex-direction: column;
	}

	.footer__copy {
		display: block;
		font-size: 11px;
		margin: 0 auto;
		max-width: 256px;
	}

	.footer-col__title {
		font-size: 13px;
	}
}

@media (max-width: 991.98px) {
	.article-page__images-flex {
		grid-template-rows: repeat(2, 250px);
		gap: 24px 16px;
	}

	.bio-page__grid {
		flex-direction: column;
	}

	.sidebar {
		max-width: none;
		width: 100%;
	}

	.icon-link {
		font-size: 11px !important;
	}

	.hero__slider {
		width: 100%;
	}

	.artists__items .artist-card {
		width: 260px;
	}

	.community-card {
		align-items: flex-start;
		flex-direction: column;
		min-width: auto;
		padding: 10px;
		width: 260px;
	}

	.community-card__img {
		width: 230px;
	}

	.qa__items {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.qa-item {
		max-width: none;
	}
}

@media (max-width: 850px) {
	.news__items {
		display: flex;
		flex-direction: column;
		gap: 48px;
	}

	.news-item:not(:last-child):after {
		height: 1px;
		left: 0;
		top: 100%;
		translate: 0 24px;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.public-page__grid {
		flex-direction: column;
	}

	.sidebar {
		width: 100%;
		max-width: none;
	}

	.build-page__cards {
		grid-template-columns: auto;
		gap: 24px;
		
		.heart-card,
		.artist-card {
			width: 100%;
		}
	}

	.more-info-cards {
		grid-template-columns: auto;
	}

	.more-card__title {
		font-size: 20px;
	}

	.more-card__img {
		border-radius: 16px;
	}

	.article-page__block {
		flex-direction: column;
		margin-bottom: 40px;

		ul {
			font-size: 13px;
		}
	}

	.article-page__block-imglogo {
		width: 150px;
	}

	.article-page__painting-imgs {
		flex-direction: column;
	}

	.article-page__block-text--margin-left {
		margin-left: 0;
	}

	.article-page h3,
	.article-page__block h3 {
		font-size: 24px;
		margin-bottom: 1em;
	}

	.article-page__block-text {
		padding-left: 16px;
	}

	.icon-link__icon {
		width: 80px;
	}

	.icon-link__icon svg {
		width: 40px;
	}

	.breadcrumb {
		margin-bottom: 20px;
	}

	.header__bottom {
		width: 100vw;
	}

	.site-nav__inner .icon-link {
		flex: 1;
		width: auto;
	}

	.footer__row {
		flex-direction: column;
	}
}

@media (max-width: 767.98px) {
	.article-page__images-flex {
		display: flex;
		flex-direction: column;

		picture,
		img {
			aspect-ratio: 1/0.7;
		}
	}

	.bio-page__head {
		flex-direction: column;
		margin-bottom: 32px;
	}

	.bio-page__images {
		grid-template-columns: auto;
		gap: 24px;
		margin-top: 32px;
	}

	.bio-page__img {
		border-radius: 24px;
		aspect-ratio: 1/0.7;
	}

	.bio-page__grid {
		margin-top: 32px;
	}

	.bio-page__avatar {
		width: 100%;
		border-radius: 32px;
	}

	.bio-page__exp {
		padding-left: 24px;
		gap: 16px;

		span {
			font-size: 14px;
		}

		ul {
			li {
				font-size: 13px;
			}
		}
	}

	.bio-page__body {
		font-size: 13px;
	}

	.heading-h1,
	.hero__title {
		font-size: 26px;
	}

	.announs__title,
	.article-announs__title,
	.article-page h1,
	.artists-page__title,
	.artists__title,
	.build-page__title,
	.build__title,
	.community__title,
	.heading-h2,
	.news__title,
	.qa__title,
	.section-title,
	.statistics__title {
		font-size: 20px;
	}

	.art-card__title,
	.artist-card__title,
	.heading-h3,
	.interesting-news__title,
	.interesting-social__title,
	.statistic-item__number {
		font-size: 18px;
	}

	.community-card__title,
	.heading-h4,
	.news-item--lg .news-item__description {
		font-size: 16px;
	}

	.heading-h5,
	.hero__description,
	.icon-link,
	.pagination .page-numbers,
	.report-item__title,
	.statistic-item__title {
		font-size: 14px;
	}

	.announs-card__description,
	.appeal__description,
	.build-page__contact-title,
	.build-page__description,
	.build-page__item,
	.heading-h6,
	.interesting-news__link,
	.news-item__description,
	.public-page__link,
	.qa-item__item,
	.report-sub-item__title {
		font-size: 13px;
	}

	.announs-card__item,
	.appeal-form__checkboxes-label,
	.appeal-form__submit,
	.art-card__description,
	.article-announs__block,
	.article-page p,
	.breadcrumb,
	.button,
	.checkbox,
	.footer-col__title,
	.form-load-file,
	.form-load-item__button,
	.form-load-item__label,
	.header .menu__list li a,
	.header-search__icon,
	.header-search__input,
	.header__language a,
	.heading-h7,
	.link,
	.orders-page__item,
	.orders-page__sort-btn,
	.public-page__description,
	.qa-item__title,
	.regulation-page__description,
	.regulation-page__link,
	.report-sub-item__link,
	.text-link {
		font-size: 13px;
	}

	.text-body {
		font-size: 11px;
		line-height: 127%;
	}

	.announs-card__date,
	.artist-card__description,
	.community-card__description,
	.footer-col__item,
	.footer__copy,
	.form-load__description,
	.text-sm {
		font-size: 10px;
		line-height: 140%;
	}

	.announs,
	.announs-page,
	.appeal,
	.article-announs,
	.article-page,
	.artists,
	.artists-page,
	.build,
	.community,
	.govermance-page,
	.news,
	.news-page,
	.orders-page,
	.public-page,
	.regulation-page,
	.reports-page,
	.section-margin,
	.site-nav,
	.statistics {
		margin-bottom: 60px;
	}

	.build-page,
	.section-padding {
		padding-bottom: 60px;
	}

	.announs__head,
	.artists__head,
	.build__head,
	.community__head,
	.news__head,
	.section-head {
		margin-bottom: 32px;
	}

	.orders-page__item:before,
	.regulation-page__link:before,
	.report-sub-item__link:before,
	.text-link:before {
		margin-right: 12px;
		width: 18px;
	}

	.pagination {
		gap: 10px;
		padding: 12px;
	}

	.header__top {
		padding: 16px 20px;
	}

	.hero__container {
		flex-direction: column;
	}

	.hero__content {
		margin-bottom: 0;
		padding-right: var(--container-padding);
	}
	.button {
		height: 52px;
		padding: 10px 12px;
	}
	.hero__title {
		margin-bottom: 16px;
	}

	.hero__description {
		margin-bottom: 20px;
		max-width: none;
	}

	.hero__slider {
		width: 100%;
	}

	.hero__navs {
		justify-content: space-between;
		padding: 0 var(--container-padding);
	}

	.hero .button {
		max-width: none;
		width: 100%;
	}

	.news {
		--horizontal-gap: 32px;
	}

	.news__items {
		gap: 32px;
	}

	.news-item {
		gap: 40px;
	}

	.news-item:not(:last-child):after {
		translate: 0 12px;
	}

	.news-item__img {
		aspect-ratio: 396/150;
		width: 100%;
	}

	.news-item--lg {
		flex-direction: column;
		padding: 12px;
	}

	.build__items {
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}

	.announs__items .announs-card {
		width: 260px;
	}

	.announs-card {
		gap: 10px;
	}

	.announs-card__bottom {
		align-items: flex-start;
		flex-direction: column;
	}

	.govermance-page__items {
		grid-template-columns: auto;
	}

	.site-nav__inner {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}

	.artists-page__items {
		gap: 24px;
		grid-template-columns: auto;
	}

	.article-page__images {
		gap: 12px;
		grid-template-columns: auto;
	}

	.orders-page__sort {
		gap: 12px;
	}

	.orders-page__sort-btn {
		padding: 12px 24px;
	}

	.build-page__img {
		border-radius: 16px;
	}

	.build-page__images {
		grid-template-columns: auto;
	}

	.build-page__contact {
		align-items: flex-start;
	}

	.build-page__qr {
		flex-direction: column;
	}

	.build-page__qr-img {
		width: 150px;
	}

	.build-page__qr-title {
		font-size: 18px;
	}

	.build-page__qr-text {
		font-size: 16px;
	}

	.announs-page__items {
		gap: 24px;
		grid-template-columns: auto;
	}
}

@media (max-width: 576px) {
	:root {
		--container-padding: 20px;
	}

	.footer {
		padding: 40px 20px;
	}
}

@media (max-width: 460px) {
	.main {
		padding-top: 114px;
	}
}

@media (max-width: 400px) {
	:root {
		--container-padding: 16px;
	}

	.main {
		padding-top: 88px;
	}

	.footer {
		padding: 40px 16px;
	}
}

@media (min-width: 992px) {
	.site-nav__inner .icon-link__icon {
		width: 124px;
	}
}

@media (min-width: 1150px) {
	.statistic-item:not(:last-child):after {
		left: 100%;
	}

	.statistic-item:not(:last-child):after,
	.statistic-item:nth-last-child(2):before {
		background-color: var(--gray-600);
		content: '';
		height: 178px;
		position: absolute;
		top: 50%;
		translate: -50% -50%;
		width: 1px;
	}

	.statistic-item:nth-last-child(2):before {
		right: 100%;
	}
}

@media (any-hover: hover) {
	.button:hover {
		background-color: var(--brown-900);
		color: var(--white);
	}

	.button:hover:after {
		background-color: var(--white);
	}

	.orders-page__item:hover,
	.regulation-page__link:hover,
	.report-sub-item__link:hover,
	.text-link:hover {
		color: var(--black);
	}

	.orders-page__item:hover:before,
	.regulation-page__link:hover:before,
	.report-sub-item__link:hover:before,
	.text-link:hover:before {
		background-color: var(--black);
	}

	.link:hover {
		color: var(--gray-900);
	}

	.link:hover:after {
		background-color: var(--gray-900);
	}

	.icon-link:hover .icon-link__icon {
		background-color: var(--brown-700);
		border-color: var(--white);
	}

	.icon-link:hover .icon-link__icon img {
		filter: invert(1);
	}

	.icon-link:hover .icon-link__icon svg,
	.icon-link:hover .icon-link__icon svg path {
		fill: var(--white);
	}

	.swiper-button-next:hover,
	.swiper-button-prev:hover {
		background-color: var(--brown-900);
	}

	.swiper-button-next:hover:after,
	.swiper-button-prev:hover:after {
		background-color: var(--white);
	}

	.form-load-item__button:hover {
		background-color: var(--brown-900);
		color: var(--white);
	}

	.form-load-item__button:hover svg path {
		stroke: var(--white);
	}

	.breadcrumb a:hover {
		color: var(--black);
	}

	.pagination .page-numbers.next:hover:after,
	.pagination .page-numbers.prev:hover:after {
		background-color: var(--white);
	}

	.header-search__icon:hover {
		background-color: var(--brown-700);
	}

	.header-search__btn:hover,
	.header-search__close:hover {
		color: var(--black);
	}

	.header .menu__list li a:hover {
		background-color: var(--gray-200);
	}

	.news-item:hover .news-item__img img {
		scale: 1.2;
	}

	.news-item:hover .news-item__description {
		color: var(--black);
	}

	.artist-card:hover {
		background-color: #f4f6f7;
	}

	.artist-card:hover .artist-card__title {
		text-decoration: underline;
	}

	.interesting-social__link:hover {
		scale: 1.1;
	}

	.interesting-social__link:hover svg path {
		stroke: var(--gray-600);
	}

	.interesting-news__link:hover {
		text-decoration: underline;
	}

	.announs-card:hover .announs-card__date,
	.announs-card:hover .announs-card__item {
		color: var(--gray-900);
	}

	.announs-card:hover .announs-card__date svg path,
	.announs-card:hover .announs-card__item svg path {
		stroke: var(--gray-900);
	}

	.announs-card:hover .button {
		background-color: var(--brown-900);
		color: var(--white);
	}

	.announs-card:hover .button:before {
		content: '';
		inset: 0;
		position: absolute;
	}

	.announs-card:hover .button:after {
		background-color: var(--white);
	}

	.art-card:hover .art-card__title {
		text-decoration: underline;
	}

	.art-card:hover .art-card__img img {
		scale: 1.2;
	}

	.footer-col__link:hover {
		text-decoration: underline;
	}

	.public-page__link:hover {
		color: var(--gray-800);
	}

	.public-page__link:hover:before {
		background-color: var(--gray-800);
	}

	.appeal-form__submit:hover {
		background-color: var(--white);
		color: var(--brown-900);
	}

	.build-page__contact a:hover svg path {
		stroke: var(--black);
	}
}

@media (any-hover: none) {
	.icon-menu {
		cursor: default;
	}
}