.elementor-5430 .elementor-element.elementor-element-3bbfc98{--display:flex;--min-height:430px;--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;--overlay-opacity:0.5;}.elementor-5430 .elementor-element.elementor-element-3bbfc98:not(.elementor-motion-effects-element-type-background), .elementor-5430 .elementor-element.elementor-element-3bbfc98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hanskristo.com/wp-content/uploads/2025/08/Romantic-Grotesque-15-scaled.webp");}.elementor-5430 .elementor-element.elementor-element-3bbfc98::before, .elementor-5430 .elementor-element.elementor-element-3bbfc98 > .elementor-background-video-container::before, .elementor-5430 .elementor-element.elementor-element-3bbfc98 > .e-con-inner > .elementor-background-video-container::before, .elementor-5430 .elementor-element.elementor-element-3bbfc98 > .elementor-background-slideshow::before, .elementor-5430 .elementor-element.elementor-element-3bbfc98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5430 .elementor-element.elementor-element-3bbfc98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#5E0C3AD4;--background-overlay:'';}.elementor-5430 .elementor-element.elementor-element-8fa968e{--display:flex;}.elementor-5430 .elementor-element.elementor-element-0ada0a0{--display:flex;--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5430 .elementor-element.elementor-element-57e4d64{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-5430 .elementor-element.elementor-element-57e4d64:not(.elementor-motion-effects-element-type-background), .elementor-5430 .elementor-element.elementor-element-57e4d64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#21041C8F;}.elementor-5430 .elementor-element.elementor-element-b6c063e{--display:flex;--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;}.elementor-5430 .elementor-element.elementor-element-c1ef41f{--display:flex;}.elementor-5430 .elementor-element.elementor-element-2459d19{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5430 .elementor-element.elementor-element-28083cc{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-5430 .elementor-element.elementor-element-08b04c7{text-align:center;}.elementor-5430 .elementor-element.elementor-element-08b04c7 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:2.5rem;line-height:54px;letter-spacing:0.2px;color:#E89D08;}.elementor-5430 .elementor-element.elementor-element-5384d35{--display:flex;}.elementor-5430 .elementor-element.elementor-element-86660f7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5430 .elementor-element.elementor-element-86660f7{text-align:center;}.elementor-5430 .elementor-element.elementor-element-86660f7 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:1.6rem;color:#FEE0B9;}.elementor-5430 .elementor-element.elementor-element-18175c3{--display:flex;}.elementor-5430 .elementor-element.elementor-element-3bf022b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:23px 23px 23px 23px;}.elementor-5430 .elementor-element.elementor-element-3bf022b{text-align:center;font-family:"Inter", Sans-serif;font-size:1.5rem;font-weight:500;color:#FFFDE6;}.elementor-5430 .elementor-element.elementor-element-3d85f01{--display:flex;}.elementor-5430 .elementor-element.elementor-element-67fd790{--display:flex;--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;}.elementor-5430 .elementor-element.elementor-element-3b8ba71{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5430 .elementor-element.elementor-element-c89f1a1{--display:flex;--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;--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-5430 .elementor-element.elementor-element-0275323{--display:flex;--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-5430 .elementor-element.elementor-element-40f5886{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5430 .elementor-element.elementor-element-b6347ad{text-align:center;}.elementor-5430 .elementor-element.elementor-element-b6347ad .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:2rem;line-height:52px;color:#B88346;}.elementor-5430 .elementor-element.elementor-element-e645a75{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-5430 .elementor-element.elementor-element-f7d4c76{font-family:"Inter", Sans-serif;font-size:1.5rem;font-weight:600;}.elementor-5430 .elementor-element.elementor-element-0ff1b71{--display:flex;}.elementor-5430 .elementor-element.elementor-element-6481778{--iteration-count:infinite;--dynamic-text-color:#4A6430;}.elementor-5430 .elementor-element.elementor-element-6481778 .elementor-headline{text-align:center;}.elementor-5430 .elementor-element.elementor-element-222d4d2{--display:flex;--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-5430 .elementor-element.elementor-element-63c985a{--display:flex;--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;}.elementor-5430 .elementor-element.elementor-element-b2aa70b{--display:flex;--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;}.elementor-5430 .elementor-element.elementor-element-cb335cc{--display:flex;--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;}.elementor-5430 .elementor-element.elementor-element-d7fb382{--display:flex;--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-5430 .elementor-element.elementor-element-8693b88 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5430 .elementor-element.elementor-element-df4b61e{--display:flex;--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-5430 .elementor-element.elementor-element-83eacf3{--display:flex;--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-5430 .elementor-element.elementor-element-51cfd67{--display:flex;--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;}.elementor-5430 .elementor-element.elementor-element-aac854e{--display:flex;--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-5430 .elementor-element.elementor-element-23307f2{--display:flex;--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-5430 .elementor-element.elementor-element-0203ee6{--display:flex;--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-5430 .elementor-element.elementor-element-c128ab6{--display:flex;--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;}.elementor-5430 .elementor-element.elementor-element-02bf574 .elementor-repeater-item-5c50257.elementor-social-icon{background-color:#252525;}.elementor-5430 .elementor-element.elementor-element-02bf574 .elementor-repeater-item-bc75c64.elementor-social-icon{background-color:#323232;}.elementor-5430 .elementor-element.elementor-element-02bf574 .elementor-repeater-item-083ab9d.elementor-social-icon{background-color:#2D2D2D;}.elementor-5430 .elementor-element.elementor-element-02bf574 .elementor-repeater-item-84a0762.elementor-social-icon{background-color:#323232;}.elementor-5430 .elementor-element.elementor-element-02bf574 .elementor-repeater-item-822f67d.elementor-social-icon{background-color:#202020;}.elementor-5430 .elementor-element.elementor-element-02bf574{--grid-template-columns:repeat(0, auto);--grid-column-gap:18px;--grid-row-gap:0px;}.elementor-5430 .elementor-element.elementor-element-02bf574 .elementor-widget-container{text-align:center;}@media(min-width:768px){.elementor-5430 .elementor-element.elementor-element-3d85f01{--width:30%;}}@media(max-width:1024px){.elementor-5430 .elementor-element.elementor-element-b6c063e{--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;}}@media(max-width:767px){.elementor-5430 .elementor-element.elementor-element-57e4d64{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-5430 .elementor-element.elementor-element-b6c063e{--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-5430 .elementor-element.elementor-element-c1ef41f{--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-5430 .elementor-element.elementor-element-e645a75{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for container, class: .elementor-element-d7fb382 *//* Bungkus widget image dengan class ini misalnya */
.square-image {
  aspect-ratio: 1 / 1;   /* bikin container selalu kotak */
  width: 100%;           /* isi lebar parent */
  overflow: hidden;      /* sembunyikan bagian yg keluar */
  position: relative;
}

