/* Case-list transitions shared by the Work and industry pages. */
@media (prefers-reduced-motion: no-preference) {
  .cases-stack-ready .case-stack-media {
    clip-path: inset(50% round 12px);
    transform: rotate(-15deg);
    transition: clip-path .8s ease, transform .8s ease;
  }
  .cases-stack-ready .case-stack-media.case-stack-visible,
  .cases-stack-ready .case-stack-row:focus-within .case-stack-media {
    clip-path: inset(0 round 12px);
    transform: none;
  }
  .cases-stack-ready .case-stack-row .case-stack-copy {
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .3s ease, transform .3s ease;
  }
  .cases-stack-ready .case-stack-row .case-stack-copy.case-stack-visible,
  .cases-stack-ready .case-stack-row:focus-within .case-stack-copy { opacity: 1; transform: none; }
  .cases-stack-ready .case-stack-word { display: inline-block; overflow: hidden; vertical-align: bottom; }
  .cases-stack-ready .case-stack-word > span {
    display: inline-block;
    transform: translateY(105%);
    transition: transform .6s cubic-bezier(.22,.61,.36,1);
    transition-delay: calc(var(--word-index) * 80ms);
  }
  .cases-stack-ready .case-stack-visible .case-stack-word > span,
  .cases-stack-ready .case-stack-row:focus-within .case-stack-word > span { transform: none; }
}
@media (min-width: 993px) and (prefers-reduced-motion: no-preference) {
  .cases-stack-ready :is(.work-page-grid,.industry-cases__list,.featured-cases__list,.svc-cases > .svc-shell) { isolation: isolate; }
  .cases-stack-ready .case-stack-row {
    position: sticky;
    top: var(--case-stack-top, 100px);
    z-index: var(--case-stack-index, 1);
    background: #fff;
  }
  .cases-stack-ready .case-stack-row > * { opacity: var(--case-stack-opacity, 1); }
  .cases-stack-ready .case-stack-media { position: sticky; top: 100px; align-self: start; }
  .cases-stack-ready .industry-cases__list .industry-case + .industry-case { padding-top: 0; border-top: 0; }
  .cases-stack-ready :is(.work-page-grid,.industry-cases__list,.featured-cases__list,.svc-cases > .svc-shell):focus-within .case-stack-row { position: relative; top: auto; }
  .cases-stack-ready :is(.work-page-grid,.industry-cases__list,.featured-cases__list,.svc-cases > .svc-shell):focus-within .case-stack-row > * { opacity: 1; }
}