body.js-enabled .copy-block,
body.js-enabled .logo-panel,
body.js-enabled .station-visual,
body.js-enabled .product-placeholder,
body.js-enabled .generic-photo,
body.js-enabled .origin-note,
body.js-enabled .technology-band__copy,
body.js-enabled .technology-band__visual,
body.js-enabled .concept-point,
body.js-enabled .section-heading,
body.js-enabled .benefit-card,
body.js-enabled .flow-step,
body.js-enabled .target-card,
body.js-enabled .why-card,
body.js-enabled .material-card,
body.js-enabled .faq-item,
body.js-enabled .spec-item,
body.js-enabled .technical-placeholder,
body.js-enabled .contact-intro,
body.js-enabled .contact-request-list article,
body.js-enabled .contact-form {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 650ms ease,
    transform 650ms ease;
}

body.js-enabled .copy-block.is-visible,
body.js-enabled .logo-panel.is-visible,
body.js-enabled .station-visual.is-visible,
body.js-enabled .product-placeholder.is-visible,
body.js-enabled .generic-photo.is-visible,
body.js-enabled .origin-note.is-visible,
body.js-enabled .technology-band__copy.is-visible,
body.js-enabled .technology-band__visual.is-visible,
body.js-enabled .concept-point.is-visible,
body.js-enabled .section-heading.is-visible,
body.js-enabled .benefit-card.is-visible,
body.js-enabled .flow-step.is-visible,
body.js-enabled .target-card.is-visible,
body.js-enabled .why-card.is-visible,
body.js-enabled .material-card.is-visible,
body.js-enabled .faq-item.is-visible,
body.js-enabled .spec-item.is-visible,
body.js-enabled .technical-placeholder.is-visible,
body.js-enabled .contact-intro.is-visible,
body.js-enabled .contact-request-list article.is-visible,
body.js-enabled .contact-form.is-visible,
body:not(.js-enabled) .copy-block,
body:not(.js-enabled) .logo-panel,
body:not(.js-enabled) .station-visual,
body:not(.js-enabled) .product-placeholder,
body:not(.js-enabled) .generic-photo,
body:not(.js-enabled) .origin-note,
body:not(.js-enabled) .technology-band__copy,
body:not(.js-enabled) .technology-band__visual,
body:not(.js-enabled) .concept-point,
body:not(.js-enabled) .section-heading,
body:not(.js-enabled) .benefit-card,
body:not(.js-enabled) .flow-step,
body:not(.js-enabled) .target-card,
body:not(.js-enabled) .why-card,
body:not(.js-enabled) .material-card,
body:not(.js-enabled) .faq-item,
body:not(.js-enabled) .spec-item,
body:not(.js-enabled) .technical-placeholder,
body:not(.js-enabled) .contact-intro,
body:not(.js-enabled) .contact-request-list article,
body:not(.js-enabled) .contact-form {
  opacity: 1;
  transform: translateY(0);
}