/* RH Partners slider — neutral class names, mobile-first.
   Container preserves the 970:250 aspect ratio so the layout doesn't jump as images load. */

.rhp-slider {
	position: relative;
	width: 100%;
	max-width: 970px;
	margin: 0 auto 24px;
	aspect-ratio: 970 / 250;
	overflow: hidden;
}

.rhp-slide {
	position: absolute;
	inset: 0;
	display: block;
	opacity: 0;
	transition: opacity 600ms ease;
	pointer-events: none;
}

.rhp-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* The currently visible slide */
.rhp-slide.is-active {
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}

/* Slide-mode horizontal transitions */
.rhp-mode-slide .rhp-slide {
	transform: translateX(100%);
	transition: transform 600ms ease, opacity 600ms ease;
	opacity: 1;
}
.rhp-mode-slide .rhp-slide.is-active {
	transform: translateX(0);
}
.rhp-mode-slide .rhp-slide.is-leaving {
	transform: translateX(-100%);
	z-index: 0;
}

/* Static (single-partner) variant: no rotation, just show the one slide. */
.rhp-static .rhp-slide,
.rhp-slider:not(.rhp-mode-slide) .rhp-slide:only-child {
	position: relative;
	opacity: 1;
	pointer-events: auto;
}