@import '../vendor/odometer-theme-minimal.css';

.home-page {
}
.home-page__header {
	position: relative;
	padding: 0;
	display: flex;
}
.home-page__header-content {
	--padding: 32px 16px 16px;

	position: absolute;
	inset: auto 0 0;
	padding: var(--padding);
	display: flex;
	flex-direction: column;
	gap: 12px;
	z-index: 1;
}
.home-page__header-image {
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.home-page__header-image img {
	min-width: 444px;
}

.home-page__subtitle {
	margin-top: 8px;
	font-weight: 500;
}

.home-page__header-buttons {
	display: grid;
	gap: 4px;
}

.home-page__header-blockquote {
	display: none;
}

.home-page__section-title {
	font-family: var(--font-accent);
	font-weight: 700;
	font-size: 32px;
	line-height: 0.8;
	letter-spacing: -0.01em;
	text-align: center;
	font-variant-numeric: tabular-nums lining-nums;
	color: var(--neutral-1000);
}
.home-page__section-title span {
	color: var(--primary-0500);
}


/* reward-block */
.reward-block {
	padding-block: 16px;
}
.reward-block__inner {
	position: relative;
	display: flex;
	background: url('../../images/reward-bg.png') no-repeat center / cover var(--neutral-0200)	;
	border-radius: 12px;
}
.reward-block__inner::after {
	content: '';
	position: absolute;
	right: 16px;
	width: 24px;
	height: 24px;
	background: url('../../images/i-link.svg') no-repeat center;
}
.reward-block__medals {
	position: relative;
	margin-block: -16px;
	display: flex;
	height: 272px;
}
.reward-block__medals::after {
	content: '';
	position: absolute;
	top: 24px;
	right: 29px;
	width: 179px;
	height: 62px;
	background: url('../../images/reward-decoration.svg') no-repeat center / contain;
	z-index: 2;
}
.reward-block__medals img {
	position: relative;
	height: 100%;
	z-index: 3;
}
.reward-block__medals img:last-child {
	z-index: 1;
}
.reward-block__link {
	width: 272px;
	font-family: var(--font-accent);
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums lining-nums;
	color: var(--neutral-0900);
}

/* benefits */
.home-page__benefits {
	padding-block: 16px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--column-gap);
}

/* benefit-item */
.benefit-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	border-radius: 12px;
	background-color: var(--neutral-0100);

	font-weight: 500;
	font-size: 14px;
	line-height: 1.35;
	text-align: center;
	color: var(--neutral-1000);
}
.benefit-item._alternative {
	grid-column: span 2;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: var(--neutral-1000);

	font-size: 18px;
	line-height: 1.25;
	text-align: left;
	color: var(--neutral-0000);
}
.benefit-item._accent {
	grid-column: span 2;
	position: relative;
	overflow: hidden;
	background-color: transparent;

	align-items: flex-start;
	text-align: left;
	color: var(--neutral-0000);
}
.benefit-item._accent::before,
.benefit-item._accent::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
}
.benefit-item._accent::before {
	background-color: var(--primary-0500);
}
.benefit-item._accent::after {
	background: url('../../images/decoration.png') no-repeat center center / cover;
}

.benefit-item__caption {
	margin-bottom: 2px;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.35;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--secondary-0500);
}
.benefit-item__count {
	margin-bottom: 6px;

	display: flex !important;
	align-items: center;
	gap: 2px;
	font-family: var(--font-accent);
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums lining-nums;
	color: var(--primary-0500);
}
.benefit-item__count._plus::after {
	content: '+';
}
.benefit-item._accent .benefit-item__count {
	color: var(--neutral-0000);
}
.benefit-item__button {
	margin-top: 16px;
	align-self: stretch;
}


