/* =============================================================================
   Sustainable Ply — Cards
   Source: 02-UI-SPEC.md §Card Hover Lift (lines 502-525).
   Used by testimonial-row pattern cards, applications-grid cells, and the
   audience-split panels.
   ============================================================================= */

.sp-card {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg, 20px);
	padding: var(--sp-lg);
	box-shadow: 0 1px 3px rgba(28, 26, 23, 0.05);
}

@media (prefers-reduced-motion: no-preference) {
	.sp-card {
		transition:
			transform 180ms ease-out,
			box-shadow 180ms ease-out;
	}

	.sp-card:hover,
	.sp-card:focus-within {
		transform: translateY(-3px);
		box-shadow:
			0 4px 12px rgba(28, 26, 23, 0.08),
			0 2px 4px rgba(28, 26, 23, 0.04);
	}
}

/* Reduced motion: keep the deeper shadow on hover, skip the translate.         */
@media (prefers-reduced-motion: reduce) {
	.sp-card:hover,
	.sp-card:focus-within {
		box-shadow:
			0 4px 12px rgba(28, 26, 23, 0.08),
			0 2px 4px rgba(28, 26, 23, 0.04);
	}
}