.horizontal-scroller-image {
	width: 100%;
	height: clamp(320px, 60vh, 600px);
	object-fit: cover;
	padding-top: 0;
}

.page-scroll-progress {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1100;
	width: 100%;
	height: 4px;
	background-color: rgba(255, 255, 255, 0.15);
}

.page-scroll-progress-bar {
	width: 0;
	height: 100%;
	background-color: var(--primary);
	transition: width 0.1s linear;
}

.horizontal-scroller-item {
	width: min(80vw, 900px);
	flex-basis: min(80vw, 900px);
}

@media (max-width: 992px) {
	.horizontal-scroller-item {
		width: 90vw;
		flex-basis: 90vw;
	}

	.horizontal-scroller-image {
		height: clamp(280px, 55vh, 500px);
	}
}