@media (prefers-reduced-motion: no-preference) {
  html.bianca-motion-ready .template-index [data-bianca-reveal] {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
  }

  html.bianca-motion-active .template-index [data-bianca-reveal] {
    transition:
      opacity 560ms ease,
      transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-delay: var(--bianca-reveal-delay, 0ms);
  }

  html.bianca-motion-ready .template-index [data-bianca-reveal="from-right"] {
    transform: translate3d(18px, 0, 0);
  }

  html.bianca-motion-ready .template-index [data-bianca-reveal="from-left"] {
    transform: translate3d(-18px, 0, 0);
  }

  html.bianca-motion-active .template-index [data-bianca-reveal="from-right"],
  html.bianca-motion-active .template-index [data-bianca-reveal="from-left"] {
    transition-duration: 620ms;
  }

  html.bianca-motion-ready .template-index [data-bianca-reveal="cta"] {
    transform: translate3d(0, 14px, 0);
  }

  html.bianca-motion-active .template-index [data-bianca-reveal="cta"] {
    transition-duration: 520ms;
  }

  html.bianca-motion-ready .template-index [data-bianca-reveal].is-bianca-revealed {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  html.bianca-motion-ready .template-index [data-bianca-reveal]:not(.is-bianca-revealed) {
    will-change: opacity, transform;
  }
}

@media (hover: hover) and (pointer: fine) {
  .template-index .bz-home .bianca-hover-card {
    transition:
      transform 280ms cubic-bezier(0.22, 0.61, 0.36, 1),
      border-color 280ms ease,
      box-shadow 280ms ease,
      background-color 280ms ease;
  }

  .template-index .bz-home .bianca-hover-card .bz-button {
    transition:
      transform 280ms cubic-bezier(0.22, 0.61, 0.36, 1),
      background-color 280ms ease,
      border-color 280ms ease,
      color 280ms ease;
  }

  html.bianca-motion-ready .template-index .bz-home .bianca-hover-card.is-bianca-revealed:hover,
  html.bianca-motion-ready .template-index .bz-home .bianca-hover-card.is-bianca-revealed:focus-within {
    border-color: rgba(184, 155, 114, 0.72);
    box-shadow: 0 1.4rem 3.6rem rgba(47, 52, 55, 0.09);
    transform: translateY(-4px);
  }

  html.bianca-motion-ready .template-index .bz-home .bz-pillar.bianca-hover-card.is-bianca-revealed:hover,
  html.bianca-motion-ready .template-index .bz-home .bz-pillar.bianca-hover-card.is-bianca-revealed:focus-within {
    background: rgba(255, 255, 255, 0.55);
  }

  html.bianca-motion-ready .template-index .bz-home .bianca-hover-card.is-bianca-revealed:hover .bz-button,
  html.bianca-motion-ready .template-index .bz-home .bianca-hover-card.is-bianca-revealed:focus-within .bz-button {
    transform: translateY(-1px);
  }
}

@media (hover: none), (pointer: coarse) {
  .template-index .bz-home .bianca-hover-card,
  .template-index .bz-home .bianca-hover-card:hover,
  .template-index .bz-home .bianca-hover-card:focus-within {
    border-color: var(--bz-beige);
    box-shadow: none;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.bianca-motion-ready .template-index [data-bianca-reveal],
  html.bianca-motion-ready .template-index [data-bianca-reveal].is-bianca-revealed {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .template-index .bz-home .bianca-hover-card,
  .template-index .bz-home .bianca-hover-card:hover,
  .template-index .bz-home .bianca-hover-card:focus-within,
  .template-index .bz-home .bianca-hover-card .bz-button {
    transform: none;
    transition: none;
  }
}