@keyframes wwc-marketing-reveal-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes wwc-marketing-reveal-translate {
  from {
    translate: 0 24px;
  }

  to {
    translate: 0 0;
  }
}

@keyframes wwc-homepage-showcase-item-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes wwc-homepage-showcase-item-translate {
  from {
    translate: 0 16px;
  }

  to {
    translate: 0 0;
  }
}

html.is-marketing-reveal-active [data-marketing-reveal-target]:not(.is-marketing-reveal-visible) {
  opacity: 0;
  translate: 0 24px;
}

html.is-marketing-reveal-active [data-marketing-reveal-target].is-marketing-reveal-visible {
  animation-name: wwc-marketing-reveal-opacity, wwc-marketing-reveal-translate;
  animation-duration: var(--marketing-reveal-duration, 480ms);
  animation-delay: var(--marketing-reveal-delay, 0ms);
  animation-timing-function: linear, ease-out;
  animation-fill-mode: both;
}

html.is-marketing-reveal-active [data-marketing-reveal-target].is-marketing-reveal-resetting {
  opacity: 0;
  translate: 0 24px;
  animation: none;
}

html.is-marketing-reveal-active .homepage-followup-card[data-marketing-reveal-target] :is(
  .homepage-product-eyebrow,
  .homepage-followup-card-heading,
  .homepage-website-benefits > li,
  .homepage-followup-card-video,
  .homepage-followup-expand-button,
  .homepage-product-title,
  .homepage-product-description,
  .homepage-product-preview,
  .homepage-schedule-content-eyebrow,
  .homepage-schedule-content > h2,
  .homepage-schedule-preview
) {
  --homepage-showcase-delay: 60ms;
}

html.is-marketing-reveal-active .homepage-followup-card[data-marketing-reveal-target]:not(.is-marketing-reveal-visible) :is(
  .homepage-product-eyebrow,
  .homepage-followup-card-heading,
  .homepage-website-benefits > li,
  .homepage-followup-card-video,
  .homepage-followup-expand-button,
  .homepage-product-title,
  .homepage-product-description,
  .homepage-product-preview,
  .homepage-schedule-content-eyebrow,
  .homepage-schedule-content > h2,
  .homepage-schedule-preview
) {
  opacity: 0;
  translate: 0 16px;
}

html.is-marketing-reveal-active .homepage-followup-card[data-marketing-reveal-target].is-marketing-reveal-visible :is(
  .homepage-product-eyebrow,
  .homepage-followup-card-heading,
  .homepage-website-benefits > li,
  .homepage-followup-card-video,
  .homepage-followup-expand-button,
  .homepage-product-title,
  .homepage-product-description,
  .homepage-product-preview,
  .homepage-schedule-content-eyebrow,
  .homepage-schedule-content > h2,
  .homepage-schedule-preview
) {
  animation-name: wwc-homepage-showcase-item-opacity, wwc-homepage-showcase-item-translate;
  animation-duration: 440ms;
  animation-delay: calc(var(--marketing-reveal-delay, 0ms) + var(--homepage-showcase-delay, 60ms));
  animation-timing-function: linear, cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: both;
}

html.is-marketing-reveal-active .homepage-followup-card .homepage-followup-expand-button,
html.is-marketing-reveal-active .homepage-followup-card .homepage-product-eyebrow,
html.is-marketing-reveal-active .homepage-followup-card .homepage-schedule-content-eyebrow {
  --homepage-showcase-delay: 70ms;
}

html.is-marketing-reveal-active .homepage-followup-card .homepage-followup-card-heading,
html.is-marketing-reveal-active .homepage-followup-card .homepage-product-title,
html.is-marketing-reveal-active .homepage-followup-card .homepage-schedule-content > h2 {
  --homepage-showcase-delay: 155ms;
}

html.is-marketing-reveal-active .homepage-followup-card .homepage-product-description {
  --homepage-showcase-delay: 240ms;
}

html.is-marketing-reveal-active .homepage-followup-card .homepage-website-benefits > li:nth-child(1) {
  --homepage-showcase-delay: 240ms;
}

html.is-marketing-reveal-active .homepage-followup-card .homepage-website-benefits > li:nth-child(2) {
  --homepage-showcase-delay: 320ms;
}

html.is-marketing-reveal-active .homepage-followup-card .homepage-website-benefits > li:nth-child(3) {
  --homepage-showcase-delay: 400ms;
}

html.is-marketing-reveal-active .homepage-followup-card .homepage-website-benefits > li:nth-child(4) {
  --homepage-showcase-delay: 480ms;
}

html.is-marketing-reveal-active .homepage-followup-card .homepage-website-benefits > li:nth-child(5) {
  --homepage-showcase-delay: 560ms;
}

html.is-marketing-reveal-active .homepage-followup-card .homepage-followup-card-video,
html.is-marketing-reveal-active .homepage-followup-card .homepage-product-preview,
html.is-marketing-reveal-active .homepage-followup-card .homepage-schedule-preview {
  --homepage-showcase-delay: 320ms;
}

html.is-marketing-reveal-active .homepage-directory-mission.is-marketing-directory-reveal-ready:not(.is-marketing-directory-reveal-visible) [data-marketing-directory-reveal-item] {
  opacity: 0;
  translate: 0 18px;
}

html.is-marketing-reveal-active .homepage-directory-mission.is-marketing-directory-reveal-visible [data-marketing-directory-reveal-item] {
  animation-name: wwc-homepage-showcase-item-opacity, wwc-homepage-showcase-item-translate;
  animation-duration: 480ms;
  animation-delay: var(--marketing-directory-reveal-delay, 0ms);
  animation-timing-function: linear, cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: both;
}

html.is-marketing-reveal-active .scroll-reveal,
html.is-marketing-reveal-active .scroll-reveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.is-marketing-reveal-active [data-marketing-reveal-target],
  html.is-marketing-reveal-active [data-marketing-reveal-target].is-marketing-reveal-visible,
  html.is-marketing-reveal-active [data-marketing-reveal-target].is-marketing-reveal-resetting {
    opacity: 1;
    translate: 0 0;
    animation: none;
  }

  html.is-marketing-reveal-active .homepage-followup-card[data-marketing-reveal-target] :is(
    .homepage-product-eyebrow,
    .homepage-followup-card-heading,
    .homepage-website-benefits > li,
    .homepage-followup-card-video,
    .homepage-followup-expand-button,
    .homepage-product-title,
    .homepage-product-description,
    .homepage-product-preview,
    .homepage-schedule-content-eyebrow,
    .homepage-schedule-content > h2,
    .homepage-schedule-preview
  ) {
    opacity: 1;
    translate: 0 0;
    animation: none;
  }

  html.is-marketing-reveal-active .homepage-directory-mission [data-marketing-directory-reveal-item] {
    opacity: 1;
    translate: 0 0;
    animation: none;
  }
}