.elementor-7 .elementor-element.elementor-element-cc2c606{--display:flex;--min-height:800vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-5dd89d1{--display:grid;--position:absolute;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;top:0px;--z-index:1000;}.elementor-7 .elementor-element.elementor-element-5dd89d1:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-5dd89d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-5dd89d1.e-con{--align-self:center;}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-5dd89d1{left:0px;}body.rtl .elementor-7 .elementor-element.elementor-element-5dd89d1{right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-56d12f3 .elementor-menu-toggle{margin:0 auto;}.elementor-7 .elementor-element.elementor-element-56d12f3 .elementor-nav-menu .elementor-item{font-family:"Roboto Flex", Sans-serif;font-size:14px;font-weight:300;}.elementor-7 .elementor-element.elementor-element-56d12f3 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-7 .elementor-element.elementor-element-56d12f3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-7 .elementor-element.elementor-element-56d12f3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-7 .elementor-element.elementor-element-56d12f3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-7 .elementor-element.elementor-element-56d12f3 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-56d12f3 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-35ead94{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;text-align:center;}.elementor-7 .elementor-element.elementor-element-35ead94.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-35ead94 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-7 .elementor-element.elementor-element-750d6c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;text-align:end;}.elementor-7 .elementor-element.elementor-element-750d6c6.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-750d6c6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:#000000;}.elementor-7 .elementor-element.elementor-element-f3eab8a{--display:flex;--min-height:100vh;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-7 .elementor-element.elementor-element-9a885e4{--display:flex;--min-height:800px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-1931ed1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-02ad6bd{width:100%;max-width:100%;padding:0px 0px 0px 0px;z-index:10;}.elementor-7 .elementor-element.elementor-element-607db41{padding:0px 0px 0px 0px;text-align:start;}.elementor-7 .elementor-element.elementor-element-607db41.elementor-element{--order:-99999 /* order start hack */;}.elementor-7 .elementor-element.elementor-element-607db41 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;line-height:29px;color:#000000;}.elementor-7 .elementor-element.elementor-element-6ac856d{text-align:start;}.elementor-7 .elementor-element.elementor-element-6ac856d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;line-height:29px;color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-5dd89d1{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-cc2c606{--width:100%;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-5dd89d1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-c54885e */.elementor-7 .elementor-element.elementor-element-c54885e {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto; /* jangan pakai tinggi tetap */
  transform-origin: 50% 100%;
}

.elementor-7 .elementor-element.elementor-element-c54885e img {
  width: 100%;
  height: auto; /* biar tidak dipaksa */
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a885e4 */.elementor-7 .elementor-element.elementor-element-9a885e4 {
  position: relative;
  height: 800vh;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1931ed1 */.bg-layer {
    position: fixed;
    bottom: 0;
    left: 50%;

    width: 200vw;       /* sangat lebar supaya mepet kanan kiri */
    height: 120vh;      /* tinggi cukup untuk stretch */

    transform: translateX(-50%) scaleY(0.4);
    transform-origin: 50% 100%; /* anchor di bawah */

    pointer-events: none;
    z-index: -1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-02ad6bd *//* ============================= */
/* AWAN 1 */
/* class: zoom-object */
/* ============================= */
.zoom-object {
  position: absolute;
  top: 50%;
  left: 60%;
  width: 600px; /* awan besar */
  max-width: none;
  transform: translate(-50%, -50%) scale(0.1);
  transform-origin: center center;
  will-change: transform, opacity, filter;
  z-index: 2;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-607db41 *//* ============================= */
/* AWAN 2 */
/* class: zoom-object-2 */
/* ============================= */
.zoom-object-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px; /* sedikit lebih kecil */
  max-width: none;
  transform: translate(-90%, -50%) scale(01);
  transform-origin: center center;
  will-change: transform, opacity, filter;
  z-index: 3;
  pointer-events: none;
}

/* ===== SCROLL FADE IN ONCE ===== */

/* Default saat halaman baru dibuka */
.scroll-object {
  opacity: 0;
  transition: opacity 0.35s ease-out; 
  /* UBAH 0.35s jika ingin lebih cepat/lambat */
}

/* Setelah mulai scroll */
.scroll-object.show {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ac856d *//* ============================= */
/* AWAN 2 */
/* class: zoom-object-2 */
/* ============================= */
.zoom-object-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px; /* sedikit lebih kecil */
  max-width: none;
  transform: translate(-90%, -50%) scale(01);
  transform-origin: center center;
  will-change: transform, opacity, filter;
  z-index: 3;
  pointer-events: none;
}

/* ===== SCROLL FADE IN ONCE ===== */

/* Default saat halaman baru dibuka */
.scroll-object {
  opacity: 0;
  transition: opacity 0.35s ease-out; 
  /* UBAH 0.35s jika ingin lebih cepat/lambat */
}

/* Setelah mulai scroll */
.scroll-object.show {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3eab8a *//* ============================= */
/* WRAPPER STICKY */
/* ============================= */
.zoom-inner {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  perspective: 1000px; /* bikin efek kedalaman */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc2c606 *//* ============================= */
/* SECTION UTAMA */
/* ============================= */
.zoom-section {
  position: relative;
  height: 300vh; /* panjang scroll */
  width: 100%;
  overflow: hidden;
}


.zoom-object img,
.zoom-object-2 img {
  width: 100%;
  height: auto;
  display: block;
}/* End custom CSS */