.elementor-8 .elementor-element.elementor-element-69d8548{--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;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-69d8548:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-69d8548 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://minermole.xyz/wp-content/uploads/2025/08/1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-69d8548, .elementor-8 .elementor-element.elementor-element-69d8548::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-71814b2{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-aa7a277{--grid-template-columns:repeat(0, auto);--icon-size:22px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-8 .elementor-element.elementor-element-aa7a277 .elementor-widget-container{text-align:center;}.elementor-8 .elementor-element.elementor-element-aa7a277 .elementor-social-icon{background-color:#f46c12;border-style:solid;border-width:2px 2px 2px 2px;border-color:#340404;}.elementor-8 .elementor-element.elementor-element-aa7a277 .elementor-social-icon i{color:#340404;}.elementor-8 .elementor-element.elementor-element-aa7a277 .elementor-social-icon svg{fill:#340404;}.elementor-8 .elementor-element.elementor-element-aa7a277 .elementor-icon{border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-32b424f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:-38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-35f2346{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-35f2346.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-98600f6 .elementor-button{font-family:"Short Stack", Sans-serif;font-size:18px;font-weight:900;fill:#340404;color:#340404;background-color:#f46c12;border-style:solid;border-width:2px 2px 2px 2px;border-color:#340404;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-2be0dae{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-09fdfa1 img{width:90%;}.elementor-8 .elementor-element.elementor-element-5bb1881{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6c8aea5 > .elementor-widget-container{margin:-160px 0px -123px 0px;}.elementor-8 .elementor-element.elementor-element-6c8aea5 img{width:58%;}.elementor-8 .elementor-element.elementor-element-6423da4{--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;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-6423da4:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6423da4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://minermole.xyz/wp-content/uploads/2025/08/2.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-6423da4, .elementor-8 .elementor-element.elementor-element-6423da4::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-2e607c1{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:center;--background-transition:0.3s;--margin-top:150px;--margin-bottom:130px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-b253d28{--display:flex;--background-transition:0.3s;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-8 .elementor-element.elementor-element-b253d28.e-con{--e-con-transform-rotateZ:5deg;}.elementor-8 .elementor-element.elementor-element-d296907{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-774afc4 img{width:80%;}.elementor-8 .elementor-element.elementor-element-a4c7100{text-align:center;}.elementor-8 .elementor-element.elementor-element-a4c7100 .elementor-heading-title{color:#893b1a;font-family:"Short Stack", Sans-serif;font-size:25px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-b6a68dd{width:var( --container-widget-width, 39.941% );max-width:39.941%;--container-widget-width:39.941%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-b6a68dd > .elementor-widget-container{margin:-65px -65px -65px -65px;}.elementor-8 .elementor-element.elementor-element-b6a68dd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-d5d4997{--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;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-d5d4997:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-d5d4997 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://minermole.xyz/wp-content/uploads/2025/08/3.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-d5d4997, .elementor-8 .elementor-element.elementor-element-d5d4997::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-b586695{--display:flex;--background-transition:0.3s;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-d0f20ae img{width:50%;}.elementor-8 .elementor-element.elementor-element-5deec3e{text-align:center;}.elementor-8 .elementor-element.elementor-element-5deec3e .elementor-heading-title{color:#FFFFFF;font-family:"Short Stack", Sans-serif;font-size:30px;font-weight:900;}.elementor-8 .elementor-element.elementor-element-65c9bf6{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:130px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-b281692{--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;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-b281692:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b281692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://minermole.xyz/wp-content/uploads/2025/08/3A.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-b281692, .elementor-8 .elementor-element.elementor-element-b281692::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-823cc68{--display:flex;--background-transition:0.3s;--margin-top:150px;--margin-bottom:130px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-c49f738{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-f626325 img{width:64%;}.elementor-8 .elementor-element.elementor-element-e991b43{text-align:center;}.elementor-8 .elementor-element.elementor-element-e991b43 .elementor-heading-title{color:#FFFFFF;font-family:"Short Stack", Sans-serif;font-size:30px;font-weight:900;}.elementor-8 .elementor-element.elementor-element-668cf61{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-002ee07{--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;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-002ee07:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-002ee07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://minermole.xyz/wp-content/uploads/2025/08/4.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-002ee07, .elementor-8 .elementor-element.elementor-element-002ee07::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-bce0fb2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;--margin-top:150px;--margin-bottom:75px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-f797613{width:var( --container-widget-width, 37.932% );max-width:37.932%;--container-widget-width:37.932%;--container-widget-flex-grow:0;z-index:1;}.elementor-8 .elementor-element.elementor-element-f797613 > .elementor-widget-container{margin:-50px -50px -50px -50px;}.elementor-8 .elementor-element.elementor-element-f797613.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-f797613 img{width:100%;}.elementor-8 .elementor-element.elementor-element-0d1f375{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-8f48931 img{width:80%;}.elementor-8 .elementor-element.elementor-element-0ab13bd{text-align:center;}.elementor-8 .elementor-element.elementor-element-0ab13bd .elementor-heading-title{color:#893b1a;font-family:"Short Stack", Sans-serif;font-size:25px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-8f21910{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-8f21910.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-b74639e .elementor-button{font-family:"Short Stack", Sans-serif;font-size:18px;font-weight:900;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#340404;color:#340404;background-color:#f46c12;border-style:solid;border-width:2px 2px 2px 2px;border-color:#340404;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-7b715b9{--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;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-7b715b9:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-7b715b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f46c12;}.elementor-8 .elementor-element.elementor-element-7b715b9, .elementor-8 .elementor-element.elementor-element-7b715b9::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6a83608{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6420823{text-align:center;}.elementor-8 .elementor-element.elementor-element-6420823 .elementor-heading-title{color:#893b1a;font-family:"Short Stack", Sans-serif;font-size:25px;font-weight:500;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-98600f6 .elementor-button{font-size:15px;}.elementor-8 .elementor-element.elementor-element-6c8aea5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-6c8aea5 img{width:98%;}.elementor-8 .elementor-element.elementor-element-774afc4 img{width:100%;}.elementor-8 .elementor-element.elementor-element-a4c7100 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-b6a68dd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b6a68dd{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8 .elementor-element.elementor-element-d5d4997{--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-d0f20ae img{width:100%;}.elementor-8 .elementor-element.elementor-element-5deec3e .elementor-heading-title{font-size:22px;}.elementor-8 .elementor-element.elementor-element-b281692{--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-f626325 img{width:100%;}.elementor-8 .elementor-element.elementor-element-e991b43 .elementor-heading-title{font-size:22px;}.elementor-8 .elementor-element.elementor-element-f797613{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8 .elementor-element.elementor-element-8f48931 img{width:100%;}.elementor-8 .elementor-element.elementor-element-0ab13bd .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-b74639e .elementor-button{font-size:15px;}.elementor-8 .elementor-element.elementor-element-6420823 .elementor-heading-title{font-size:15px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-35f2346{--width:72.125%;}.elementor-8 .elementor-element.elementor-element-8f21910{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-32b424f *//* ====== CARTOON CONTAINER EFFECT ====== */
.cartoon-container{
  /* Warna utama bisa kamu ganti */
  --ink: #111;           /* warna garis tebal (tinta) */
  --paper: #fffbe8;      /* warna “kertas” */
  --accent: #ffd15c;     /* aksen kuning hangat */

  position: relative;
  background: var(--paper);
  border: 6px solid var(--ink);
  border-radius: 22px;
  padding: 28px;
  box-shadow: 10px 10px 0 var(--ink);
  color: #222;
  transform: translateZ(0);
  will-change: transform, box-shadow;
}

.cartoon-container *{ box-sizing: border-box; }

/* Halftone + tekstur komik */
.cartoon-container::before{
  content:"";
  position:absolute; inset: -6px;
  border-radius: 18px;
  pointer-events:none;
  opacity:.25;
  mix-blend-mode:multiply;
  background:
    radial-gradient(circle at 10px 10px, rgba(0,0,0,.16) 2px, transparent 3px) 0 0/12px 12px,
    radial-gradient(circle at 6px 6px, rgba(0,0,0,.10) 1.5px, transparent 3px) 0 0/10px 10px;
}

/* Highlight “stiker” di sudut */
.cartoon-container::after{
  content:"";
  position:absolute; inset:0;
  border-radius: 18px;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.75), rgba(255,255,255,0) 40%) top left / 100% 12px no-repeat;
}

