/* One client quote (patterns/kit-quote.php). Portrait cut as in home-voices. */
.sp-kit-quote .sp-kit-quote__grid { display: grid; gap: 40px; align-items: center; }
@media (min-width: 1024px) {
	.sp-kit-quote .sp-kit-quote__grid { grid-template-columns: 360px minmax(0, 1fr); gap: 80px; padding-inline: 50px; }
}
.sp-kit-quote .sp-kit-quote__media { width: min(100%, 360px); aspect-ratio: 1; background: var(--wp--preset--color--primary); clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%); }
.sp-kit-quote.is-style-sp-yellow .sp-kit-quote__media { background: var(--wp--preset--color--black-light); }
.sp-kit-quote .sp-kit-quote__photo { height: 100%; margin: 0; }
.sp-kit-quote .sp-kit-quote__photo img { width: 100%; height: 100%; object-fit: cover; }
.sp-kit-quote .sp-kit-quote__text {
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.35;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--kit-fg);
}
@media (min-width: 1024px) {
	.sp-kit-quote .sp-kit-quote__text { font-size: clamp(1.75rem, 2.4vw, 2.5rem); line-height: 1.25; }
}
.sp-kit-quote .sp-kit-quote__name { margin-top: 32px; font-size: var(--wp--preset--font-size--x-large); font-weight: 500; color: var(--kit-fg); }
.sp-kit-quote .sp-kit-quote__role { margin-top: 4px; font-size: var(--wp--preset--font-size--label); font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: var(--kit-muted); }