/* /story-so-far: one Instagram reel embed, 9:16, at most 400px wide, shrinking with the screen.
   Instagram's embed is a 54px header, the reel cropped to 4:5 and a 164px footer, so on narrow screens a
   strict 9:16 box clips the footer: min-height keeps it whole (browsers without cqw units get plain 9:16). */
.reel { max-width: 400px; margin: 16px auto 20px; container-type: inline-size; }
.reel-frame {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  border: 3px ridge #C9D4E6;
  min-height: calc(125cqw + 220px);
  background: #fff;
}