/* second benefits */
.home-page__second-benefits {
	padding-top: 112px;
	position: relative;
	overflow: hidden;
}
.home-page__second-benefits::before {
	content: '';
	position: absolute;
	top: calc(150px - var(--progress, 0) * 150px);
	left: 50%;
	translate: -50%;
	width: 160vw;
	height: 160vw;
	transform-origin: 50% 0px;
	border-radius: 50%;
	background-color: var(--neutral-1000);
	transform: scale(
		min(var(--scale-ratio, 1) * var(--progress), 1)
	);
	opacity: calc(var(--progress, 0) * var(--scale-opacity, 1.5));
	z-index: -1;
}

.home-page__second-benefits-title {
	margin-bottom: 40px;
	font-family: var(--font-accent);
	font-weight: 600;
	font-size: 32px;
	line-height: 0.7;
	letter-spacing: -0.01em;
	text-align: center;
	font-variant-numeric: tabular-nums lining-nums;
	color: var(--secondary-0500);
}
.home-page__second-benefits-list {
	display: grid;
	gap: var(--column-gap);
}
.home-page__second-benefits-list.is-inview {
	background-color: var(--neutral-1000);
}

/* second-benefit-item */
.second-benefit-item {
	padding: clamp(24px, calc(24px + (48 - 24) * var(--fluid-factor)), 48px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;

	background-color: var(--neutral-1000);
	box-shadow: inset 0 0 0 1px var(--neutral-0000-024);
	border-radius: 12px;

	font-weight: 500;
	font-size: clamp(16px, calc(16px + (24 - 16) * var(--fluid-factor)), 24px);
	line-height: 150%;
	text-align: center;
	color: var(--neutral-0000);

	counter-increment: benefit;
}
.second-benefit-item::before {
	content: counter(benefit);
	width: clamp(48px, calc(48px + (64 - 48) * var(--fluid-factor)), 64px);
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: var(--secondary-0500);

	font-weight: 800;
	font-size: clamp(16px, calc(16px + (20 - 16) * var(--fluid-factor)), 20px);
	line-height: 24px;
	color: var(--neutral-1000);
}

/* running-text */
.running-text {
	--fog-width: 40px;

	position: relative;
	display: flex;
	overflow: hidden;
	background-color: var(--neutral-1000);
}
.running-text::before,
.running-text::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: var(--fog-width);
	background: linear-gradient(to right, var(--neutral-1000) 0%, var(--neutral-1000-000) 100%);
	z-index: 1;
}
.running-text::after {
	transform: rotate(180deg);
	left: auto;
	right: 0;
}
.running-text__content {
	margin-bottom: 60px;
	font-family: var(--font-accent);
	font-weight: 700;
	font-size: 80px;
	line-height: 1;
	letter-spacing: -0.01em;
	color: var(--secondary-0500);
	white-space: nowrap;
	will-change: transform;
	transform: translateX(0);
}


/* third-benefits */
.home-page__third-benefits {
	padding-block: 40px 16px;
	display: flex;
	align-items: flex-start;
	overflow-x: auto;
}
.home-page__third-benefits-list {
	display: flex;
	gap: var(--column-gap);
}

/* third-benefit-item */
.third-benefit-item {
	flex-shrink: 0;
	padding: clamp(24px, calc(24px + (32 - 24) * var(--fluid-factor)), 32px);
	width: 300px;
	height: clamp(340px, calc(340px + (520 - 340) * var(--fluid-factor)), 520px);
	display: flex;
	flex-direction: column;
	gap: 8px;

	justify-content: space-between;
	background-color: var(--neutral-0100);
	border-radius: 8px;

	font-weight: 500;
	font-size: clamp(16px, calc(16px + (20 - 16) * var(--fluid-factor)), 20px);
	line-height: 1.35;
}
.third-benefit-item__title {
	font-family: var(--font-accent);
	font-weight: 700;
	font-size: 40px;
	line-height: 0.96;
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums lining-nums;
	color: var(--primary-0500);
}


/* map */
.home-page__map {
	margin-block: 16px;
	height: 292px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../../images/home-page-map.svg') no-repeat center center / 516px;
}

