.elementor-21846 .elementor-element.elementor-element-1c4b5f5{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:999;}.elementor-21846 .elementor-element.elementor-element-0e76481{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:99;}.elementor-21846 .elementor-element.elementor-element-0e76481:not(.elementor-motion-effects-element-type-background), .elementor-21846 .elementor-element.elementor-element-0e76481 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ngundangin.com/wp-content/uploads/2026/04/Sakura-Prewed-10.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21846 .elementor-element.elementor-element-0e76481.e-con{--align-self:center;}.elementor-21846 .elementor-element.elementor-element-08aaa3d{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21846 .elementor-element.elementor-element-870b49f{--display:flex;--min-height:100vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-21846 .elementor-element.elementor-element-870b49f:not(.elementor-motion-effects-element-type-background), .elementor-21846 .elementor-element.elementor-element-870b49f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ngundangin.com/wp-content/uploads/2026/04/Sakura-Prewed-3.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21846 .elementor-element.elementor-element-a2e7e37{--display:flex;}.elementor-21846 .elementor-element.elementor-element-e0b2ef9 .elementor-heading-title{color:#FFFFFF;}.elementor-21846 .elementor-element.elementor-element-31bc96b{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:70px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-21846 .elementor-element.elementor-element-b79c47e{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-f6bf851{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-a88997c{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-c994798{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-94e766e{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-0887431{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-dd4f0cb{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-942bfec{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-3f6e4f3{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-e65a9a2{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-7bfb5dc{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-aaedc40{--display:flex;--min-height:100vh;}.elementor-21846 .elementor-element.elementor-element-8592a6e{--display:flex;--min-height:100vh;}@media(min-width:768px){.elementor-21846 .elementor-element.elementor-element-870b49f{--width:70%;}.elementor-21846 .elementor-element.elementor-element-31bc96b{--width:30%;}}@media(min-width:1025px){.elementor-21846 .elementor-element.elementor-element-870b49f:not(.elementor-motion-effects-element-type-background), .elementor-21846 .elementor-element.elementor-element-870b49f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-1c4b5f5 */#preloader-awal {
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
}

.text-step {
    position: absolute;
    color: white;
    opacity: 0;
    font-family: 'Instrument Serif', serif;
    font-size: 2rem;
}

/* Animasi Berurutan */
.step-1 { animation: fadeOutIn 2s forwards 0.5s; }
.step-2 { animation: fadeOutIn 2s forwards 2.5s; }
.step-3 { 
    font-size: 80px; 
    animation: fadeUp 1.5s forwards 4.5s; 
}

@keyframes fadeOutIn {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}

.step-3 { 
    opacity: 0;
    transform: translateY(100px); /* Mulai dari bawah */
    animation: fadeUpJA 2s forwards 4.5s; /* Delay 4.5 detik setelah teks lain selesai */
}

@keyframes fadeUpJA {
    to {
        opacity: 1;
        transform: translateY(0); /* Berakhir di posisi normal */
    }
}/* End custom CSS */
/* Start custom CSS *//* Sembunyikan Scrollbar */
::-webkit-scrollbar { display: none; }

@media (min-width: 1025px) {
    /* Memastikan Master Container adalah titik acuan */
    #master-undangan {
        display: flex !important;
        flex-direction: row !important;
        position: relative !important;
        width: 100% !important;
    }

    /* Memaksa elemen anak PERTAMA (Sisi Kiri) untuk DIAM */
    #master-undangan > .e-con:nth-child(1) {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 70% !important;
        height: 100vh !important;
        z-index: 10 !important;
    }

    /* Memaksa elemen anak KEDUA (Sisi Kanan) untuk bisa di-SCROLL */
    #master-undangan > .e-con:nth-child(2) {
        width: 30% !important;
        margin-left: 70% !important; /* Geser agar tidak tertutup */
        position: relative !important;
        z-index: 5 !important;
    }

    /* Efek Scroll Snap */
    html, body {
        scroll-snap-type: y mandatory !important;
    }

    /* Targetkan semua kontainer di DALAM sisi kanan */
    .snap-section {
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        height: 100vh !important;
        display: flex !important;
    }
}/* End custom CSS */