/* ==========================================================================
   SIIVORA BLOG — ANIMATIONS
   ========================================================================== */

@keyframes siivora-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes siivora-fade-up {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes siivora-shimmer {
	0% { background-position: -200% 0; }
	100% { background-position: 200% 0; }
}

@keyframes siivora-smoke-rise {
	0% { transform: translate(0, 0) scale(0.6); opacity: 0; }
	20% { opacity: 0.6; }
	100% { transform: translate(10px, -160px) scale(1.4); opacity: 0; }
}

@keyframes siivora-glow-pulse {
	0%, 100% { opacity: 0.6; }
	50% { opacity: 1; }
}

/* Page-load entrance for hero */
.siivora-hero-eyebrow,
.siivora-hero-title,
.siivora-hero-excerpt,
.siivora-hero-cta {
	animation: siivora-fade-up 0.8s ease both;
}
.siivora-hero-title { animation-delay: 0.08s; }
.siivora-hero-excerpt { animation-delay: 0.16s; }
.siivora-hero-cta { animation-delay: 0.24s; }
.siivora-hero-media { animation: siivora-fade-in 1s ease both; }

/* Gold shimmer accent, used sparingly on the hero glow */
.siivora-hero-glow { animation: siivora-glow-pulse 8s ease-in-out infinite; }

/* Mobile menu icon → close transform handled via JS toggling classes */
.siivora-menu-icon span { transition: transform 0.3s ease, opacity 0.3s ease; }
.siivora-menu-toggle[aria-expanded="true"] .siivora-menu-icon span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.siivora-menu-toggle[aria-expanded="true"] .siivora-menu-icon span:nth-child(2) { opacity: 0; }
.siivora-menu-toggle[aria-expanded="true"] .siivora-menu-icon span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

@media (prefers-reduced-motion: reduce) {
	.siivora-hero-eyebrow, .siivora-hero-title, .siivora-hero-excerpt,
	.siivora-hero-cta, .siivora-hero-media, .siivora-hero-glow {
		animation: none !important;
	}
}