.bm-wrap {
  margin: 0 auto 28px;
  padding: 22px 18px 18px;
  max-width: 560px;
  background: #0c0a08;
  border: 1px solid #2a241c;
  border-radius: 22px;
}
.bm-head { margin-bottom: 10px; }
.bm-kicker {
  margin: 0 0 4px;
  font-size: 11px; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase; color: #c4a574;
}
.bm-title {
  margin: 0;
  font-family: "Iowan Old Style", Georgia, serif;
  font-weight: 500;
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  color: #f3e6c8;
  letter-spacing: -.02em;
}
.bm-lead { margin: 6px 0 0; color: rgba(243,230,200,.72); font-size: 15px; max-width: 28em; }
.bm-stage { display: flex; justify-content: center; }
.bm-cinema {
  position: relative;
  width: min(360px, 78vw);
  border-radius: 16px;
  overflow: hidden;
  background: #050403;
  box-shadow: 0 0 0 1px rgba(196,165,116,.34), 0 22px 60px rgba(0,0,0,.55);
}
.bm-still {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}
.bm-hot {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.bm-hot .region {
  fill: rgba(196,165,116,0);
  stroke: transparent;
  cursor: pointer;
  transition: fill .16s ease, stroke .16s ease;
}
.bm-hot .region:hover,
.bm-hot .region:focus {
  fill: rgba(196,165,116,.28);
  stroke: #c4a574;
  stroke-width: 1.4;
  outline: none;
}
.bm-hot .region.on {
  fill: rgba(196,165,116,.4);
  stroke: #c4a574;
  stroke-width: 1.6;
}

.bm-picked { margin: 10px 0 0; min-height: 1.3em; font-size: 14px; color: rgba(243,230,200,.7); }
.bm-picked b { color: #f3e6c8; }

.bm-wrap.is-compact {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  backdrop-filter: none;
  max-width: none;
}
.bm-wrap.is-compact .bm-cinema { width: min(240px, 24vw); }
.bm-wrap.is-compact .bm-picked {
  margin: 8px 0 0;
  color: rgba(243,230,200,.8);
  font-size: 12px;
  text-align: center;
}
.bm-wrap.is-compact .bm-picked b { color: #fff; }