/* Stacking cards (CodyHouse "Stacking Cards"-style, scroll-driven).
   Markup: .stack-cards.js-stack-cards > .stack-cards__item.js-stack-cards__item
   (e.g. #feedbacks-list on /feedbacks/). Each item sticks a little lower than
   the previous one so they pile up; js/stack-cards.js sets each item's sticky
   top (--stack-top) and scrubs its scale/brightness as later cards cover it. */
.js-stack-cards {
	--stack-cards-top: 40px; /* first card's sticky offset from the viewport top */
	--stack-cards-gap: 20px; /* extra offset per following card */
}

.js-stack-cards .js-stack-cards__item {
	position: sticky;
	top: var(--stack-top, var(--stack-cards-top));
	transform-origin: center top;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.js-stack-cards .js-stack-cards__item {
		transform: none !important;
		filter: none !important;
	}
}