/* OVIIGI MOTION PREMIUM V1 50.197F */

@media (prefers-reduced-motion:no-preference) {

  .oviigi-why.oviigi-why-ready
  .oviigi-why-heading:not(.oviigi-why-visible) {
    opacity:0;
    filter:blur(5px);
    transform:translateY(35px);
  }

  .oviigi-why.oviigi-why-ready
  .oviigi-why-card:not(.oviigi-why-visible) {
    opacity:0;
    filter:brightness(.55) blur(3px);
    transform:
      perspective(900px)
      translateY(65px)
      rotateX(12deg)
      scale(.90);
  }

  .oviigi-why.oviigi-why-ready
  .oviigi-why-heading {
    transition:
      opacity .85s ease,
      filter .85s ease,
      transform .85s cubic-bezier(.18,.85,.2,1);
  }

  .oviigi-why.oviigi-why-ready
  .oviigi-why-card {
    transition:
      opacity .9s ease,
      filter .9s ease,
      transform .9s cubic-bezier(.18,.85,.2,1);
  }

  .oviigi-why.oviigi-why-ready
  .oviigi-why-heading.oviigi-why-visible {
    opacity:1;
    filter:none;
    transform:translateY(0);
  }

  .oviigi-why.oviigi-why-ready
  .oviigi-why-card.oviigi-why-visible {
    opacity:1;
    filter:none;
    transform:none;
  }

  .oviigi-why .oviigi-why-card:nth-child(1) {
    transition-delay:0ms;
  }

  .oviigi-why .oviigi-why-card:nth-child(2) {
    transition-delay:180ms;
  }

  .oviigi-why .oviigi-why-card:nth-child(3) {
    transition-delay:360ms;
  }

  .oviigi-why .oviigi-why-card:nth-child(4) {
    transition-delay:540ms;
  }

  .oviigi-why .oviigi-why-card {
    position:relative;
    isolation:isolate;
    overflow:hidden;
  }

  .oviigi-why .oviigi-why-card::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(
      115deg,
      transparent 25%,
      rgba(255,255,255,.20) 48%,
      transparent 72%
    );
    transform:translateX(-160%);
    pointer-events:none;
    z-index:0;
  }

  .oviigi-why
  .oviigi-why-card.oviigi-why-visible::after {
    animation:oviigi-motion-shine 4.8s ease-in-out 1.2s infinite;
  }

  .oviigi-why .oviigi-why-card > * {
    position:relative;
    z-index:1;
  }

  @keyframes oviigi-motion-shine {
    0%,60%,100% {
      transform:translateX(-160%);
    }
    82% {
      transform:translateX(160%);
    }
  }

  @media (hover:hover) and (pointer:fine) {
    .oviigi-why.oviigi-why-ready
    .oviigi-why-card.oviigi-why-visible:hover {
      transform:translateY(-9px) scale(1.025);
      filter:brightness(1.08);
      transition-delay:0ms;
    }
  }
}

@media (prefers-reduced-motion:reduce) {
  .oviigi-why .oviigi-why-heading,
  .oviigi-why .oviigi-why-card {
    opacity:1 !important;
    filter:none !important;
  }
}