/* Mechanism band — the one full-bleed image on the site.
 *
 * It sits outside the wrap on purpose and it is the only module that does.
 * The statement beneath it comes back inside, so the page's left edge is
 * broken exactly once and it reads as deliberate rather than as a mistake.
 */

.pl-mechanism__media img,
.pl-mechanism__media .pl-placeholder {
  width: 100%;
  border: 0;
  border-block: var(--rule) solid var(--c-rule);
}

.pl-mechanism__foot {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-4);
  justify-content: space-between;
  align-items: baseline;
  padding-block: var(--sp-3) var(--sp-6);
}

.pl-mechanism__statement {
  font-size: var(--step-1);
  line-height: 1.5;
  max-width: 34ch;
  text-wrap: pretty;
}

.pl-mechanism__figure {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
}