/* Site-wide desktop motion layer. Progressive enhancement only. */
:root{
  --sot-motion-ease:cubic-bezier(.22,1,.36,1);
  --sot-motion-radius:8px;
}

@media(min-width:901px){
  html.sot-motion-ready [data-sot-reveal]{
    opacity:0;
    transform:translate3d(0,28px,0);
    filter:blur(7px);
    transition:
      opacity .78s var(--sot-motion-ease),
      transform .84s var(--sot-motion-ease),
      filter .84s var(--sot-motion-ease);
    transition-delay:var(--sot-motion-delay,0ms);
    will-change:opacity,transform,filter;
  }

  html.sot-motion-ready [data-sot-reveal="media"]{
    transform:translate3d(0,34px,0) scale(.985);
  }

  html.sot-motion-ready [data-sot-reveal="card"]{
    transform:translate3d(0,24px,0);
  }

  html.sot-motion-ready [data-sot-reveal].sot-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

  html.sot-motion-ready [data-sot-mask]{
    overflow:hidden;
    clip-path:inset(0 0 16% 0 round var(--sot-motion-radius));
    opacity:.92;
    transition:
      clip-path .96s var(--sot-motion-ease),
      opacity .76s var(--sot-motion-ease);
    will-change:clip-path,opacity;
  }

  html.sot-motion-ready [data-sot-mask].sot-visible{
    clip-path:inset(0 0 0 0 round var(--sot-motion-radius));
    opacity:1;
  }

  html.sot-motion-ready [data-sot-mask] > img,
  html.sot-motion-ready [data-sot-mask] > video,
  html.sot-motion-ready [data-sot-mask] picture > img{
    transform:translate3d(0,var(--sot-parallax-y,0px),0) scale(1.055);
    transform-origin:center;
    transition:
      transform 1.05s var(--sot-motion-ease),
      filter .85s var(--sot-motion-ease);
    will-change:transform;
  }

  html.sot-motion-ready [data-sot-mask].sot-visible > img,
  html.sot-motion-ready [data-sot-mask].sot-visible > video,
  html.sot-motion-ready [data-sot-mask].sot-visible picture > img{
    transform:translate3d(0,var(--sot-parallax-y,0px),0) scale(1.01);
  }

  html.sot-motion-ready [data-sot-parallax]{
    transform:translate3d(0,var(--sot-parallax-y,0px),0);
    will-change:transform;
  }

  html.sot-motion-ready .sot-motion-soft{
    transition:
      transform .45s var(--sot-motion-ease),
      box-shadow .45s var(--sot-motion-ease),
      border-color .45s var(--sot-motion-ease),
      background .45s var(--sot-motion-ease);
  }
}

@media(min-width:901px) and (prefers-reduced-motion:reduce){
  html.sot-motion-ready [data-sot-reveal]{
    transform:none!important;
    filter:none!important;
    transition:opacity .38s ease!important;
  }

  html.sot-motion-ready [data-sot-mask]{
    clip-path:none!important;
    transition:opacity .38s ease!important;
  }

  html.sot-motion-ready [data-sot-mask] > img,
  html.sot-motion-ready [data-sot-mask] > video,
  html.sot-motion-ready [data-sot-mask] picture > img,
  html.sot-motion-ready [data-sot-parallax]{
    transform:none!important;
  }
}

@media(max-width:900px){
  [data-sot-reveal],
  [data-sot-mask],
  [data-sot-parallax]{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    clip-path:none!important;
  }
}