/* The video player (includes/video-player.php says where it's used). The
   whole frame lives here so it can't drift page to page; a page only
   places it. */
video-player {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	/* The same light edge as the case-study graphics: a video with a white
	   background had no corner at all on a white page. */
	border: 1px solid var(--stroke-secondary);
	border-radius: var(--corners, 0);
	/* The media wash (mechanism and the why in milestone.css): the player
	   blends against this backdrop, and isolation fences it in. Off by
	   default; red light sets the pair. */
	isolation: isolate;
	background-color: var(--media-blend-fill, transparent);

	iframe,
	video {
		display: block;
		width: 100%;
		height: 100%;
		border: 0;
		/* Ink while the player paints in: a video wants a dark ground, and
		   ink-primary is the darkest slot every mood tunes. */
		background: var(--ink-primary);
		mix-blend-mode: var(--media-blend, normal);
	}
}