/* A single, meaning-led response when the awareness section enters view.
   The approved artwork footprint, alignment and hover quotation are untouched. */
@media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
  .talkwise-site.home-page .phase2-section2__awareness-art {
    isolation: isolate;
  }

  .talkwise-site.home-page .phase2-section2__awareness-art::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 68%;
    width: 42%;
    aspect-ratio: 4.8 / 1;
    border: 1px solid rgba(158, 130, 82, .46);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.58);
  }

  .talkwise-site.home-page .phase2-section2__awareness-art img {
    transform: translate3d(0, -5px, 0);
    transition: transform 1.15s cubic-bezier(.16, .76, .22, 1);
  }

  .talkwise-site.home-page .phase2-section2__choice {
    opacity: .01;
    transform: translate3d(0, 10px, 0);
    transition:
      opacity .9s .72s cubic-bezier(.2, .72, .22, 1),
      transform 1.05s .72s cubic-bezier(.2, .72, .22, 1);
  }

  .talkwise-site.home-page .phase2-section2.is-awareness-awake .phase2-section2__awareness-art img {
    transform: translate3d(0, 0, 0);
  }

  .talkwise-site.home-page .phase2-section2.is-awareness-awake .phase2-section2__awareness-art::after {
    animation: tw-awareness-ripple 1.65s .28s cubic-bezier(.18, .72, .2, 1) both;
  }

  .talkwise-site.home-page .phase2-section2.is-awareness-awake .phase2-section2__choice {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes tw-awareness-ripple {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.58);
  }
  24% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.32);
  }
}

@media (prefers-reduced-motion: reduce) {
  .talkwise-site.home-page .phase2-section2__choice,
  .talkwise-site.home-page .phase2-section2__awareness-art img {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .talkwise-site.home-page .phase2-section2__awareness-art::after {
    display: none;
  }
}