/* No alcohol required band: section-level hooks on top of the ported design CSS.

   misfit/css/landing.css draws .mini (the band without .night), its background
   plate and the two floating .no-alcohol-art pieces, including the negative
   margins that tuck the band between its neighbours. Only the settings-driven
   parts live here. */

.no-alcohol-shaker {
  width: var(--mm-no-alcohol-art-left-width, 165px);
}

.no-alcohol-drops {
  width: var(--mm-no-alcohol-art-right-width, 210px);
}

/* The design's own 900px rule narrows both pieces; keep that proportion when a
   replacement render is a different size. */
@media (max-width: 900px) {
  .no-alcohol-shaker {
    width: calc(var(--mm-no-alcohol-art-left-width, 165px) * 0.72);
  }
  .no-alcohol-drops {
    width: calc(var(--mm-no-alcohol-art-right-width, 210px) * 0.79);
  }
}