/* Medium label on a photo. From .lbl in design/final/screens.html.
   The parent (a figure or the hero) must be position: relative. */
.lbl {
	position: absolute;
	left: 12px;
	top: 12px;
	font: 600 10px/1 Inter, system-ui, sans-serif;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #111;
	background: rgba(255, 255, 255, 0.9);
	padding: 6px 8px;
	border-radius: 3px;
}

/* Full-bleed hero: the design sets the label 48 px in, 24 px down. */
.hero .lbl {
	left: 48px;
	top: 24px;
}