/* The same window, labelled. It follows the film so the reader has seen the
   thing move before being told what its parts are. */

.explained {
  max-width: var(--page);
  margin: 0 auto;
  padding: 0 var(--gutter-x) var(--band-y);
}

.explained__head h2 {
  max-width: 20ch;
  font-size: var(--title);
}

.explained__head p {
  margin-top: 0.9rem;
  color: var(--muted);
  font-size: var(--lead);
}

.explained .shot {
  margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
}