.home-page__map {
	margin-block: 16px;
	height: 292px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../../images/home-page-map.svg') no-repeat center center / 516px;
}
.home-page__map img {
	display: none;
}


/* reviews */
.home-page__reviews {
	padding-block: 40px 16px;
}
.home-page__reviews-heading {
	position: relative;
	margin-bottom: clamp(24px, calc(24px + (48 - 24) * var(--fluid-factor)), 48px);
	padding-bottom: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;

	font-weight: 500;
	font-size: clamp(16px, calc(16px + (20 - 16) * var(--fluid-factor)), 20px);
	line-height: 1.35;
	text-align: center;
	color: var(--neutral-1000);
}
.home-page__reviews-heading::after{
	content: '';
	position: absolute;
	inset: auto 0 0;
	height: 1px;
	background-image: linear-gradient(
		90deg,
		var(--neutral-0000),
		var(--neutral-0200) 49.52%,
		var(--neutral-0000) 100%
	);
}

.home-page__reviews-authors {
	margin-bottom: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

/* review-author */
.review-author {
	position: relative;
	width: clamp(36px, calc(36px + (48 - 36) * var(--fluid-factor)), 48px);
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: var(--primary-0500);
}
.review-author._active {
	box-shadow: 0px 0px 0px 2px var(--neutral-0000), 0px 0px 0px 4px var(--primary-0500);
}
.review-author img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* review-item */
.review-item {
	padding: 16px;
	height: 280px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;

	background-color: var(--neutral-0100);
	box-shadow: inset 0 0 0 1px var(--neutral-0200);
	border-radius: 8px;
	opacity: 0.32;

	font-weight: 500;
	font-size: clamp(16px, calc(16px + (20 - 16) * var(--fluid-factor)), 20px);
	line-height: 1.5;
	color: var(--neutral-1000);

	cursor: pointer;
}
.review-item._active {
	box-shadow: inset 0 0 0 1px var(--primary-0500);
	opacity: 1;
}

.review-item__author {
	display: flex;
	align-items: center;
	gap: 16px;
}
.review-item__author-info {
	font-weight: 400;
	line-height: 1.35;
}
.review-item__author-name {
	font-weight: 600;
	color: var(--primary-0500);
}
.review-item__author-role {
	color: var(--neutral-0700);
}
.review-item__author-details {
	color: var(--neutral-0500);
}

.review-item__avatar {
	width: clamp(48px, calc(48px + (64 - 48) * var(--fluid-factor)), 64px);
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
}
.review-item__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-page__reviews-controls {
	margin-top: 16px;
}


/* events */
.home-page__events {
	padding-block: 60px 16px;
}
.home-page__events-title {
	margin-bottom: clamp(32px, calc(32px + (48 - 32) * var(--fluid-factor)), 48px);
}


@media (any-hover: hover) {
	.reward-block a:hover {
		text-decoration: underline;
	}
	.review-author:not(._active):hover img {
		opacity: 0.76;
	}
}
@media (any-hover: none) {
	.reward-block a:active {
		text-decoration: underline;
	}
	.review-author:not(._active):active img {
		opacity: 0.76;
	}
}

@media (max-width: 639.98px) {
	.reward-block__inner {
		padding: 280px 16px 16px;
	}
	.reward-block__medals {
		position: absolute;
		top: 0;
		left: 16px;
		right: 16px;
	}
	.reward-block__medals img {
		position: absolute;
		left: 0;
	}
	.reward-block__medals img:last-child {
		left: auto;
		right: 0;
	}
	.home-page__subtitle {
		display: none;
	}
	.benefit-item {
		padding: 32px 12px;
	}
	.benefit-item._alternative,
	.benefit-item._accent {
		padding: 16px;
		grid-column: span 4;
	}
}
@media (min-width: 640px) {
	.home-page__header-image img {
		min-width: 780px;
	}
	.home-page__header-content {
		gap: 24px;
	}
	.home-page__header-buttons {
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	}

	.home-page__section-title {
		font-size: clamp(46px, calc(46px + (72 - 46) * var(--fluid-factor)), 72px);
	}

	/* reward-block */
	.reward-block__inner {
		padding-inline: 16px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--column-gap);
		align-items: center;
		background-image: url('../../images/reward-bg-md.png');
	}
	.reward-block__inner::after {
		top: 16px;
		right: 16px;
	}
	.reward-block__medals::after {
		top: 22px;
		right: auto;
		left: 71px;
	}
	.reward-block__link {
		grid-column: 2 / 3;
	}

	/* benefits */
	.benefit-item {
		padding: 20px;
		font-size: clamp(16px, calc(16px + (20 - 16) * var(--fluid-factor)), 20px);
	}
	.benefit-item._alternative {
		font-weight: 600;
		font-size: clamp(20px, calc(20px + (32 - 20) * ((100vw - 640px) / (1200 - 640))), 32px);
	}
	.benefit-item__caption {
		margin-bottom: clamp(8px, calc(8px + (12 - 8) * var(--fluid-factor)), 12px);
		font-size: clamp(14px, calc(14px + (18 - 14) * var(--fluid-factor)), 18px);
	}
	.benefit-item__count {
		margin-bottom: clamp(16px, calc(16px + (20 - 16) * var(--fluid-factor)), 20px);
		font-size: clamp(46px, calc(46px + (80 - 46) * var(--fluid-factor)), 80px);
	}
	.benefit-item__button {
		margin-top: auto;
	}

	/* second benefits */
	.home-page__second-benefits {
		padding-top: 212px;
	}
	.home-page__second-benefits-title {
		margin-bottom: 48px;
		font-size: 54px;
	}
	.home-page__second-benefits-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.running-text__content {
		font-size: 140px;
	}

	/* third */
	.home-page__third-benefits {
		padding-block: 60px 0;
	}
	.third-benefit-item {
		width: 330px;
	}
	.third-benefit-item__title {
		font-size: clamp(46px, calc(46px + (56 - 46) * var(--fluid-factor)), 56px);
	}

	/* map */
	.home-page__map {
		margin-inline: 16px;
		height: 540px;
		background-size: contain;
	}

	/* review */
	.home-page__reviews-heading {
		margin-inline: auto;
		max-width: clamp(766px, calc(766px + (1166 - 766) * var(--fluid-factor)), 1166px);
		padding-bottom: clamp(32px, calc(32px + (48 - 32) * var(--fluid-factor)), 48px);
		gap: clamp(20px, calc(20px + (24 - 20) * var(--fluid-factor)), 24px);
	}
	.home-page__reviews-heading p {
		max-width: 574px;
	}
	.home-page__reviews-authors {
		margin-bottom: clamp(74px, calc(74px + (106 - 74) * var(--fluid-factor)), 106px);
	}
	.review-author._active::after {
		content: attr(data-name);
		position: absolute;
		top: calc(100% + clamp(8px, calc(8px + (12 - 8) * var(--fluid-factor)), 12px));
		left: 50%;
		translate: -50%;

		padding-top: clamp(6px, calc(6px + (8 - 6) * var(--fluid-factor)), 8px);
		padding-bottom: clamp(6px, calc(6px + (10 - 6) * var(--fluid-factor)), 10px);
		padding-inline: clamp(12px, calc(12px + (16 - 12) * var(--fluid-factor)), 16px);

		background-color: var(--primary-0500);
		border-radius: 6px;

		font-weight: 600;
		font-size: clamp(16px, calc(16px + (20 - 16) * var(--fluid-factor)), 20px);
		line-height: 24px;
		text-align: center;
		color: var(--neutral-0000);
		white-space: nowrap;
	}

	/* reviews-slider */
	.home-page__reviews-slider {
		--fog-width: 64px;
	}
	.home-page__reviews-slider::before,
	.home-page__reviews-slider::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: var(--fog-width);
		background: linear-gradient(to right, var(--neutral-0000) 0%, var(--neutral-0000-000) 100%);
		z-index: 1;
		pointer-events: none;
	}
	.home-page__reviews-slider::after {
		transform: rotate(180deg);
		left: auto;
		right: 0;
	}

	.review-item {
		padding: clamp(24px, calc(24px + (32 - 24) * var(--fluid-factor)), 32px);
		height: clamp(340px, calc(340px + (380 - 340) * var(--fluid-factor)), 380px);
	}
}

