/* sweep */
.sweep {
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
}

.sweep > article {
	position: relative;
	width: 100%;
	height: 100%;
}

.sweep figure.layer_one {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
}

.sweep figure.layer_one img {
	position: absolute;
	top: 50%;
	left: 0;
	width: auto;
	height: 100%;
	min-width: auto;
	max-width: none;
	object-fit: cover;
	object-position: center;
	aspect-ratio: 18 / 16;
	transform: translate(0, -50%);
	animation: sweep-x 40s ease-in-out infinite alternate;
	will-change: transform;
}

.sweep .layer_two {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 9%;
	width: 81%;
	padding: 4rem 2rem;
	color: rgb(var(--b) / 1);
	pointer-events: auto;
	z-index: 2;
}

@keyframes sweep-x {
	from {
		transform: translate(0, -50%);
	}

	to {
		transform: translate(-16.666%, -50%);
	}
}