html.motion [data-page="workshops"] .w-masthead .w-label,
html.motion [data-page="workshops"] .w-hero h1,
html.motion [data-page="workshops"] .w-hero-lede,
html.motion [data-page="workshops"] .w-hero-sub,
html.motion [data-page="workshops"] .w-actions,
html.motion [data-page="workshops"] .w-spec span {
  opacity: 0;
}
html.motion [data-page="workshops"] .w-hero-word { display: inline-block; will-change: transform, opacity; }
html.motion [data-page="workshops"] .w-hero-shot img { will-change: transform; }

html.motion [data-page="workshops"] .w-bignum,
html.motion [data-page="workshops"] .w-idea-head .w-numline,
html.motion [data-page="workshops"] .w-idea-head .w-label,
html.motion [data-page="workshops"] .w-idea-head h2,
html.motion [data-page="workshops"] .w-idea-head p,
html.motion [data-page="workshops"] .w-axis-word,
html.motion [data-page="workshops"] .w-axis-path {
  opacity: 0;
}
html.motion [data-page="workshops"] .w-idea-head .w-numline { transform: scaleX(0); transform-origin: left center; }
html.motion [data-page="workshops"] .w-axis-path { transform: scaleX(0); transform-origin: left center; }

html.motion [data-page="workshops"] .w-exp-head .w-label,
html.motion [data-page="workshops"] .w-exp-head h2,
html.motion [data-page="workshops"] .w-exp-photo,
html.motion [data-page="workshops"] .w-seq-step {
  opacity: 0;
}

html.motion [data-page="workshops"] .w-adapt-head .w-label,
html.motion [data-page="workshops"] .w-adapt-head h2,
html.motion [data-page="workshops"] .w-adapt-head p,
html.motion [data-page="workshops"] .w-matrix-row,
html.motion [data-page="workshops"] .w-matrix-spectrum > span {
  opacity: 0;
}

html.motion [data-page="workshops"] .w-themes-head .w-label,
html.motion [data-page="workshops"] .w-themes-head h2,
html.motion [data-page="workshops"] .w-theme-photo,
html.motion [data-page="workshops"] .w-row {
  opacity: 0;
}

html.motion [data-page="workshops"] .w-flow-head .w-label,
html.motion [data-page="workshops"] .w-flow-head h2,
html.motion [data-page="workshops"] .w-stop {
  opacity: 0;
}

html.motion [data-page="workshops"] .w-libs-head .w-label,
html.motion [data-page="workshops"] .w-libs-head h2,
html.motion [data-page="workshops"] .w-libs-head p,
html.motion [data-page="workshops"] .w-libs-list li,
html.motion [data-page="workshops"] .w-libs-photo {
  opacity: 0;
}

html.motion [data-page="workshops"] .w-persp h2,
html.motion [data-page="workshops"] .w-col {
  opacity: 0;
}

html.motion [data-page="workshops"] .w-final .w-label,
html.motion [data-page="workshops"] .w-final h2,
html.motion [data-page="workshops"] .w-final p,
html.motion [data-page="workshops"] .w-final .w-actions {
  opacity: 0;
}

html.motion [data-page="workshops"] .motion-done { will-change: auto; }

@media (prefers-reduced-motion: reduce) {
  html.motion [data-page="workshops"] .w-masthead .w-label,
  html.motion [data-page="workshops"] .w-hero h1,
  html.motion [data-page="workshops"] .w-hero-lede,
  html.motion [data-page="workshops"] .w-hero-sub,
  html.motion [data-page="workshops"] .w-actions,
  html.motion [data-page="workshops"] .w-spec span,
  html.motion [data-page="workshops"] .w-bignum,
  html.motion [data-page="workshops"] .w-idea-head .w-label,
  html.motion [data-page="workshops"] .w-idea-head h2,
  html.motion [data-page="workshops"] .w-idea-head p,
  html.motion [data-page="workshops"] .w-axis-word,
  html.motion [data-page="workshops"] .w-axis-path,
  html.motion [data-page="workshops"] .w-exp-head .w-label,
  html.motion [data-page="workshops"] .w-exp-head h2,
  html.motion [data-page="workshops"] .w-exp-photo,
  html.motion [data-page="workshops"] .w-seq-step,
  html.motion [data-page="workshops"] .w-adapt-head .w-label,
  html.motion [data-page="workshops"] .w-adapt-head h2,
  html.motion [data-page="workshops"] .w-adapt-head p,
  html.motion [data-page="workshops"] .w-matrix-row,
  html.motion [data-page="workshops"] .w-matrix-spectrum > span,
  html.motion [data-page="workshops"] .w-themes-head .w-label,
  html.motion [data-page="workshops"] .w-themes-head h2,
  html.motion [data-page="workshops"] .w-theme-photo,
  html.motion [data-page="workshops"] .w-row,
  html.motion [data-page="workshops"] .w-flow-head .w-label,
  html.motion [data-page="workshops"] .w-flow-head h2,
  html.motion [data-page="workshops"] .w-stop,
  html.motion [data-page="workshops"] .w-libs-head .w-label,
  html.motion [data-page="workshops"] .w-libs-head h2,
  html.motion [data-page="workshops"] .w-libs-head p,
  html.motion [data-page="workshops"] .w-libs-list li,
  html.motion [data-page="workshops"] .w-libs-photo,
  html.motion [data-page="workshops"] .w-persp h2,
  html.motion [data-page="workshops"] .w-col,
  html.motion [data-page="workshops"] .w-final .w-label,
  html.motion [data-page="workshops"] .w-final h2,
  html.motion [data-page="workshops"] .w-final p,
  html.motion [data-page="workshops"] .w-final .w-actions {
    opacity: 1 !important;
  }
  html.motion [data-page="workshops"] .w-idea-head .w-numline,
  html.motion [data-page="workshops"] .w-axis-path {
    transform: none !important;
  }
}