.banner-sliced {
	position: relative;
	padding-bottom: var(--spacer_80);
	padding-top: var(--spacer_80);
}

.banner-sliced:before {
	content: '';
	position: absolute;
	width: 75vw;
	height: 100%;
	background-image: var(--gold_gradient);
	clip-path: polygon(0 0,100% 0,calc(100% - 53.5rem) 100%,0 100%);
	top: 0;
	transform: translateX(-50vw);
	left: 50%;
}

.banner-sliced__list-container {
	width: 50.4rem;
	overflow: hidden;
	margin-bottom: var(--spacer_40);
}

.banner-sliced__list {
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	transition: transform var(--default_transition);
}

.banner-sliced__list-items {
	display: flex;
	position: relative;
	min-width: 50.4rem;
}

.banner-sliced__list-items-text {
	display: flex;
	flex-direction: column;
	gap: var(--spacer_24);
	max-width: 50.4rem;
}

.banner-sliced__list-items-text-citation {
	font-size: 2.4rem;
	line-height: 3.2rem;
	align-self: stretch;
	border: none;
	margin: 0;
	padding: 0;
}

.banner-sliced__list-items-text-author {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.4rem;
}

.banner-sliced__controls {
	display: flex;
	gap: 2rem;
	position: relative;
}

.banner-sliced__controls-button {
	height: 6rem;
	width: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	padding: 0;
	border: 2px solid #231F20;
}

.banner-sliced__image-list-container {
	width: 100%;
	max-width: calc(25vw + 53.5rem);
	overflow: hidden;
	position: absolute;
	z-index: -1;
	height: 100%;
	right: 50%;
	top: 50%;
	transform: translate(50vw, -50%);
}

.banner-sliced__image-list {
	display: flex;
	align-items: center;
	transition: transform var(--default_transition);
	height: 100%;
}

.banner-sliced__image-list-item {
	height: 100%;
}

.banner-sliced__image-list-item-image {
	object-fit: cover;
	max-width: none;
	width: calc(25vw + 53.5rem);
	height: 100%;
}

@media (min-width: 1300px) {
	.banner-sliced:before {
		width: calc(100vw - ((126rem * 0.75) - 60rem));
	}
}

@media (max-width: 1024px) {
	.banner-sliced:before {
		display: none;
	}
	.banner-sliced:after {
    background-image: var(--gold_gradient);
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50vw);
    width: 100vw;
		z-index: -1;
  }
	.banner-sliced__list-container {
		width: 100vw;
    position: relative;
    left: -2rem;
		margin-bottom: 0;
	}
	.banner-sliced__list {
		width: calc(100vw - 4rem);
    left: 2rem;
    position: relative;
    gap: 2rem;
	}
	.banner-sliced__list-items {
		min-width: 100%;
		justify-content: center;
	}	
	.banner-sliced__controls {
		margin-bottom: 0;
		position: absolute;
		width: 100%;
		top: 50%;
		justify-content: space-between;
		transform: translateY(-50%);
	}
	.banner-sliced__controls-button {
		width: 4.4rem;
		height: 4.4rem;
	}
	.banner-sliced__controls-button svg {
		width: 2.93rem;
		height: 2.93rem;
	}
	.banner-sliced__list-items-text {
		width: calc(100% - (6rem * 2) - (2rem * 2));
	}
	.banner-sliced__image-list-container {
		display: none;
	}
	{#
	.banner-sliced__image-list-container {
		max-width: none;
		position: relative;
		transform: translate(0);
		right: 2rem;
		top: 0;
		width: 100vw;
		overflow-x: hidden;
		z-index: 2;
	}	
	.banner-sliced__image-list {
		width: calc(100% - 4rem);
		left: 2rem;
		position: relative;
		gap: 2rem;
	}
	.banner-sliced__image-list-item {
		max-width: 100%;
		width: calc(100vw - 4rem);
	}
	.banner-sliced__image-list-item-image {
		max-width: calc(100vw - 4rem);
	}
	#}
}

@media (max-width: 690px) {
	.banner-sliced__list-container {
		margin-bottom: var(--spacer_24);
	}
	.banner-sliced__list-items-text {
		width: 100%;
	}
	.banner-sliced__controls {
		transform: translateY(0);
		position: static;
		justify-content: flex-start;
	}
}