.slider {
	width: 100vw;
	transform: translate(-50%);
	left: 50%;
	position: relative;
	aspect-ratio: 1920/626;
	overflow: hidden;
}
.slider__track,
.slider__slides {
	width: 100%;
	height: 100%;
}

.slider__slide {
	position: relative;
	overflow: hidden; 
	width: 100%;
	height: 100%;
}
.slider__slide img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	max-width: none;
}

.slider__arrows {
	position: absolute;
	left: 0;
	top: calc( 50% - 1.25rem );
	width: 100%;
}
.slider__arrow {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	font-size: 2.5rem;
	color: #fff;
	background: rgba( 0, 0, 0, 0.3 );
}
.slider__arrow--previous {
	left: 1em;
}
.slider__arrow--next {
	right: 1em;
}
.slider__arrow__text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}