@media (min-width: 640px) and (max-width: 1199.98px) {
	.reward-block__medals img:last-child {
		margin-left: -55px;
	}
	.benefit-item._alternative {
		grid-row: 1 / 3;
	}
	.benefit-item._accent {
		grid-row: 3 / 5;
		grid-column: 3 / 5;
	}
}

@media (max-width: 1199.98px) {
	.benefit-item {
		grid-column: span 2;
	}
	.benefit-item._accent::after {
		opacity: 0.4;
	}
	.home-page__second-benefits {
		--scale-ratio: 2;
		--scale-opacity: 2.5;
	}
	.home-page__second-benefits-list {
		padding-bottom: 56px;
	}
}

@media (min-width: 1200px) {
	.home-page__header-content {
		--padding: clamp(24px, calc(24px + (32 - 24) * var(--fluid-factor)), 32px);
		gap: clamp(48px, calc(48px + (64 - 48) * var(--fluid-factor)), 64px);
	}

	.home-page__subtitle {
		margin-top: clamp(16px, calc(16px + (32 - 16) * var(--fluid-factor)), 32px);
	}

	.home-page__header-buttons {
		gap: 8px;
		grid-template-columns: 1fr 1fr;
		align-self: start;
	}

	.home-page__header-blockquote {
		position: absolute;
		right: 0;
		bottom: 0;

		margin: var(--padding);
		padding-block: clamp(12px, calc(12px + (20 - 12) * var(--fluid-factor)), 20px);
		padding-inline: clamp(16px, calc(16px + (24 - 16) * var(--fluid-factor)), 24px);
		width: clamp(263px, calc(263px + (409 - 263) * var(--fluid-factor)), 409px);

		display: flex;
		flex-direction: column;
		gap: 12px;

		background-color: rgba(237, 73, 73, 0.64);
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
		border-radius: 8px;
		backdrop-filter: blur(16px);

		font-weight: 500;
		font-size: clamp(16px, calc(16px + (20 - 16) * var(--fluid-factor)), 20px);
		line-height: 1.5;
		color: var(--neutral-0000);
	}
	.home-page__header-blockquote figcaption {
		font-weight: 400;
		opacity: 0.8;
	}
	.home-page__header-blockquote figcaption a,
	.home-page__header-blockquote figcaption a:hover {
		color: inherit;
		text-decoration: none;
	}
	.home-page__header-blockquote figcaption a:hover {
		opacity: 0.9;
	}

	/* reward */
	.reward-block__inner {
		padding-inline: clamp(70px, calc(70px + (120 - 70) * var(--fluid-factor)), 120px);
		background-image: url('../../images/reward-bg-xl.png');
	}
	.reward-block__medals {
		margin-block: -20px;
		height: clamp(320px, calc(320px + (380 - 320) * var(--fluid-factor)), 380px);
	}
	.reward-block__medals::after {
		width: 305px;
		height: 105px;
		top: 27px;
		left: clamp(108px, calc(108px + (116 - 108) * var(--fluid-factor)), 116px);
	}
	.reward-block__link {
		width: auto;
		font-size: clamp(38px, calc(38px + (48 - 38) * var(--fluid-factor)), 48px);
	}

	/* benefits */
	.home-page__benefits {
		padding-block: 20px;
	}
	.benefit-item._alternative {
		padding: clamp(24px, calc(24px + (40 - 24) * var(--fluid-factor)), 40px);
		font-weight: 600;
		font-size: clamp(24px, calc(24px + (36 - 24) * var(--fluid-factor)), 36px);
	}
	.benefit-item._accent {
		padding-top: clamp(28px, calc(28px + (40 - 28) * var(--fluid-factor)), 40px);
		padding-left: clamp(28px, calc(28px + (40 - 28) * var(--fluid-factor)), 40px);
		padding-right: clamp(12px, calc(12px + (16 - 12) * var(--fluid-factor)), 16px);
		padding-bottom: clamp(12px, calc(12px + (16 - 12) * var(--fluid-factor)), 16px);
	}
	.benefit-item._accent .benefit-item__button {
		align-self: flex-end;
	}
	.running-text {
		--fog-width: 120px;
	}
	.running-text__content {
		margin-bottom: clamp(120px, calc(120px + (160 - 120) * var(--fluid-factor)), 160px);
		font-size: clamp(180px, calc(180px + (260 - 180) * var(--fluid-factor)), 260px);
	}

	/* second benefits */
	.home-page__second-benefits {
		margin-top: clamp(40px, calc(40px + (80 - 40) * var(--fluid-factor)), 80px);
		padding-top: clamp(200px, calc(200px + (320 - 200) * var(--fluid-factor)), 320px);
	}
	.home-page__second-benefits-title {
		margin-bottom: clamp(120px, calc(120px + (160 - 120) * var(--fluid-factor)), 160px);
		font-size: clamp(72px, calc(72px + (96 - 72) * var(--fluid-factor)), 96px);
	}
	.home-page__second-benefits-list {
		height: clamp(572px, calc(572px + (796 - 572) * var(--fluid-factor)), 796px);
		display: flex;
		flex-flow: column wrap;
	}
	.second-benefit-item {
		width: calc((100% - var(--column-gap) * 2) / 3);
	}
	.second-benefit-item:nth-child(2),
	.second-benefit-item:nth-child(3)	{
		margin-top: clamp(60px, calc(60px + (80 - 60) * var(--fluid-factor)), 80px);
	}
	.second-benefit-item:nth-child(3n + 1) {
		order: 2;
	}
	.second-benefit-item:nth-child(3n + 2) {
		order: 1;
	}
	.second-benefit-item:nth-child(3n + 3) {
		order: 3;
	}

	/* third benefits */
	.home-page__third-benefits {
		min-height: 100vh;
		overflow: hidden;
	}
	.home-page__third-benefits-list {
		padding-left: 100vw;
		width: fit-content;
		overflow: hidden;
		will-change: transform;
	}
	.third-benefit-item {
		width: clamp(336px, calc(336px + (425 - 336) * var(--fluid-factor)), 425px);
		will-change: transform;
	}

	/* map */
	.home-page__map {
		position: relative;
		margin-block: clamp(60px, calc(60px + (80 - 60) * var(--fluid-factor)), 80px);
		height: clamp(548px, calc(548px + (832 - 548) * var(--fluid-factor)), 832px);
	}
	.home-page__map img {
		display: block;
		position: absolute;
	}
	.home-page__map img:nth-of-type(1) { top: 18.63%; left: 55%; }
	.home-page__map img:nth-of-type(2) { top: 16.47%; left: 65.22%; }
	.home-page__map img:nth-of-type(3) { top: 21.63%; left: 72.44%; }
	.home-page__map img:nth-of-type(4) { top: 31.73%; left: 56.13%; }
	.home-page__map img:nth-of-type(5) { top: 26.68%; left: 62.67%; }
	.home-page__map img:nth-of-type(6) { top: 29.69%; left: 71.31%; }

	/* reviews */
	.home-page__reviews-slider {
		--fog-width: clamp(197px, calc(197px + (304 - 197) * var(--fluid-factor)), 304px);
	}

	/* events */
	.home-page__events {
		padding-top: clamp(80px, calc(80px + (120 - 80) * var(--fluid-factor)), 120px);
		padding-bottom: clamp(20px, calc(20px + (40 - 20) * var(--fluid-factor)), 40px);
	}
}