/* Alexander Rudolph Manager – Testimonials slider (built on .arm-slider /
   .arm-slide-track from slider.css: same right-to-left auto-scroll,
   pause-on-hover, driven by slider.js). These rules override the
   photo-slide defaults for the testimonial card variant. */

.arm-testimonials {
	padding-top: clamp(8px, 2vw, 16px);
}

.arm-testimonial-slide {
	/* Desktop: scales with the viewport (~1/3 width) but never below
	   720px, so a quote always has generous room to breathe. */
	width: max(720px, 33vw);
	height: auto;
	min-height: 220px;
	overflow: visible;
	background: #fff;
	border: 1px solid #e8e8e8;
	cursor: default;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 18px;
	padding: clamp(28px, 4vw, 40px) clamp(20px, 3vw, 28px);
	font-family: "Jost", system-ui, sans-serif;
}

.arm-testimonial-logo img {
	max-height: 44px;
	max-width: 160px;
	width: auto;
	height: auto;
	margin: 0 auto;
	filter: grayscale(100%);
	opacity: .8;
	/* Neutralizes .arm-slide:hover img's zoom-on-hover — that's meant for
	   full-bleed photos, not a small client logo. */
	transition: none;
}
.arm-testimonial-slide:hover .arm-testimonial-logo img {
	transform: none;
}

.arm-testimonial-quote {
	margin: 0;
	font-family: "Josefin Sans", system-ui, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: clamp(16px, 1.6vw, 19px);
	line-height: 1.6;
	color: #262626;
}
.arm-testimonial-quote p {
	margin: 0 0 .8em;
}
.arm-testimonial-quote p:last-child {
	margin-bottom: 0;
}
.arm-testimonial-quote::before {
	content: "“";
	display: block;
	font-size: 40px;
	line-height: 1;
	color: #1d2c3c;
	margin-bottom: 6px;
}

.arm-testimonial-byline {
	display: flex;
	align-items: center;
	gap: 12px;
}

.arm-testimonial-avatar img {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	/* Neutralizes .arm-slide:hover img's zoom-on-hover — the avatar
	   shouldn't grow on hover any more than the client logo should. */
	transition: none;
}
.arm-testimonial-slide:hover .arm-testimonial-avatar img {
	transform: none;
}

.arm-testimonial-name {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #1d2c3c;
}

@media (max-width: 900px) {
	.arm-testimonial-slide {
		/* Below desktop, 720px would overflow most of the viewport —
		   switch to a viewport-relative width instead. */
		width: min(90vw, 480px);
	}
}
@media (max-width: 480px) {
	.arm-testimonial-slide {
		width: 88vw;
	}
}