/*
 * Richlin Home Slider
 * Recreates the legacy 1240x600 Slider Revolution module without third-party JS.
 */

.rihs-slider {
	position: relative;
	width: 100%;
	max-width: 1240px;
	aspect-ratio: 1240 / 600;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
}

.rihs-stage {
	position: absolute;
	left: 0;
	top: 0;
	width: 1240px;
	height: 600px;
	transform-origin: top left;
	overflow: hidden;
	background: #fff;
}

.rihs-slide {
	position: absolute;
	inset: 0;
	width: 1240px;
	height: 600px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 300ms ease;
	z-index: 1;
}

.rihs-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

.rihs-layer {
	position: absolute;
	box-sizing: border-box;
}

.rihs-img,
.rihs-check {
	display: block;
	object-fit: contain;
}

.rihs-text {
	font-family: "Michroma", Arial, sans-serif;
	font-weight: 400;
	line-height: 1.1;
	color: #000;
	white-space: nowrap;
	background: transparent;
}

.rihs-slide .rihs-from-left,
.rihs-slide .rihs-from-right {
	opacity: 0;
}

.rihs-slide.is-active .rihs-from-left {
	animation: rihs-in-left var(--rihs-duration, 1200ms) cubic-bezier(.25,.46,.45,.94)
		var(--rihs-delay, 0ms) both;
}

.rihs-slide.is-active .rihs-from-right {
	animation: rihs-in-right var(--rihs-duration, 1200ms) cubic-bezier(.25,.46,.45,.94)
		var(--rihs-delay, 0ms) both;
}

@keyframes rihs-in-left {
	from {
		opacity: 0;
		transform: translateX(-90px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes rihs-in-right {
	from {
		opacity: 0;
		transform: translateX(90px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.rihs-slide,
	.rihs-slide.is-active .rihs-from-left,
	.rihs-slide.is-active .rihs-from-right {
		transition: none;
		animation-duration: 1ms;
		animation-delay: 0ms;
	}
}