/* Compact rhythm follows the visible major headings, not HTML section tags.
   Untitled interludes and the three Stamp details use the smaller content gap.
   Keep artwork geometry and desktop pin travel intact. */
@media (max-width: 767px) {
  #product {
    --compact-chapter-gap: 160px;
    --compact-content-gap: 80px;
  }
  #product
    > :is(
      .polaroid-chapter,
      #stamps,
      .map-chapter,
      .faq-chapter,
      .closing-chapter
    ) {
    margin-block: var(--compact-chapter-gap) 0;
  }
  /* The ring is an untitled interlude, not another major-heading boundary. */
  #product > #collection {
    margin-block: var(--compact-content-gap) 0;
  }
  #product > .intro-hero {
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }
  .intro-hero .hero-films {
    margin-bottom: 0;
  }
  #product .memento-stage {
    padding-bottom: 0;
  }
  /* Add Brew and Momento share a section, but remain distinct reading beats. */
  #product .memory-bridge {
    margin-bottom: var(--compact-chapter-gap);
  }
  #product > #stamps {
    padding-block: 0 !important;
  }
  #stamps :is(.stamp-summary, .stamp-scene) {
    margin-bottom: var(--compact-content-gap);
  }
  #stamps .partner-scene {
    margin-bottom: 0;
  }
  #product > .map-chapter {
    padding-block: 0;
  }
  #product > .closing-chapter {
    min-height: 0;
    padding-block: 0 var(--compact-chapter-gap);
    /* The old -40px title offset + 40px grid gap visually made 80px.
       Preserve that distance without offsetting the chapter's first content. */
    gap: 80px;
  }
  #product .closing-heading {
    top: 0;
  }
}
@media (max-width: 767px) {
  #product {
    --compact-chapter-gap: 128px;
    --compact-content-gap: 64px;
  }
}