/* RK Skewer Divider */

.rk-skewer-divider {
  padding-block: 4.5rem;
  overflow: hidden;
  background: var(--rk-cream);
}

.rk-skewer-divider svg {
  width: min(56rem, 94%);
  max-width: 100%;
  display: block;
  margin-inline: auto;
}

.rk-skewer-piece {
  transition: transform 0.7s var(--rk-ease-out), opacity 0.55s var(--rk-ease-out);
}

.rk-skewer-divider:not(.is-inview) .rk-skewer-piece {
  opacity: 0;
}

.rk-skewer-divider:not(.is-inview) .rk-skewer-piece:nth-child(odd) {
  transform: translateX(-70px) translateY(-24px) rotate(-14deg);
}

.rk-skewer-divider:not(.is-inview) .rk-skewer-piece:nth-child(even) {
  transform: translateX(70px) translateY(24px) rotate(12deg);
}

.rk-skewer-divider.is-inview .rk-skewer-piece {
  opacity: 1;
  transform: none;
}

.rk-skewer-piece:nth-child(2) { transition-delay: 0.08s; }
.rk-skewer-piece:nth-child(3) { transition-delay: 0.16s; }
.rk-skewer-piece:nth-child(4) { transition-delay: 0.24s; }
.rk-skewer-piece:nth-child(5) { transition-delay: 0.32s; }
.rk-skewer-piece:nth-child(6) { transition-delay: 0.4s; }

/* Editor preview: always assembled */
.elementor-editor-active .rk-skewer-divider .rk-skewer-piece {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .rk-skewer-divider:not(.is-inview) .rk-skewer-piece {
    opacity: 1;
    transform: none;
  }
}