/* Case index: image-led selection, full catalogue and an accessible static fallback. */
.case-index .case-index-hero,
.case-index .case-index-close {
	background: hsl(var(--surface-deep));
	color: hsl(var(--foreground));
}

.case-page .site-button,
.case-page .case-card,
.case-page .case-filters button {
	transition: transform var(--dur-hover) var(--ease-out);
}

.case-index .case-index-hero p,
.case-index .case-index-close p {
	max-inline-size: var(--measure-prose);
	color: hsl(var(--muted-warm));
	line-height: var(--leading-lead);
}

.case-index .case-index-hero .site-button {
	margin-top: var(--space-8);
}

.case-index .case-index-covers {
	padding-block: var(--section-y);
	background: hsl(var(--section-alt));
}

.case-index .case-index-covers h2,
.case-index .case-index-close h2,
.case-detail .case-detail-close h2 {
	margin: 0 0 var(--space-4);
	font-size: var(--text-section-title);
	line-height: var(--leading-section-title);
}

.case-page .case-section__topic {
	max-inline-size: var(--measure-prose);
	margin: 0 0 var(--space-8);
	color: hsl(var(--muted-foreground));
	line-height: var(--leading-body);
}

.case-index .case-featured-wrap {
	background: hsl(var(--background));
}

.case-index .case-featured .site-button--secondary {
	border-color: hsl(var(--accent-conversion));
	background: transparent;
	color: hsl(var(--accent-conversion));
}

.case-index .case-coverflow.is-enhanced .case-coverflow__item {
	filter: none;
	transition: transform var(--dur-hover) var(--ease-out), opacity var(--dur-hover) var(--ease-out);
}

.case-index .case-coverflow__control[hidden] {
	display: none;
}

.case-index .case-index-close {
	padding-block: var(--section-y-lg);
}

.case-index .case-index-close p {
	margin: 0 0 var(--space-8);
}

.case-detail .case-results {
	background: hsl(var(--surface-deep));
	color: hsl(var(--foreground));
}

.case-detail .case-results p {
	max-inline-size: var(--measure-prose);
	color: hsl(var(--muted-warm));
}

.case-detail .case-results__pending {
	margin: 0;
	font-size: var(--text-lead);
}

.case-detail .case-detail-close {
	display: block;
	padding: var(--section-y);
	margin-block: var(--section-y);
	border-radius: var(--radius-panel);
	background: hsl(var(--surface-deep));
	color: hsl(var(--foreground));
}

.case-detail .case-detail-close p {
	max-inline-size: var(--measure-prose);
	color: hsl(var(--muted-warm));
}

.case-detail .case-related .case-section__topic {
	margin-top: var(--space-4);
}

@media (max-width: 767px) {
	.case-page .case-filters {
		-webkit-mask-image: none;
		mask-image: none;
	}
	.case-index .case-coverflow.is-enhanced .case-coverflow__viewport {
		perspective: none;
	}
	.case-index .case-coverflow.is-enhanced .case-coverflow__item {
		transform: none;
		opacity: 1;
		transition: none;
	}
	.case-detail .case-detail-close {
		border-radius: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.case-index .case-coverflow.is-enhanced .case-coverflow__viewport {
		perspective: none;
	}
	.case-index .case-coverflow.is-enhanced .case-coverflow__item {
		transform: none;
		opacity: 1;
		transition: none;
	}
}