/* Shengjia Lighting · first-visit entrance, v117.
   Nothing is hidden before JavaScript or after this short animation. */
.sj117-entering[data-sj117-intro] {
  animation-duration: 850ms;
  animation-delay: var(--sj117-delay, 0ms);
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
  animation-iteration-count: 1;
  animation-fill-mode: both;
  transform-origin: 50% 60%;
  will-change: transform, opacity;
}

.sj116 .sj116-card.sj117-entering[data-sj117-intro="home-card"] {
  --sj117-enter-yaw: 38deg;
  animation-name: sj117-home-card-in;
  animation-duration: 840ms;
  backface-visibility: hidden;
}
.sj116 .sj116-card:nth-child(even).sj117-entering[data-sj117-intro="home-card"] {
  --sj117-enter-yaw: -38deg;
}
.sj116 .sj116-orbit.sj117-entering[data-sj117-intro="home-orbit"] {
  animation-name: sj117-home-orbit-in;
  animation-duration: 950ms;
  transform-origin: 50% 50%;
}
.sj116 .sj116-hero-image.sj117-entering[data-sj117-intro="home-hero"] {
  animation-name: sj117-home-hero-in;
  animation-duration: 950ms;
}
.sj117-entering[data-sj117-intro="landing-hero"],
.sj117-entering[data-sj117-intro="landing-card"] {
  animation-name: sj117-landing-in;
}

@keyframes sj117-home-card-in {
  from {
    opacity: .76;
    transform: perspective(1000px)
      translateY(calc(var(--sj116-card-y, 0px) + 18px)) translateZ(-48px)
      rotateY(calc(var(--sj117-yaw, 0deg) + var(--sj117-enter-yaw, 38deg)))
      rotateZ(var(--sj117-roll, 0deg));
  }
  to {
    opacity: 1;
    transform: perspective(1000px) translateY(var(--sj116-card-y, 0px))
      rotateY(var(--sj117-yaw, 0deg)) rotateZ(var(--sj117-roll, 0deg));
  }
}
@keyframes sj117-home-orbit-in {
  from { opacity: .4; transform: rotateZ(-6deg); }
  to { opacity: .92; transform: rotateZ(0deg); }
}
@keyframes sj117-home-hero-in {
  from { opacity: .85; transform: perspective(1400px) rotateY(-3deg) translateZ(-12px) scale(1.025); }
  to { opacity: 1; transform: perspective(1400px) rotateY(0deg) translateZ(0) scale(1); }
}
@keyframes sj117-landing-in {
  from { opacity: .75; transform: perspective(1200px) translateY(20px) rotateY(-6deg); }
  to { opacity: 1; transform: perspective(1200px) translateY(0) rotateY(0deg); }
}

@media (max-width: 700px) {
  .sj117-entering[data-sj117-intro] { animation-duration: 700ms; }
  .sj116 .sj116-card.sj117-entering[data-sj117-intro="home-card"] {
    --sj117-enter-yaw: 16deg;
    animation-duration: 680ms;
  }
  .sj116 .sj116-card:nth-child(even).sj117-entering[data-sj117-intro="home-card"] {
    --sj117-enter-yaw: -16deg;
  }
  .sj116 .sj116-hero-image.sj117-entering[data-sj117-intro="home-hero"] {
    animation-name: sj117-home-hero-mobile-in;
    animation-duration: 760ms;
  }
  .sj116 .sj116-orbit.sj117-entering[data-sj117-intro="home-orbit"] { animation-duration: 760ms; }
  .sj117-entering[data-sj117-intro="landing-hero"],
  .sj117-entering[data-sj117-intro="landing-card"] { animation-name: sj117-landing-mobile-in; }
}
@keyframes sj117-home-hero-mobile-in {
  from { opacity: .88; transform: perspective(1400px) rotateY(-2deg) translateZ(-6px); }
  to { opacity: 1; transform: perspective(1400px) rotateY(0deg) translateZ(0); }
}
@keyframes sj117-landing-mobile-in {
  from { opacity: .8; transform: perspective(1200px) translateY(12px) rotateY(-4deg); }
  to { opacity: 1; transform: perspective(1200px) translateY(0) rotateY(0deg); }
}
@media (prefers-reduced-motion: reduce) {
  .sj117-entering[data-sj117-intro] {
    animation: none !important;
    will-change: auto;
  }
}