@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 */
.events {
	padding-top: 3.64583vw;
	padding-bottom: 1.82292vw;
}

.events__title {
	font-size: 3.33333vw;
	line-height: 90%;
	margin: 0 0 1.30208vw;
}

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

.events__item {
	height: 18.75vw;
	padding: 1.04167vw;
	border-radius: 1.5625vw;
	-webkit-mask: radial-gradient(circle 1.5625vw at left top, black 100%, transparent) right 1.5625vw bottom 1.5625vw, radial-gradient(circle 1.5625vw at right bottom, black 100%, transparent) left 1.5625vw top 1.5625vw, radial-gradient(circle 1.5625vw at right top, black 100%, transparent) left 1.5625vw bottom 1.5625vw, radial-gradient(circle 1.5625vw at left bottom, black 100%, transparent) right 1.5625vw top 1.5625vw, linear-gradient(to top, black, black);
	        mask: radial-gradient(circle 1.5625vw at left top, black 100%, transparent) right 1.5625vw bottom 1.5625vw, radial-gradient(circle 1.5625vw at right bottom, black 100%, transparent) left 1.5625vw top 1.5625vw, radial-gradient(circle 1.5625vw at right top, black 100%, transparent) left 1.5625vw bottom 1.5625vw, radial-gradient(circle 1.5625vw at left bottom, black 100%, transparent) right 1.5625vw top 1.5625vw, linear-gradient(to top, black, black);
}

.events__item::after {
	backdrop-filter: blur(0.52083vw);
	-webkit-backdrop-filter: blur(0.52083vw);
}

.events__item-more {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 106%;
	letter-spacing: -0.02em;
	max-width: 7.5vw;
	width: 100%;
	height: 1.5625vw;
	border-radius: 0.52083vw;
	align-self: initial;
}

.events__item-name {
	font-size: 1.875vw;
}

.events__item-desc {
	font-size: 0.9375vw;
	gap: 0.41667vw;
}

.events__item-tag {
	gap: 1.04167vw;
}

.events__item-tag span:not(:first-child)::before {
	font-size: 0.9375vw;
	top: 0;
	left: -0.625vw;
}

.events__item:hover .events__item-bg::before {
	backdrop-filter: blur(1.04167vw);
	-webkit-backdrop-filter: blur(1.04167vw);
}

.events__item:hover .events__item-more span {
	-webkit-transform: translateX(-0.78125vw);
	        transform: translateX(-0.78125vw);
}

.events__item:hover .events__item-more i {
	right: 0.52083vw;
}

.events__more {
	font-size: 0.9375vw;
	letter-spacing: -0.02em;
	min-width: 5.78125vw;
	max-width: -webkit-fit-content;
	max-width: fit-content;
	margin: 0.78125vw auto 0;
	min-height: 1.5625vw;
}

.photobank {
	padding-top: 1.66667vw;
	padding-bottom: 1.66667vw;
}

.photobank__block {
	gap: 0.83333vw;
	padding: 0.78125vw;
	border-radius: 1.04167vw;
	min-height: 19.16667vw;
}

.photobank__title {
	font-size: 3.125vw;
}

.photobank__text {
	font-size: 1.14583vw;
	line-height: 125%;
	max-width: 31.25vw;
}

.photobank__button {
	font-size: 0.9375vw;
	min-width: 9.6875vw;
	margin-top: auto;
}