/* DS Illustrations: the .ds-illu zone holds the poster image; the live element sits on top and fades in.
   Layout of the zone itself comes from the kit class ds-illu; these rules keep it working without the kit too. */
.ds-illu{position:relative;overflow:hidden}
.ds-illu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;transition:opacity .4s}
.ds-illu > [data-sm-illu]{opacity:0;transition:opacity .4s}
.ds-illu.is-live > [data-sm-illu]{opacity:1}
.ds-illu.is-live img{opacity:0}