/**
 * Standalone photography (design/sections/figur.section.json).
 *
 * Deepwater ships images only inside `feature-rows`, which forces a three-bullet
 * layout around every picture. This section exists so a photograph can simply be
 * a photograph.
 *
 * The frame carries a fixed aspect-ratio and the image is object-fit: cover, so
 * the space is reserved before the file loads. That matters more than usual here:
 * every image on this site is lazy-loaded and sits mid-article, where a late
 * layout shift would push the text a reader is already looking at.
 */

.dw-figur {
  margin: 0 0 var(--dw-section-y);
}

.dw-figur__frame {
  /* Reserves the box before the image arrives — no cumulative layout shift. */
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: var(--dw-r-md);
  background: color-mix(in srgb, var(--dw-line) 40%, var(--wp--preset--color--surface));
}

.dw-figur__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dw-figur__cap {
  margin-top: 0.7rem;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--dw-dis);
}