@media screen and (min-width: 768px) {
  [data-animated="enticement-fx"] .enticement__catch-box {
    opacity: 0;
    visibility: hidden;
  }
  
  [data-animated="enticement-fx"] .word {
    display: inline-block;
    visibility: hidden;
    will-change: transform, filter, opacity;
  }
}


/* [data-animated="enticement-fx"] .enticement-info {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(25%);
} */

/* .enticement-info[class*="is-animated"] {
  animation: enticement-info-anime 1s ease-out forwards;
  animation-delay: 0.25s;
}

@keyframes enticement-info-anime {
  0% {
    opacity: 0;
    filter: blur(5px);
    transform: translateY(25%);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
    transform: translateY(0);
  }
} */

/* suggestion text */
[data-animated="suggestion-fx-3"] {
  opacity: 0;
  transform: translateY(100%);
}

/* heading elements */
[data-animated="heading"] {
  opacity: 0;
}

/* blurry elements */
[data-animated="blur"] {
  opacity: 0;
  filter: blur(5px);
  will-change: filter, opacity;
}

.is-animated[data-animated="blur"] {
  opacity: 1;
  filter: blur(0px);
}

/* fadein elements */
[data-animated="opacity"] {
  opacity: 0;
}

.is-animated[data-animated="opacity"] {
  opacity: 1;
}

/* blurry translating vertically */
[data-animated="blur-translateY"] {
  opacity: 0;
  filter: blur(10px);
  transform: translateY(25%);
  will-change: transform, filter, opacity;
}

.is-animated[data-animated="blur-translateY"] {
  opacity: 1;
  filter: blur(0px);
  transform: translateY(0);
}

/* FAQ */
.faq::before {
  opacity: 0;
  filter: blur(5px);
  will-change: filter;
  transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s;
}

.faq[data-scroll-section-inview]::before {
  opacity: 1;
  filter: blur(0px);
}

/* Timing */
[data-animated="blur"],
[data-animated="opacity"],
[data-animated="blur-translateY"] {
  transition: all 1s ease;
}

@media all and (min-width: 768px) {
  [data-animated="blur"],
  [data-animated="opacity"],
  [data-animated="blur-translateY"] {
    transition: all 2s ease;
  }

  figure[data-animated="blur"] {
    transition-delay: 0.5s;
  }

  .guidance-list li[data-animated="opacity"]:nth-child(2) {
    transition-delay: 0.25s;
  }
  .guidance-list li[data-animated="opacity"]:nth-child(3) {
    transition-delay: 0.5s;
  }
}