/* Hover: wobble + speed lines */
.cartoon-container:hover{
  animation: cartoon-wobble .6s ease;
  box-shadow: 14px 14px 0 var(--ink);
}
.cartoon-container:hover::before{
  opacity:.32;
  background:
    /* speed lines */
    repeating-linear-gradient(135deg, rgba(0,0,0,.18) 0 2px, transparent 2px 8px),
    radial-gradient(circle at 10px 10px, rgba(0,0,0,.16) 2px, transparent 3px) 0 0/12px 12px,
    radial-gradient(circle at 6px 6px, rgba(0,0,0,.10) 1.5px, transparent 3px) 0 0/10px 10px;
}

@keyframes cartoon-wobble{
  0%   { transform: rotate(0) scale(1);}
  30%  { transform: rotate(-1.5deg) scale(1.03);}
  60%  { transform: rotate(1deg)  scale(0.99);}
  100% { transform: rotate(0) scale(1);}
}

/* Judul bergaya komik (opsional) */
.cartoon-title{
  margin:0 0 10px;
  color:#111;
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
  /* stroke teks ala komik */
  text-shadow:
    -2px -2px 0 #fff, 2px -2px 0 #fff,
    -2px  2px 0 #fff, 2px  2px 0 #fff,
    4px 4px 0 var(--ink);
}

