.jungle-cover-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: transparent;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    overflow: hidden;
}

.jungle-leaf {
    position: absolute;
    object-fit: contain;
    transition: transform 2s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 1.5s ease 0.5s;
    transform-origin: center center;
}

/* Initial scattered positions to cover screen */
.leaf-1 { top: -10%; left: -10%; transform-origin: top left; transform: rotate(45deg); }
.leaf-2 { top: -20%; right: -10%; transform-origin: top right; transform: rotate(-30deg); z-index: 2; }
.leaf-3 { bottom: -10%; left: -20%; transform-origin: bottom left; transform: rotate(15deg); z-index: 3; }
.leaf-4 { bottom: -20%; right: -10%; transform-origin: bottom right; transform: rotate(-45deg); z-index: 4; }
.leaf-5 { top: 30%; left: 30%; transform: rotate(90deg) scale(1.5); z-index: 5; }

/* Opening Animation - Scale up and out */
.jungle-cover-overlay.is-open .leaf-1 { transform: translate(-100vw, -100vh) rotate(45deg) scale(3); opacity: 0; }
.jungle-cover-overlay.is-open .leaf-2 { transform: translate(100vw, -100vh) rotate(-30deg) scale(3); opacity: 0; }
.jungle-cover-overlay.is-open .leaf-3 { transform: translate(-100vw, 100vh) rotate(15deg) scale(3); opacity: 0; }
.jungle-cover-overlay.is-open .leaf-4 { transform: translate(100vw, 100vh) rotate(-45deg) scale(3); opacity: 0; }
.jungle-cover-overlay.is-open .leaf-5 { transform: scale(5) rotate(90deg); opacity: 0; }

.jungle-cover-overlay.is-hidden {
    display: none;
}