body.first-screen-intro .main-hero__media,
body.first-screen-intro .home-hero__media,
body.first-screen-intro.business-page .hero__media,
body.first-screen-intro.shop-page .shop-card--primary .shop-card__media {
  transition: opacity 420ms cubic-bezier(.22, 1, .36, 1), filter 500ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.first-screen-intro .main-hero > .brand,
body.first-screen-intro .main-hero > .topbar,
body.first-screen-intro .main-hero__content > h1,
body.first-screen-intro .main-hero__metrics,
body.first-screen-intro .main-hero__autonomy,
body.first-screen-intro .main-hero__cta,
body.first-screen-intro .home-hero > .brand,
body.first-screen-intro .home-hero > .topbar,
body.first-screen-intro .home-hero__copy,
body.first-screen-intro .home-hero__action,
body.first-screen-intro .home-hero__spark,
body.first-screen-intro.business-page > .brand,
body.first-screen-intro.business-page > .topbar,
body.first-screen-intro.business-page .hero__copy,
body.first-screen-intro.business-page .calculator,
body.first-screen-intro.business-page .hero__spark,
body.first-screen-intro.shop-page > .topbar,
body.first-screen-intro.shop-page .shop-card--primary .shop-badge,
body.first-screen-intro.shop-page .shop-card--primary .shop-card__copy,
body.first-screen-intro.shop-page .shop-card--primary .shop-card__bottom {
  transition: opacity 360ms cubic-bezier(.22, 1, .36, 1), translate 440ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.first-screen-intro .main-hero__content h1 > span,
body.first-screen-intro .home-hero__copy h1 > span,
body.first-screen-intro.business-page .hero__copy h1 > span {
  transition: opacity 320ms cubic-bezier(.22, 1, .36, 1), translate 380ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.first-screen-intro:not(.first-screen-intro-ready) .main-hero__media,
body.first-screen-intro:not(.first-screen-intro-ready) .home-hero__media,
body.first-screen-intro.business-page:not(.first-screen-intro-ready) .hero__media,
body.first-screen-intro.shop-page:not(.first-screen-intro-ready) .shop-card--primary .shop-card__media {
  opacity: 0 !important;
  filter: blur(7px) !important;
}

body.first-screen-intro:not(.first-screen-intro-ready) .main-hero > .brand,
body.first-screen-intro:not(.first-screen-intro-ready) .main-hero > .topbar,
body.first-screen-intro:not(.first-screen-intro-ready) .main-hero__content > h1,
body.first-screen-intro:not(.first-screen-intro-ready) .main-hero__metrics,
body.first-screen-intro:not(.first-screen-intro-ready) .main-hero__autonomy,
body.first-screen-intro:not(.first-screen-intro-ready) .main-hero__cta,
body.first-screen-intro:not(.first-screen-intro-ready) .home-hero > .brand,
body.first-screen-intro:not(.first-screen-intro-ready) .home-hero > .topbar,
body.first-screen-intro:not(.first-screen-intro-ready) .home-hero__copy,
body.first-screen-intro:not(.first-screen-intro-ready) .home-hero__action,
body.first-screen-intro:not(.first-screen-intro-ready) .home-hero__spark,
body.first-screen-intro.business-page:not(.first-screen-intro-ready) > .brand,
body.first-screen-intro.business-page:not(.first-screen-intro-ready) > .topbar,
body.first-screen-intro.business-page:not(.first-screen-intro-ready) .hero__copy,
body.first-screen-intro.business-page:not(.first-screen-intro-ready) .calculator,
body.first-screen-intro.business-page:not(.first-screen-intro-ready) .hero__spark,
body.first-screen-intro.shop-page:not(.first-screen-intro-ready) > .topbar,
body.first-screen-intro.shop-page:not(.first-screen-intro-ready) .shop-card--primary .shop-badge,
body.first-screen-intro.shop-page:not(.first-screen-intro-ready) .shop-card--primary .shop-card__copy,
body.first-screen-intro.shop-page:not(.first-screen-intro-ready) .shop-card--primary .shop-card__bottom {
  opacity: 0 !important;
  translate: 0 18px !important;
}

body.first-screen-intro:not(.first-screen-intro-ready) .main-hero__content h1 > span,
body.first-screen-intro:not(.first-screen-intro-ready) .home-hero__copy h1 > span,
body.first-screen-intro.business-page:not(.first-screen-intro-ready) .hero__copy h1 > span {
  opacity: 0 !important;
  translate: 0 14px !important;
}

body.first-screen-intro-ready .main-hero__media,
body.first-screen-intro-ready .home-hero__media,
body.first-screen-intro-ready.business-page .hero__media,
body.first-screen-intro-ready.shop-page .shop-card--primary .shop-card__media,
body.first-screen-intro-ready .main-hero > .brand,
body.first-screen-intro-ready .main-hero > .topbar,
body.first-screen-intro-ready .main-hero__content > h1,
body.first-screen-intro-ready .main-hero__metrics,
body.first-screen-intro-ready .main-hero__autonomy,
body.first-screen-intro-ready .main-hero__cta,
body.first-screen-intro-ready .home-hero > .brand,
body.first-screen-intro-ready .home-hero > .topbar,
body.first-screen-intro-ready .home-hero__copy,
body.first-screen-intro-ready .home-hero__action,
body.first-screen-intro-ready .home-hero__spark,
body.first-screen-intro-ready.business-page > .brand,
body.first-screen-intro-ready.business-page > .topbar,
body.first-screen-intro-ready.business-page .hero__copy,
body.first-screen-intro-ready.business-page .calculator,
body.first-screen-intro-ready.business-page .hero__spark,
body.first-screen-intro-ready.shop-page > .topbar,
body.first-screen-intro-ready.shop-page .shop-card--primary .shop-badge,
body.first-screen-intro-ready.shop-page .shop-card--primary .shop-card__copy,
body.first-screen-intro-ready.shop-page .shop-card--primary .shop-card__bottom {
  opacity: 1 !important;
  filter: none !important;
  translate: 0 0 !important;
}

body.first-screen-intro-ready .main-hero > .brand,
body.first-screen-intro-ready .main-hero > .topbar,
body.first-screen-intro-ready .home-hero > .brand,
body.first-screen-intro-ready .home-hero > .topbar,
body.first-screen-intro-ready.business-page > .brand,
body.first-screen-intro-ready.business-page > .topbar,
body.first-screen-intro-ready.shop-page > .topbar {
  transition-delay: 40ms !important;
}

body.first-screen-intro-ready .main-hero__content > h1,
body.first-screen-intro-ready .home-hero__copy,
body.first-screen-intro-ready.business-page .hero__copy,
body.first-screen-intro-ready.shop-page .shop-card--primary .shop-badge {
  transition-delay: 100ms !important;
}

body.first-screen-intro-ready .main-hero__metrics,
body.first-screen-intro-ready .home-hero__action,
body.first-screen-intro-ready.business-page .calculator,
body.first-screen-intro-ready.shop-page .shop-card--primary .shop-card__copy {
  transition-delay: 160ms !important;
}

body.first-screen-intro-ready .main-hero__autonomy,
body.first-screen-intro-ready .home-hero__spark,
body.first-screen-intro-ready.business-page .hero__spark,
body.first-screen-intro-ready.shop-page .shop-card--primary .shop-card__bottom {
  transition-delay: 220ms !important;
}

body.first-screen-intro-ready .main-hero__cta {
  transition-delay: 280ms !important;
}

body.first-screen-intro-ready .main-hero__content h1 > span:nth-child(1),
body.first-screen-intro-ready .home-hero__copy h1 > span:nth-child(1),
body.first-screen-intro-ready.business-page .hero__copy h1 > span:nth-child(1) {
  opacity: 1 !important;
  translate: 0 0 !important;
  transition-delay: 130ms !important;
}

body.first-screen-intro-ready .main-hero__content h1 > span:nth-child(2),
body.first-screen-intro-ready .home-hero__copy h1 > span:nth-child(2),
body.first-screen-intro-ready.business-page .hero__copy h1 > span:nth-child(2) {
  opacity: 1 !important;
  translate: 0 0 !important;
  transition-delay: 210ms !important;
}

body.first-screen-intro-ready .main-hero__content h1 > span:nth-child(3),
body.first-screen-intro-ready .home-hero__copy h1 > span:nth-child(3),
body.first-screen-intro-ready.business-page .hero__copy h1 > span:nth-child(3) {
  opacity: 1 !important;
  translate: 0 0 !important;
  transition-delay: 290ms !important;
}

@media (prefers-reduced-motion: reduce) {
  body.first-screen-intro * {
    transition-delay: 0ms !important;
  }
}

@media (max-width: 760px) {
  body.home-page:not(.first-screen-intro) .home-hero > .brand {
    position: fixed !important;
    z-index: 25 !important;
    top: calc(var(--media-inset) + var(--header-offset)) !important;
    left: calc(var(--mobile-edge) + 2px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    translate: 0 0 !important;
    pointer-events: auto !important;
  }
}