@charset "UTF-8";
/* Common */
/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 0.52083vw));
		        transform: translateX(calc(100% + 0.52083vw));
		/* Начинаем движение справа */
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		/* Заканчиваем движением слева */
	}
}
@keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 0.52083vw));
		        transform: translateX(calc(100% + 0.52083vw));
		/* Начинаем движение справа */
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		/* Заканчиваем движением слева */
	}
}

@-webkit-keyframes marquee-bg_rtl {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

@keyframes marquee-bg_rtl {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Blocks */
.projects {
	padding-top: 3.64583vw;
	padding-bottom: 1.82292vw;
}

.projects__items {
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 0.83333vw;
	grid-row-gap: 1.25vw;
}

.projects__item {
	grid-template-columns: 1fr 17.70833vw;
	grid-gap: 0.78125vw;
	padding: 0.78125vw;
	border-radius: 1.04167vw;
	min-height: 19.27083vw;
}

.projects__item-wrap {
	grid-template-rows: 2.08333vw 1fr auto;
	grid-gap: 0.78125vw;
}

.projects__item-image {
	border-radius: 1.04167vw;
	max-height: 17.70833vw;
}

.projects__item-image::after {
	border-radius: 1.04167vw;
	background: rgba(224, 225, 229, 0.01);
	backdrop-filter: blur(1.04167vw);
}

.projects__item-logo {
	width: 2.08333vw;
	height: 2.08333vw;
	flex: 0 0 2.08333vw;
}

.projects__item-tag {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	border: 1px solid #A0A3A6;
	border-radius: 0.52083vw;
	height: 1.5625vw;
	min-width: 8.85417vw;
}

.projects__item-name {
	font-weight: 600;
	font-size: 1.875vw;
	line-height: 90%;
	letter-spacing: -0.05em;
}

.projects__item-text {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 120%;
	letter-spacing: -0.02em;
	display: flex;
	align-items: flex-end;
}

.projects__item-button {
	max-width: 7.5vw;
}

.projects__item:hover .projects__item-button span {
	-webkit-transform: translateX(-0.52083vw);
	        transform: translateX(-0.52083vw);
}

.projects__item:hover .projects__item-button i {
	right: 0.52083vw;
}