/* The enhanced entrance replaces the original heading-only effect. */
.yogen-site[data-business-motion] .business-section .business-heading {
  animation: none;
}

@media (prefers-reduced-motion: no-preference) {
  [data-business-pending]:not(:focus-within) {
    opacity: 0;
    pointer-events: none;
  }

  [data-business-entering] {
    --business-enter-ease: cubic-bezier(0.18, 0.76, 0.24, 1);
    --business-enter-delay: 0ms;
    animation: var(--business-enter-name) var(--business-enter-duration)
      var(--business-enter-ease) var(--business-enter-delay) backwards;
  }

  [data-business-entering='title'] {
    --business-enter-name: yaogan-business-title;
    --business-enter-duration: 760ms;
    --business-enter-offset: 0.54em;
  }

  [data-business-entering='copy'] {
    --business-enter-name: yaogan-business-copy;
    --business-enter-duration: 580ms;
    --business-enter-offset: 12px;
  }

  [data-business-entering='panel'] {
    --business-enter-name: yaogan-business-panel;
    --business-enter-duration: 720ms;
    --business-enter-offset: 18px;
    --business-art-duration: 660ms;
    --business-caption-delay: 126ms;
  }

  .industry-visual[data-business-entering='panel'] {
    --business-enter-name: yaogan-business-visual;
  }

  .case-card[data-business-entering='panel'] .case-art {
    animation: yaogan-case-art var(--business-art-duration)
      var(--business-enter-ease) var(--business-enter-delay) backwards;
  }

  .case-card[data-business-entering='panel'] .case-intro {
    animation: yaogan-business-copy 420ms var(--business-enter-ease)
      calc(var(--business-enter-delay) + var(--business-caption-delay))
      backwards;
  }

  @media (max-width: 700px) {
    [data-business-entering='title'] {
      --business-enter-duration: 620ms;
      --business-enter-offset: 0.38em;
    }

    [data-business-entering='copy'] {
      --business-enter-duration: 480ms;
      --business-enter-offset: 8px;
    }

    [data-business-entering='panel'] {
      --business-enter-duration: 600ms;
      --business-enter-offset: 10px;
      --business-art-duration: 540ms;
      --business-caption-delay: 80ms;
    }
  }
}

@keyframes yaogan-business-title {
  from {
    opacity: 0.15;
    clip-path: inset(-0.1em -0.1em 100% -0.1em);
    transform: translateY(var(--business-enter-offset));
  }

  64% {
    opacity: 1;
    clip-path: inset(-0.1em -0.1em -0.1em -0.1em);
  }

  to {
    opacity: 1;
    clip-path: inset(-0.1em -0.1em -0.1em -0.1em);
    transform: none;
  }
}

@keyframes yaogan-business-copy {
  from {
    opacity: 0.25;
    transform: translateY(var(--business-enter-offset, 8px));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes yaogan-business-panel {
  from {
    opacity: 0.3;
    transform: translateY(var(--business-enter-offset));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes yaogan-business-visual {
  from {
    opacity: 0.3;
    clip-path: inset(0 0 15% 0 round 8px);
    transform: translateY(var(--business-enter-offset));
  }

  to {
    opacity: 1;
    clip-path: inset(0 0 0 0 round 8px);
    transform: none;
  }
}

@keyframes yaogan-case-art {
  from {
    clip-path: inset(0 0 22% 0 round 8px);
    transform: scale(0.98);
  }

  to {
    clip-path: inset(0 0 0 0 round 8px);
    transform: none;
  }
}