@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 */
.structure {
	padding-top: 0.52083vw;
	padding-bottom: 1.04167vw;
}

.structure__items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0.78125vw;
}

.structure__item {
	position: relative;
	display: inline-grid;
	height: 21.77083vw;
	border-radius: 1.04167vw;
	-webkit-mask: radial-gradient(circle 1.04167vw at left top, black 100%, transparent) right 1.04167vw bottom 1.04167vw, radial-gradient(circle 1.04167vw at right bottom, black 100%, transparent) left 1.04167vw top 1.04167vw, radial-gradient(circle 1.04167vw at right top, black 100%, transparent) left 1.04167vw bottom 1.04167vw, radial-gradient(circle 1.04167vw at left bottom, black 100%, transparent) right 1.04167vw top 1.04167vw, linear-gradient(to top, black, black);
	        mask: radial-gradient(circle 1.04167vw at left top, black 100%, transparent) right 1.04167vw bottom 1.04167vw, radial-gradient(circle 1.04167vw at right bottom, black 100%, transparent) left 1.04167vw top 1.04167vw, radial-gradient(circle 1.04167vw at right top, black 100%, transparent) left 1.04167vw bottom 1.04167vw, radial-gradient(circle 1.04167vw at left bottom, black 100%, transparent) right 1.04167vw top 1.04167vw, linear-gradient(to top, black, black);
}

.structure__item::before {
	backdrop-filter: blur(0.26042vw);
	-webkit-backdrop-filter: blur(0.26042vw);
	transition: opacity 0.3s ease-in-out;
}

.structure__item-content {
	grid-template-rows: 1.5625vw 1fr auto;
	padding: 0.78125vw 0.625vw 0.625vw 0.78125vw;
}

.structure__item-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.structure__item-logo {
	position: static;
	left: auto;
	top: auto;
	max-height: 1.5625vw;
}

.structure__item-name {
	font-weight: 600;
	font-size: 2.5vw;
	line-height: 90%;
	letter-spacing: -0.05em;
	align-self: center;
}

.structure__item-text {
	font-weight: 600;
	font-size: 1.04167vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	align-self: flex-end;
	display: block;
}

.structure__item-button {
	display: flex;
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	max-width: 7.5vw;
	border-radius: 0.52083vw;
}

.structure__item:hover .structure__item-name {
	display: block;
}

.structure__item:hover .structure__item-button span {
	-webkit-transform: translateX(-0.78125vw);
	        transform: translateX(-0.78125vw);
}

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