/* Scroll refinement for the restored original scene geometry. This sheet
 * never hides essential content before a successful runtime setup. */
html.js .statement__copy .w,
html.js .statement__copy .w.is-on {
  opacity: 1;
  transition: none;
}
html:not(.motion-ready) .hero__row,
html:not(.motion-ready) .hero__lede,
html:not(.motion-ready) [data-reveal] {
  opacity: 1;
  transform: none;
}
html:not(.motion-ready) .ne--hero { clip-path: none; }

.motion-word, .motion-tail { white-space: nowrap; }
.motion-unit { display: inline; }

@media (min-width: 900px) and (min-height: 700px) and (prefers-reduced-motion: no-preference) {
  html.motion-ready.depth-on .statement__copy .motion-unit {
    display: inline-block;
    opacity: var(--lit, 1);
    transform: translateY(calc((1 - var(--lit, 1)) * 6px));
    transition: none;
  }
  html.motion-ready.depth-on .hero__photo img,
  html.motion-ready.depth-on .promise__photo img,
  html.motion-ready.depth-on .care__photo img { transform-origin: 50% 50%; }
}

@media (prefers-reduced-motion: reduce), (max-width: 899.98px), (max-height: 699.98px) {
  html.js .statement__copy .motion-unit { opacity: 1; transform: none; }
  .hero__photo img, .promise__photo img, .care__photo img { transform: none !important; will-change: auto !important; }
}
