/* mm-video-frame
   Case study video player frame. Black background, deep shadow underneath,
   square corners, no border. The <video> fills the frame and stays
   responsive. Used to showcase product demos. */

.mm-video-frame {
	position: relative;
	border: 0;
	background: #000;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
	overflow: hidden;
}

.mm-video-frame video {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 0;
}

.mm-video-caption {
	margin-top: 18px;
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
}