/* The hero demo: a pre-rendered loop from demo/render.html (see demo/render.py). */
.demo{position:relative;width:440px;height:250px;margin:8px auto 20px;flex:none;border:1px solid #42525c;background:#172128}
.demo video{display:block;width:100%;height:100%;object-fit:cover}
/* zoom scales the box and the video together */
@media(max-width:1000px){.demo{zoom:.78}}
@media(max-width:760px){.demo{zoom:.72}}