/* =========================================================
   Wrenchmate Landing Motion Layer
   pre-Alpha V1.0.48 Landing Motion Override
   ========================================================= */
.landing-engine-page .engine-hero__photo::before{
  background:linear-gradient(117deg,
    rgba(255,255,255,0) 34%,
    rgba(184,210,255,.03) 41%,
    rgba(255,255,255,.18) 49%,
    rgba(186,218,255,.05) 56%,
    rgba(255,255,255,0) 63%);
  transform:translate3d(-128%, 0, 0) rotate(-14deg) scale(1.18);
  opacity:.44;
  animation:engineChromeSweep 14s cubic-bezier(.22,.61,.36,1) infinite!important;
}

.landing-engine-page .engine-hero__photo::after{
  background:linear-gradient(116deg,
    rgba(255,255,255,0) 42%,
    rgba(255,255,255,.10) 49%,
    rgba(255,255,255,0) 56%);
  transform:translate3d(-132%, -4%, 0) rotate(-14deg) scale(1.12);
  opacity:.22;
  animation:engineChromeSweepSecondary 18s cubic-bezier(.22,.61,.36,1) infinite 3.2s!important;
}

.landing-engine-page .engine-hero-card__chrome{
  background:linear-gradient(118deg,
    rgba(255,255,255,0) 38%,
    rgba(255,255,255,.03) 46%,
    rgba(255,255,255,.16) 49%,
    rgba(255,255,255,.04) 52%,
    rgba(255,255,255,0) 60%);
  transform:translate3d(-132%, 0, 0) rotate(-16deg) scale(1.06);
  animation:engineCardSheen 16s cubic-bezier(.22,.61,.36,1) infinite 1.4s!important;
}

.landing-engine-page .engine-sparkle{
  animation:engineSparklePulse var(--duration, 5s) ease-in-out infinite!important;
  animation-delay:var(--delay, 0s)!important;
}

.landing-engine-page .engine-sparkle--1{top:12%;left:18%;--size:18px;--duration:5.4s;--delay:0s}
.landing-engine-page .engine-sparkle--2{top:24%;left:82%;--size:11px;--duration:4.6s;--delay:1.2s}
.landing-engine-page .engine-sparkle--3{top:34%;left:11%;--size:14px;--duration:5.8s;--delay:2.2s}
.landing-engine-page .engine-sparkle--4{top:40%;left:88%;--size:16px;--duration:4.8s;--delay:.8s}
.landing-engine-page .engine-sparkle--5{top:57%;left:18%;--size:13px;--duration:5.2s;--delay:2.8s}
.landing-engine-page .engine-sparkle--6{top:62%;left:76%;--size:12px;--duration:4.5s;--delay:1.6s}
.landing-engine-page .engine-sparkle--7{top:72%;left:36%;--size:10px;--duration:5.9s;--delay:3.1s}
.landing-engine-page .engine-sparkle--8{top:79%;left:86%;--size:17px;--duration:4.9s;--delay:2.1s}
.landing-engine-page .engine-sparkle--9{top:84%;left:14%;--size:15px;--duration:5.6s;--delay:3.7s}
.landing-engine-page .engine-sparkle--10{top:18%;left:63%;--size:9px;--duration:4.2s;--delay:2.6s}

@keyframes engineChromeSweep{
  0%, 10%{transform:translate3d(-128%, 0, 0) rotate(-14deg) scale(1.18);opacity:0}
  16%{opacity:.26}
  26%{opacity:.44}
  38%{transform:translate3d(118%, 0, 0) rotate(-14deg) scale(1.18);opacity:0}
  100%{transform:translate3d(118%, 0, 0) rotate(-14deg) scale(1.18);opacity:0}
}

@keyframes engineChromeSweepSecondary{
  0%, 18%{transform:translate3d(-132%, -4%, 0) rotate(-14deg) scale(1.12);opacity:0}
  24%{opacity:.16}
  34%{opacity:.22}
  44%{transform:translate3d(116%, -4%, 0) rotate(-14deg) scale(1.12);opacity:0}
  100%{transform:translate3d(116%, -4%, 0) rotate(-14deg) scale(1.12);opacity:0}
}

@keyframes engineCardSheen{
  0%, 22%{transform:translate3d(-132%, 0, 0) rotate(-16deg) scale(1.06);opacity:0}
  28%{opacity:.12}
  36%{opacity:.24}
  48%{transform:translate3d(118%, 0, 0) rotate(-16deg) scale(1.06);opacity:0}
  100%{transform:translate3d(118%, 0, 0) rotate(-16deg) scale(1.06);opacity:0}
}

@keyframes engineSparklePulse{
  0%, 100%{opacity:.10;transform:scale(.72) rotate(0deg)}
  18%{opacity:.18;transform:scale(.86) rotate(12deg)}
  36%{opacity:.9;transform:scale(1) rotate(45deg)}
  54%{opacity:.34;transform:scale(.88) rotate(58deg)}
  72%{opacity:.14;transform:scale(.76) rotate(90deg)}
}

@media (prefers-reduced-motion: reduce){
  .landing-engine-page .engine-hero__photo::before,
  .landing-engine-page .engine-hero__photo::after,
  .landing-engine-page .engine-hero-card__chrome,
  .landing-engine-page .engine-sparkle{
    animation:none!important;
  }

  .landing-engine-page .engine-sparkle{
    opacity:.24;
    transform:scale(.88);
  }
}