/* How I Think — Story #001 visual treatment */
.article-lead,
.article-figure {
  margin: 2.25rem 0 2.7rem;
}
.article-lead img,
.article-figure img {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
}
.article-lead img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.article-figure.wide {
  width: min(1120px, calc(100vw - 40px));
  margin-left: 50%;
  transform: translateX(-50%);
}
.article-figure figcaption,
.article-lead figcaption {
  margin-top: .65rem;
  font-family: 'DM Sans', sans-serif;
  font-size: .72rem;
  line-height: 1.45;
  color: var(--muted);
}
.article-figure .figure-label {
  color: var(--signal);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-right: .4rem;
}
@media (max-width: 800px) {
  .article-figure.wide {
    width: 100%;
    margin-left: 0;
    transform: none;
  }
}

/* Keep article figures aligned with the text column */
.article-figure.wide {
	width: 100%;
	margin-left: 0;
	transform: none;
}

/* Experimental motion clip */
.article-motion {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.article-motion img {
	display: block;
	width: 100%;
	height: auto;
	background: #111;
}

.article-motion figcaption {
	margin-top: .65rem;
}