/**
 * Motion layer: gentle scroll-reveal and card lifts (added by request).
 * Elements get .anb-reveal from a small inline script, then .anb-in when they
 * scroll into view; without JavaScript everything stays visible.
 */

.anb-reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .7s cubic-bezier(.16,.6,.2,1), transform .7s cubic-bezier(.16,.6,.2,1);
}

.anb-reveal.anb-in {
	opacity: 1;
	transform: none;
}

.seal,
.cabinet,
.bento-star,
.bento-list li,
.family-chip,
.gifts-card,
.chapter,
.hero-facts li {
	transition: transform .35s ease, box-shadow .35s ease;
}

.seal:hover,
.cabinet:hover,
.bento-star:hover,
.bento-list li:hover,
.family-chip:hover,
.gifts-card:hover,
.chapter:hover {
	transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce), print {
	.anb-reveal {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}