/* Home page entrance: the first screen rises into place on load. transform/opacity only, CSS-driven (no JS, no flash). */
@keyframes db-rise { from { opacity: 0; transform: translateY(1.25rem); } }
@keyframes db-lift { from { transform: translateY(1.5rem) scale(0.98); } } /* no opacity: the tiles are the LCP image */

.home-eyebrow, .home-hero__title, .home-hero__lead, .home-hero > .home-trust, .home-cats__list > li {
	animation: db-rise 700ms var(--ease) both;
}
.home-hero__tiles { animation: db-lift 900ms var(--ease) both; animation-delay: 240ms; }

.home-hero__title { animation-delay: 80ms; }
.home-hero__lead { animation-delay: 160ms; }
.home-hero > .home-trust { animation-delay: 420ms; }

/* category row cascades from the start side */
.home-cats__list > li:nth-child(2) { animation-delay: 50ms; }
.home-cats__list > li:nth-child(3) { animation-delay: 100ms; }
.home-cats__list > li:nth-child(4) { animation-delay: 150ms; }
.home-cats__list > li:nth-child(5) { animation-delay: 200ms; }
.home-cats__list > li:nth-child(6) { animation-delay: 250ms; }
.home-cats__list > li:nth-child(7) { animation-delay: 300ms; }
.home-cats__list > li:nth-child(n + 8) { animation-delay: 350ms; }

@media (prefers-reduced-motion: reduce) {
	.home-eyebrow, .home-hero__title, .home-hero__lead, .home-hero > .home-trust, .home-cats__list > li { animation: db-fade 400ms ease both; }
	.home-hero__tiles { animation: none; }
	@keyframes db-fade { from { opacity: 0; } }
}