/* Styling img di dalamnya */
.square-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* penuh, auto crop */
  object-position: center; /* fokus di tengah */
  display: block;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8dfa8be *//* langsung target widget image */
.elementor-5430 .elementor-element.elementor-element-8dfa8be {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df4b61e *//* Bungkus widget image dengan class ini misalnya */
.square-image {
  aspect-ratio: 1 / 1;   /* bikin container selalu kotak */
  width: 100%;           /* isi lebar parent */
  overflow: hidden;      /* sembunyikan bagian yg keluar */
  position: relative;
}

/* Styling img di dalamnya */
.square-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* penuh, auto crop */
  object-position: center; /* fokus di tengah */
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83eacf3 *//* Bungkus widget image dengan class ini misalnya */
.square-image {
  aspect-ratio: 1 / 1;   /* bikin container selalu kotak */
  width: 100%;           /* isi lebar parent */
  overflow: hidden;      /* sembunyikan bagian yg keluar */
  position: relative;
}

/* Styling img di dalamnya */
.square-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* penuh, auto crop */
  object-position: center; /* fokus di tengah */
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb335cc *//* Kotak 1:1 hanya untuk section/parent yang kamu kasih class tiles-1x1 */
.tiles-1x1 .elementor-widget-image {
  position: relative !important;
  overflow: hidden !important;
}

.tiles-1x1 .elementor-widget-image::before {
  content: "" !important;
  display: block !important;
  padding-top: 100% !important; /* 1:1 */
}

.tiles-1x1 .elementor-widget-image .elementor-widget-container,
.tiles-1x1 .elementor-widget-image .elementor-image,
.tiles-1x1 .elementor-widget-image figure {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tiles-1x1 .elementor-widget-image .elementor-image a,
.tiles-1x1 .elementor-widget-image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 12px;   /* ubah angka sesuai selera */
  overflow: hidden;      /* penting biar crop ikut melengkung */
}


/* === Terapkan hanya di layar >= 768px (tablet ke atas) === */
@media (min-width: 767px) {
  .tiles-1x1 .elementor-widget-image {
    position: relative !important;
    overflow: hidden !important;
  }
  .tiles-1x1 .elementor-widget-image::before {
    content: " " !important;
    display: block !important;
    padding-top: 100% !important; /* 1:1 square */
  }
  .tiles-1x1 .elementor-widget-image .elementor-widget-container,
  .tiles-1x1 .elementor-widget-image .elementor-image,
  .tiles-1x1 .elementor-widget-image figure {
    position: absolute !important;
    inset: 0 !important;
  }
  .tiles-1x1 .elementor-widget-image .elementor-image a,
  .tiles-1x1 .elementor-widget-image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* ==== MOBILE OFF (<= 767px) — balikin ke default, nonaktifkan square ==== */
@media (max-width: 767px){

  /* Image Widget */
  .tiles-1x1 .elementor-widget-image::before{
    content: none !important;
    display: none !important;
    padding-top: 0 !important;
  }
  .tiles-1x1 .elementor-widget-image,
  .tiles-1x1 .elementor-widget-image .elementor-widget-container,
  .tiles-1x1 .elementor-widget-image .elementor-image,
  .tiles-1x1 .elementor-widget-image figure,
  .tiles-1x1 .elementor-widget-image .elementor-image a,
  .tiles-1x1 .elementor-widget-image img{
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .tiles-1x1 .elementor-widget-image img{
    max-width: 100% !important;
    object-fit: initial !important;     /* jangan crop */
    object-position: initial !important;
    opacity: 1 !important;
    visibility: visible !important;     /* kalahkan lazyload */
    border-radius: 0 !important;        /* opsional: hilangkan radius di mobile */
  }

  /* Elementor Gallery (kalau ada) */
  .tiles-1x1 .elementor-gallery__container .e-gallery-item::before{
    content: none !important;
    display: none !important;
    padding-top: 0 !important;
  }
  .tiles-1x1 .elementor-gallery__container .e-gallery-item,
  .tiles-1x1 .elementor-gallery__container .e-gallery-image,
  .tiles-1x1 .elementor-gallery__container .e-gallery-item a,
  .tiles-1x1 .elementor-gallery__container .e-gallery-item img,
  .tiles-1x1 .elementor-gallery__container .e-gallery-item picture,
  .tiles-1x1 .elementor-gallery__container .e-gallery-item picture img{
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
  }
  .tiles-1x1 .elementor-gallery__container .e-gallery-item img{
    max-width: 100% !important;
    object-fit: initial !important;
    object-position: initial !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (min-width:1024px) and (max-width:1366px){
  .tiles-1x1 .elementor-gallery__container{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  /* pastikan item isi penuh sel */
  .tiles-1x1 .elementor-gallery__container .e-gallery-item{
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aac854e *//* Bungkus widget image dengan class ini misalnya */
.square-image {
  aspect-ratio: 1 / 1;   /* bikin container selalu kotak */
  width: 100%;           /* isi lebar parent */
  overflow: hidden;      /* sembunyikan bagian yg keluar */
  position: relative;
}

/* Styling img di dalamnya */
.square-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* penuh, auto crop */
  object-position: center; /* fokus di tengah */
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23307f2 *//* Bungkus widget image dengan class ini misalnya */
.square-image {
  aspect-ratio: 1 / 1;   /* bikin container selalu kotak */
  width: 100%;           /* isi lebar parent */
  overflow: hidden;      /* sembunyikan bagian yg keluar */
  position: relative;
}

/* Styling img di dalamnya */
.square-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* penuh, auto crop */
  object-position: center; /* fokus di tengah */
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0203ee6 *//* Bungkus widget image dengan class ini misalnya */
.square-image {
  aspect-ratio: 1 / 1;   /* bikin container selalu kotak */
  width: 100%;           /* isi lebar parent */
  overflow: hidden;      /* sembunyikan bagian yg keluar */
  position: relative;
}

/* Styling img di dalamnya */
.square-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* penuh, auto crop */
  object-position: center; /* fokus di tengah */
  display: block;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Space Grotesk';
	font-display: auto;
	src: url('https://hanskristo.com/wp-content/uploads/2025/10/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */