/* ========================================
   CONSISTENT SECTION LAYERING ANIMATION
   Each section "pulls up" over the previous
   ======================================== */

/* All sections start below and hidden */
ws-block {
    position: relative;
}

.ws-section {
    opacity: 0;
    transform: translateY(60px);
    position: relative;
}

/* Hero section - immediately visible (no animation) */
#ws-block-cover-with-plain-text-4aGFiMXV .ws-section {
    opacity: 1 !important;
    transform: none !important;
}

/* ========================================
   SINGLE ANIMATION - Pull Up
   ======================================== */

@keyframes pullUp {
    from {
        opacity: 0;
        transform: translateY(60px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply same animation to ALL sections */
.ws-section.animate-in {
    animation: pullUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* Create z-index stacking so each section layers on top */
#ws-block-cover-with-plain-text-4aGFiMXV {
    z-index: 1;
}

#ws-block-cta-with-extra-content-bg-image-r0CYhIe1 {
    z-index: 2;
}

#ws-block-services-with-media-xYQJ5xbh {
    z-index: 3;
}

#ws-block-custom-hHjAgH1J {
    z-index: 4;
}

#ws-block-team-member-with-media-Ep4YI4DB {
    z-index: 5;
}

#ws-block-cta-with-extra-content-bg-image-64a5gZJF {
    z-index: 6;
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

@media (prefers-reduced-motion: reduce) {
    /* Disable all animations for users who prefer reduced motion */
    .ws-section,
    .ws-section.animate-in {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ========================================
   MOBILE ADJUSTMENTS
   ======================================== */

@media (max-width: 768px) {
    /* Reduce transform distance on mobile */
    @keyframes pullUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .ws-section.animate-in {
        animation-duration: 0.6s;
    }
}