/* Phase 2 — Entrance, stagger, content reveal */

.sc361-anim--entrance .sc361-card {
	opacity: 0;
}

.sc361-anim--entrance.sc361-anim--visible .sc361-card {
	opacity: 1;
}

.sc361-anim--fade-up .sc361-card {
	transform: translate3d(0, 28px, 0);
}

.sc361-anim--fade-down .sc361-card {
	transform: translate3d(0, -28px, 0);
}

.sc361-anim--fade-left .sc361-card {
	transform: translate3d(28px, 0, 0);
}

.sc361-anim--fade-right .sc361-card {
	transform: translate3d(-28px, 0, 0);
}

.sc361-anim--zoom-in .sc361-card {
	transform: scale(0.88);
}

.sc361-anim--zoom-out .sc361-card {
	transform: scale(1.12);
}

.sc361-anim--blur-in .sc361-card {
	filter: blur(8px);
}

.sc361-anim--entrance.sc361-anim--visible .sc361-card {
	transform: none;
	filter: none;
	transition: opacity var(--sc361-stagger-speed, 600ms) cubic-bezier(0.25, 0.46, 0.45, 0.94),
		transform var(--sc361-stagger-speed, 600ms) cubic-bezier(0.25, 0.46, 0.45, 0.94),
		filter var(--sc361-stagger-speed, 600ms) ease;
}

.sc361-anim--stagger.sc361-anim--visible .sc361-card[data-sc361-stagger] {
	transition-delay: calc(var(--sc361-stagger-delay, 80ms) * var(--sc361-stagger-index, 0));
}

/* Content reveal */
.sc361-content-reveal .sc361-reveal-item {
	opacity: 0;
	transition: opacity 0.35s ease, transform 0.35s ease, filter 0.35s ease;
}

.sc361-reveal--fade .sc361-reveal-item {
	opacity: 0;
}

.sc361-reveal--slide .sc361-reveal-item {
	transform: translate3d(0, 14px, 0);
}

.sc361-reveal--scale .sc361-reveal-item {
	transform: scale(0.92);
}

.sc361-reveal--blur .sc361-reveal-item {
	filter: blur(6px);
}

.sc361-content-reveal .sc361-card:hover .sc361-reveal-item,
.sc361-content-reveal .sc361-card:focus-visible .sc361-reveal-item {
	opacity: 1;
	transform: none;
	filter: none;
}

.sc361-content-reveal .sc361-card:hover .sc361-reveal-item--title,
.sc361-content-reveal .sc361-card:focus-visible .sc361-reveal-item--title {
	transition-delay: 0.05s;
}

.sc361-content-reveal .sc361-card:hover .sc361-reveal-item--subtitle,
.sc361-content-reveal .sc361-card:focus-visible .sc361-reveal-item--subtitle {
	transition-delay: 0.1s;
}

.sc361-content-reveal .sc361-card:hover .sc361-reveal-item--tag,
.sc361-content-reveal .sc361-card:focus-visible .sc361-reveal-item--tag {
	transition-delay: 0.08s;
}

.sc361-content-reveal .sc361-card:hover .sc361-reveal-item--desc,
.sc361-content-reveal .sc361-card:focus-visible .sc361-reveal-item--desc {
	transition-delay: 0.15s;
}

/* Hide non-reveal items until hover when reveal is selective */
.sc361-content-reveal .sc361-card:not(:hover):not(:focus-visible) .sc361-reveal-item--title {
	opacity: 0;
}

.sc361-content-reveal .sc361-card:not(:hover):not(:focus-visible) .sc361-reveal-item--subtitle,
.sc361-content-reveal .sc361-card:not(:hover):not(:focus-visible) .sc361-reveal-item--tag,
.sc361-content-reveal .sc361-card:not(:hover):not(:focus-visible) .sc361-reveal-item--desc {
	opacity: 0;
}