/**
 * Homepage case studies — full-width horizontal cards.
 * Scoped to #skavend-home-case-studies only.
 *
 * @package Skavend
 */

#skavend-home-case-studies.case-studies-container {
	width: 100% !important;
	max-width: 100% !important;
	padding-inline: clamp(16px, 2.5vw, 40px);
}

#skavend-home-case-studies .case-studies-header {
	width: 100%;
	margin-bottom: 32px;
}

#skavend-home-case-studies .case-studies-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 22px !important;
	width: 100%;
	align-items: stretch;
}

#skavend-home-case-studies .cs-card--horizontal {
	border-radius: 20px;
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease;
}

#skavend-home-case-studies .cs-card--horizontal:hover {
	transform: perspective(1200px) rotateX(1.5deg) translateY(-8px);
	box-shadow:
		0 28px 56px rgba(10, 48, 36, 0.2),
		0 10px 24px rgba(201, 164, 107, 0.14);
}

#skavend-home-case-studies .cs-card__link {
	min-height: 210px;
}

#skavend-home-case-studies .cs-card__media,
#skavend-home-case-studies .cs-card__media img,
#skavend-home-case-studies .cs-card__media-fallback {
	min-height: 210px;
}

#skavend-home-case-studies .cs-card__body {
	padding: 22px 26px 20px;
}

#skavend-home-case-studies .cs-card__title {
	font-size: clamp(20px, 2vw, 26px);
}

#skavend-home-case-studies .cs-card__excerpt {
	font-size: 13.5px;
	line-height: 1.55;
}

@media (max-width: 768px) {
	#skavend-home-case-studies .case-studies-grid {
		grid-template-columns: 1fr !important;
	}

	#skavend-home-case-studies .cs-card__link {
		min-height: 0;
	}

	#skavend-home-case-studies .cs-card__media,
	#skavend-home-case-studies .cs-card__media img,
	#skavend-home-case-studies .cs-card__media-fallback {
		min-height: 180px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#skavend-home-case-studies .cs-card--horizontal {
		transition: none !important;
		transform: none !important;
	}
}