.pro-motion-mount{width:100%;position:relative;isolation:isolate;line-height:0}
.pro-motion-mount canvas,.pro-motion-mount img{display:block;width:100%;height:auto}
.pro-motion-mount canvas{position:relative}
.pro-motion-mount .pro-motion-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pro-motion-mount.is-ready .pro-motion-fallback{visibility:hidden}
.pro-motion-mount[data-pro-demo="texture"]{aspect-ratio:1000/770}
.pro-motion-mount[data-pro-demo="texture"] .pro-motion-fallback{object-fit:contain;object-position:50% 50%}
.pro-motion-mount[data-pro-demo="stems"]{aspect-ratio:1000/890}
.story-picture.pro-texture .pro-motion-mount,.story-picture.pro-stems .pro-motion-mount{filter:drop-shadow(0 20px 25px #0004)}
/* Match the original three demos' horizontal and vertical edge fades. */
.pro-motion-mount{
 -webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent);
 mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent);
 -webkit-mask-composite:source-in;
 mask-composite:intersect;
 -webkit-mask-repeat:no-repeat;
 mask-repeat:no-repeat;
}
.story-picture.pro-texture figcaption,.story-picture.pro-stems figcaption{min-height:1.6em;margin-top:18px}
@media(min-width:801px){
 .story-picture.pro-stems .pro-motion-mount{height:calc(100% - 48px);min-height:0;flex-shrink:0;aspect-ratio:auto}
 .story-picture.pro-stems .pro-motion-mount canvas{width:100%;height:100%;object-fit:contain}
}
@media(max-width:800px){
 .story-step>.pro-texture .pro-motion-mount,.story-step>.pro-stems .pro-motion-mount{width:100%}
 .story-picture.pro-texture figcaption,.story-picture.pro-stems figcaption{margin-top:14px}
}