/* Cinematic Hero Animations e843663b */

/* Prevent sudden flash before script runs - target specific cinematic elements */
.cinematic-trigger .cinematic-item {
    opacity: 0;
    will-change: transform, opacity;
}

/* Base states per element type for an art-directed feel */
.cinematic-item[data-anim-type="headline"] {
    transform: translateY(24px) scale(0.99);
}

.cinematic-item[data-anim-type="subtext"] {
    transform: translateY(18px);
}

.cinematic-item[data-anim-type="button"] {
    transform: translateY(12px) scale(0.97);
}

.cinematic-item[data-anim-type="image"] {
    transform: translateY(30px) scale(0.98);
}

/* Default / Fallback style */
.cinematic-item {
    transform: translateY(20px);
    transition: 
        opacity var(--cin-duration, 800ms) cubic-bezier(0.16, 1, 0.3, 1),
        transform var(--cin-duration, 800ms) cubic-bezier(0.16, 1, 0.3, 1);
}

/* Animated active state */
.cinematic-item.is-animated {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}