/* -----PIXELATED GRID LOAD----- */
/* Show grid on page load (it's set to display none in Webflow) */
.transition{ display: grid; }

/* Hide grid in the editor */
.w-editor .transition{ display: none; }

/* -----LENIS SMOOTH SCROLL----- */
html.lenis {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
/* -----TEXT ANIMATIONS----- */
[text-split] {opacity: 0;}
html.w-editor [text-split] {opacity: 1;}

.word {
  overflow:hidden;
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
  vertical-align: top;
transform-origin: bottom;
}

/* -----BUTTON ANIMATION----- */
/* Characters */
.btn-animate-chars [data-button-animate-chars] {
    overflow: hidden;
    position: relative;
    display: inline-block;
  }

  .btn-animate-chars [data-button-animate-chars] span {
    display: inline-block;
    position: relative;
    text-shadow: 0px 1.3em currentColor;
    transform: translateY(0em) rotate(0.001deg);
    transition: transform 0.5s cubic-bezier(0.625, 0.05, 0, 1);
  }

  .btn-animate-chars:hover [data-button-animate-chars] span {
    transform: translateY(-1.3em) rotate(0.001deg);
  }

  [data-initial-color] {
    color: #818181;
    /* Initial grey color */
    transition: color 0.5s ease;
    /* Smooth transition for color change */
  }

  .btn-animate-chars:hover [data-initial-color] {
    color: #f2f2f2;
    /* Change to the desired color on hover */
  }

  /* Background */
.btn-animate-chars__bg {
  inset: 0;
  transition: inset 0.6s cubic-bezier(0.625, 0.05, 0, 1);
}

  .btn-animate-chars:hover .btn-animate-chars__bg {
    inset: 0.125em;
  }