.nomon-case-scroll__item {
	position: sticky;
	top: calc(var(--nomon-header-h) + 1rem + var(--stack-peek, 0px));
}

/* Fixed lightness and capped chroma keep ink text above AA whatever colour the image gives. */
.nomon-case-scroll__card,
.nomon-case-scroll__veil {
	background: var(--wp--preset--color--paper);
	background: linear-gradient(to bottom, oklch(from var(--case-tint, #fff) 0.97 min(c, 0.03) h), var(--wp--preset--color--paper) 75%);
}

/* Covered cards are veiled, never faded — card opacity would let the stack show through. */
.nomon-case-scroll__card {
	transform-origin: 50% 0;
	transition: transform 0.25s var(--ease-nomon);
	will-change: transform;
}

.nomon-case-scroll__veil {
	transition: opacity 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
	.nomon-case-scroll__card,
	.nomon-case-scroll__veil {
		transition: none;
	}
}