/* ==============================================
   PARALLAX PROFILE ANIMATION STYLES
   ==============================================
   
   Sequential reveal animation - elements appear one by one
   Enable in Dashboard > Advanced > Effects > Parallax Profile Animation
*/

/* Make sure parallax doesn't break 3D effect */
body[data-parallax-animation="true"] .profile-card {
    overflow: visible;
    transform-style: preserve-3d;
}

/* Don't interfere with entry gate */
body[data-parallax-animation="true"][data-profile-enter-required="true"] .profile-card.profile-card-hidden {
    opacity: 0 !important;
}

/* Disable parallax animations when reduced motion is preferred */
@media (prefers-reduced-motion: reduce) {
    .parallax-hidden,
    .parallax-animate {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}