/* Tombol komik (opsional) */
.cartoon-btn{
  display:inline-block;
  background: var(--accent);
  color:#111;
  border:4px solid var(--ink);
  border-radius:999px;
  padding:12px 20px;
  box-shadow:6px 6px 0 var(--ink);
  text-decoration:none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.cartoon-btn:hover{
  transform: translate(-2px,-2px);
  box-shadow:8px 8px 0 var(--ink);
}
.cartoon-btn:active{
  transform: translate(2px,2px);
  box-shadow:2px 2px 0 var(--ink);
}

/* Quality-of-life */
html, body{ overflow-x:hidden; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-09fdfa1 *//* Tikus Bounce dari Atas Mantul Terus */
.tikus-bounce-atas {
  --tikus-amplitude: 25px;  /* tinggi pantulan */
  --tikus-speed: 1.4s;      /* kecepatan bounce */
  display: inline-block;
  animation: tikus-bounce-atas var(--tikus-speed) ease-in-out infinite;
}

@keyframes tikus-bounce-atas {
  0%   { transform: translateY(0); }
  20%  { transform: translateY(var(--tikus-amplitude)); }
  40%  { transform: translateY(0); }
  60%  { transform: translateY(calc(var(--tikus-amplitude) * 0.5)); }
  80%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c8aea5 *//* Tikus Nongol dari Bawah */
.tikus-nongol {
  --tikus-amplitude: 50px;   /* Seberapa tinggi muncul */
  --tikus-speed: 2s;         /* Durasi 1 siklus */
  display: inline-block;
  animation: tikus-nongol var(--tikus-speed) ease-in-out infinite;
}

@keyframes tikus-nongol {
  0%   { transform: translateY(var(--tikus-amplitude)); opacity: 0; }
  20%  { transform: translateY(0); opacity: 1; } /* Naik */
  50%  { transform: translateY(0); opacity: 1; } /* Jeda di atas */
  80%  { transform: translateY(var(--tikus-amplitude)); opacity: 0; } /* Turun */
  100% { transform: translateY(var(--tikus-amplitude)); opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d296907 *//* ====== CARTOON CONTAINER EFFECT (warna #893B1A) ====== */
.cartoon-container{
  --ink: #3e1c0d;       /* garis tebal (lebih gelap dari #893B1A) */
  --paper: #fdf4ec;     /* warna "kertas" krem */
  --accent: #893B1A;    /* aksen cokelat bata */

  position: relative;
  background: var(--paper);
  border: 6px solid var(--ink);
  border-radius: 22px;
  padding: 28px;
  box-shadow: 10px 10px 0 var(--ink);
  color: #2c150a;
  transform: translateZ(0);
  will-change: transform, box-shadow;
}

.cartoon-container *{ box-sizing: border-box; }

/* Halftone + tekstur komik */
.cartoon-container::before{
  content:"";
  position:absolute; inset: -6px;
  border-radius: 18px;
  pointer-events:none;
  opacity:.25;
  mix-blend-mode:multiply;
  background:
    radial-gradient(circle at 10px 10px, rgba(0,0,0,.16) 2px, transparent 3px) 0 0/12px 12px,
    radial-gradient(circle at 6px 6px, rgba(0,0,0,.10) 1.5px, transparent 3px) 0 0/10px 10px;
}

/* Highlight di sudut */
.cartoon-container::after{
  content:"";
  position:absolute; inset:0;
  border-radius: 18px;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.75), rgba(255,255,255,0) 40%) top left / 100% 12px no-repeat;
}

/* Hover: wobble + speed lines */
.cartoon-container:hover{
  animation: cartoon-wobble .6s ease;
  box-shadow: 14px 14px 0 var(--ink);
}
.cartoon-container:hover::before{
  opacity:.32;
  background:
    repeating-linear-gradient(135deg, rgba(0,0,0,.18) 0 2px, transparent 2px 8px),
    radial-gradient(circle at 10px 10px, rgba(0,0,0,.16) 2px, transparent 3px) 0 0/12px 12px,
    radial-gradient(circle at 6px 6px, rgba(0,0,0,.10) 1.5px, transparent 3px) 0 0/10px 10px;
}

@keyframes cartoon-wobble{
  0%   { transform: rotate(0) scale(1);}
  30%  { transform: rotate(-1.5deg) scale(1.03);}
  60%  { transform: rotate(1deg)  scale(0.99);}
  100% { transform: rotate(0) scale(1);}
}

/* Judul bergaya komik */
.cartoon-title{
  margin:0 0 10px;
  color: var(--accent);
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
  text-shadow:
    -2px -2px 0 #fff, 2px -2px 0 #fff,
    -2px  2px 0 #fff, 2px  2px 0 #fff,
    4px 4px 0 var(--ink);
}

/* Tombol komik */
.cartoon-btn{
  display:inline-block;
  background: var(--accent);
  color:#fff;
  border:4px solid var(--ink);
  border-radius:999px;
  padding:12px 20px;
  box-shadow:6px 6px 0 var(--ink);
  text-decoration:none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.cartoon-btn:hover{
  transform: translate(-2px,-2px);
  box-shadow:8px 8px 0 var(--ink);
}
.cartoon-btn:active{
  transform: translate(2px,2px);
  box-shadow:2px 2px 0 var(--ink);
}

/* Hindari scroll horizontal */
html, body{ overflow-x:hidden; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6a68dd *//* Efek Naik Turun Loop */
.naik-turun {
  --amplitude: 20px;   /* tinggi gerakan */
  --speed: 1.2s;       /* durasi gerakan */
  display: inline-block;
  animation: naik-turun var(--speed) ease-in-out infinite;
}

@keyframes naik-turun {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(calc(-1 * var(--amplitude))); }
  100% { transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f797613 *//* Loop muncul dari kiri + getar dramatis */
.muncul-kiri-getar {
  --gerak-jarak: 80px;   /* jarak dari kiri */
  --gerak-speed: 3.2s;   /* durasi total */
  display: inline-block;
  animation: gerak-loop var(--gerak-speed) ease-in-out infinite;
}

/* Getaran dramatis */
@keyframes getar-dramatis {
  0%   { transform: translateX(0) rotate(0deg); }
  20%  { transform: translateX(-2px) rotate(-2deg); }
  40%  { transform: translateX(2px) rotate(2deg); }
  60%  { transform: translateX(-2px) rotate(-2deg); }
  80%  { transform: translateX(2px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

/* Gerakan utama */
@keyframes gerak-loop {
  0%   { transform: translateX(calc(-1 * var(--gerak-jarak))); opacity: 0; }
  15%  { transform: translateX(0); opacity: 1; } /* masuk */
  30%  { transform: translateX(0); animation: getar-dramatis 0.4s ease-in-out 1; } /* getar dramatis */
  50%  { transform: translateX(0); opacity: 1; }
  65%  { transform: translateX(calc(-1 * var(--gerak-jarak))); opacity: 0; } /* keluar */
  100% { transform: translateX(calc(-1 * var(--gerak-jarak))); opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d1f375 *//* ====== CARTOON CONTAINER EFFECT (warna #893B1A) ====== */
.cartoon-container{
  --ink: #3e1c0d;       /* garis tebal (lebih gelap dari #893B1A) */
  --paper: #fdf4ec;     /* warna "kertas" krem */
  --accent: #893B1A;    /* aksen cokelat bata */

  position: relative;
  background: var(--paper);
  border: 6px solid var(--ink);
  border-radius: 22px;
  padding: 28px;
  box-shadow: 10px 10px 0 var(--ink);
  color: #2c150a;
  transform: translateZ(0);
  will-change: transform, box-shadow;
}

.cartoon-container *{ box-sizing: border-box; }

/* Halftone + tekstur komik */
.cartoon-container::before{
  content:"";
  position:absolute; inset: -6px;
  border-radius: 18px;
  pointer-events:none;
  opacity:.25;
  mix-blend-mode:multiply;
  background:
    radial-gradient(circle at 10px 10px, rgba(0,0,0,.16) 2px, transparent 3px) 0 0/12px 12px,
    radial-gradient(circle at 6px 6px, rgba(0,0,0,.10) 1.5px, transparent 3px) 0 0/10px 10px;
}

/* Highlight di sudut */
.cartoon-container::after{
  content:"";
  position:absolute; inset:0;
  border-radius: 18px;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.75), rgba(255,255,255,0) 40%) top left / 100% 12px no-repeat;
}

/* Hover: wobble + speed lines */
.cartoon-container:hover{
  animation: cartoon-wobble .6s ease;
  box-shadow: 14px 14px 0 var(--ink);
}
.cartoon-container:hover::before{
  opacity:.32;
  background:
    repeating-linear-gradient(135deg, rgba(0,0,0,.18) 0 2px, transparent 2px 8px),
    radial-gradient(circle at 10px 10px, rgba(0,0,0,.16) 2px, transparent 3px) 0 0/12px 12px,
    radial-gradient(circle at 6px 6px, rgba(0,0,0,.10) 1.5px, transparent 3px) 0 0/10px 10px;
}

@keyframes cartoon-wobble{
  0%   { transform: rotate(0) scale(1);}
  30%  { transform: rotate(-1.5deg) scale(1.03);}
  60%  { transform: rotate(1deg)  scale(0.99);}
  100% { transform: rotate(0) scale(1);}
}

/* Judul bergaya komik */
.cartoon-title{
  margin:0 0 10px;
  color: var(--accent);
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
  text-shadow:
    -2px -2px 0 #fff, 2px -2px 0 #fff,
    -2px  2px 0 #fff, 2px  2px 0 #fff,
    4px 4px 0 var(--ink);
}

/* Tombol komik */
.cartoon-btn{
  display:inline-block;
  background: var(--accent);
  color:#fff;
  border:4px solid var(--ink);
  border-radius:999px;
  padding:12px 20px;
  box-shadow:6px 6px 0 var(--ink);
  text-decoration:none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.cartoon-btn:hover{
  transform: translate(-2px,-2px);
  box-shadow:8px 8px 0 var(--ink);
}
.cartoon-btn:active{
  transform: translate(2px,2px);
  box-shadow:2px 2px 0 var(--ink);
}

/* Hindari scroll horizontal */
html, body{ overflow-x:hidden; }/* End custom CSS */