/* =====================================================================
   Posts Case Studies Detail — overrides only
   Base layout/styles from posts-blogdetails.css (shared bdetail-* classes).
   Scoped to .sphere-casesdetail-page only.
   ===================================================================== */

/* Orange hero title box (Case Studies detail mockup) */
.sphere-casesdetail-page .bdetail-hero {
	--bdh-box-bg: var(--sphere-orange, #e54225);
}

.sphere-casesdetail-page .bdetail-hero__media::after {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 55%, transparent 100%);
}