/* Shared section motion. Enabled by site-motion.js only when motion is allowed. */

.site-motion-enabled .site-motion-hero {
  animation: siteHeroGroup 4.2s cubic-bezier(0.16, 0.68, 0.18, 1) both;
}

.site-motion-enabled .wellness-hero-copy.site-motion-hero,
.site-motion-enabled .ks-hero-title.site-motion-hero {
  animation: siteHeroGroup 4.2s cubic-bezier(0.16, 0.68, 0.18, 1) both;
}

.site-motion-enabled .wellness-hero-copy.site-motion-hero {
  animation-duration: 3.25s;
}

.site-motion-enabled .site-motion-hero > * {
  opacity: 1;
  animation: none;
  transform: none;
}

.site-motion-enabled .site-motion-hero.site-motion-hero-side {
  animation-name: siteHeroSide;
  animation-duration: 4.4s;
  animation-delay: 0s;
}

.site-motion-enabled .site-motion-hero.site-motion-hero-side > * {
  opacity: 1;
  animation: none;
  transform: none;
}

.site-motion-enabled .health-hero > img {
  animation: none;
}

.site-motion-enabled .site-motion-hero.site-motion-hero-kingdom {
  animation: kingdomTitleEnter 4.2s cubic-bezier(0.16, 0.68, 0.18, 1) both;
}

.site-motion-enabled .site-motion-hero.site-motion-hero-kingdom > * {
  opacity: 1;
  animation: none;
  transform: none;
}

.site-motion-enabled .kingdom-hero-visual-motion {
  animation: kingdomVisualEnter 4.2s cubic-bezier(0.16, 0.68, 0.18, 1) both;
}

@keyframes siteHeroGroup {
  from {
    opacity: 0;
    transform: translateY(72px) scale(0.91);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes siteHeroSide {
  from {
    opacity: 0;
    transform: translateX(110px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes kingdomTitleEnter {
  from {
    opacity: 0;
    transform: translateY(-76px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes kingdomVisualEnter {
  from {
    opacity: 0.1;
    transform: translateY(86px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.site-motion-enabled .site-motion-section {
  opacity: 0.28;
  transform: translateY(48px);
}

.site-motion-enabled .site-motion-section.motion-from-top {
  transform: translateY(-38px);
}

.site-motion-enabled .site-motion-section.motion-visible {
  animation: siteSectionUp 1.65s cubic-bezier(0.16, 0.72, 0.18, 1) both;
}

.site-motion-enabled .site-motion-section.motion-from-top.motion-visible {
  animation-name: siteSectionDown;
}

.site-motion-enabled .site-motion-section .site-motion-item {
  opacity: 1;
  transform: none;
}

.site-motion-enabled .site-motion-section.motion-visible .site-motion-item {
  animation: none;
}

/* Professional Perspective mirrors the Vision Board's opposing entrance. */
.site-motion-enabled .professional-perspective-motion,
.site-motion-enabled .professional-perspective-motion.motion-from-top,
.site-motion-enabled .professional-perspective-motion.motion-visible {
  opacity: 1;
  transform: none;
  animation: none;
}

.site-motion-enabled .professional-perspective-motion > .expert-heading,
.site-motion-enabled .professional-perspective-motion > .expert-answer {
  opacity: 1;
  animation: none;
}

.site-motion-enabled .professional-perspective-motion > .expert-heading {
  transform: translateX(-28px);
}
.site-motion-enabled .professional-perspective-motion > .expert-answer {
  transform: translateX(28px);
}
.site-motion-enabled
  .professional-perspective-motion.motion-visible
  > .expert-heading {
  animation: professionalFromLeft 2.8s cubic-bezier(0.18, 0.68, 0.2, 1) both;
}
.site-motion-enabled
  .professional-perspective-motion.motion-visible
  > .expert-answer {
  animation: professionalFromRight 2.8s cubic-bezier(0.18, 0.68, 0.2, 1) both;
}

@keyframes siteSectionUp {
  from {
    opacity: 0.28;
    transform: translateY(48px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes siteSectionDown {
  from {
    opacity: 0.28;
    transform: translateY(-38px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes professionalFromLeft {
  from {
    transform: translateX(-28px);
  }
  to {
    transform: none;
  }
}

@keyframes professionalFromRight {
  from {
    transform: translateX(28px);
  }
  to {
    transform: none;
  }
}

.site-motion-restored .site-motion-hero,
.site-motion-restored .site-motion-hero > *,
.site-motion-restored .site-motion-section,
.site-motion-restored .site-motion-section .site-motion-item,
.site-motion-restored .kingdom-hero-visual-motion {
  opacity: 1;
  animation: none !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  .site-motion-enabled .site-motion-hero,
  .site-motion-enabled .site-motion-hero > *,
  .site-motion-enabled .site-motion-section,
  .site-motion-enabled .site-motion-section.motion-visible,
  .site-motion-enabled .site-motion-section .site-motion-item,
  .site-motion-enabled .site-motion-section.motion-visible .site-motion-item {
    opacity: 1;
    animation: none;
    transform: none;
  }
}