.elementor .e-00dc4e0{
    position: relative;
    overflow: hidden;

    width: 100vw;
    min-height: 871px;
    padding-block-start: 120px;
    margin-block-start: -120px;

    background-image: url("https://mikadoskydream.pl/wp-content/uploads/2026/07/skydream_hero_compressed.jpg");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    background-color: #000;

    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;

    animation: heroZoom 2.2s cubic-bezier(.22,.61,.36,1) forwards;
    transform-origin: center center;
}

.elementor .e-00dc4e0::before{
    content:"";
    position:absolute;
    inset:0;
    background:#000;
    z-index:1;

    animation: heroFade 1.6s cubic-bezier(.22,.61,.36,1) forwards;
}

.elementor .e-00dc4e0::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at center,
            rgba(255,255,255,.08),
            transparent 65%);

    opacity:0;
    z-index:1;

    animation: heroGlow 2.4s ease forwards;
}

.elementor .e-00dc4e0 > *{
    position:relative;
    z-index:2;

    opacity:0;
    transform:translateY(25px);

    animation: heroContent 1s ease .8s forwards;
}

@keyframes heroFade{
    0%{
        opacity:1;
    }
    100%{
        opacity:0;
    }
}

@keyframes heroZoom{
    0%{
        transform:scale(1.06);
    }
    100%{
        transform:scale(1);
    }
}

@keyframes heroGlow{
    0%{
        opacity:0;
    }
    45%{
        opacity:.35;
    }
    100%{
        opacity:0;
    }
}

@keyframes heroContent{
    to{
        opacity:1;
        transform:translateY(0);
    }
}