/* Short desktop/tablet viewports cannot safely pin the full story content.
   Keep the two-column composition, but let each scene participate in normal document flow. */
@media (min-width: 746px) and (max-height: 680px) {
  .story-scene:not(.story-scene--hero) {
    min-height: 0;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .story-sticky,
  .story-sticky--reverse {
    position: relative;
    top: auto;
    height: auto;
    min-height: 0;
    padding-block: 0;
  }

  .story-scene-summary {
    position: relative;
    right: auto;
    bottom: auto;
    width: min(100%, var(--max));
    margin: 32px auto 0;
    padding-inline: 16px;
  }
}