/* Crime scene: section-level hooks on top of the ported design CSS.

   misfit/css/landing.css already draws both states the design ships: below
   901px the individual .clue images sit over var(--mm-img-crime-bg), and from
   901px up the collage is replaced by the single baked plate
   var(--mm-img-crime-art) over var(--mm-img-crime-bg-wide). The section root
   sets all three tokens inline from its image settings.

   The desktop band is sized by ratio rather than by its content, because the
   copy is positioned against the wide plate's composition. That ratio belongs
   to whichever plate is uploaded, so it is a setting. */

@media (min-width: 901px) {
  .crime {
    aspect-ratio: var(--mm-crime-ratio, 3000/1030);
  }
}