/* Per-demo only. Lives in this folder, ships with it, survives render.py. */
.mygallery { padding: 0 0 var(--s8); background: var(--neutral); }
.mygallery h2 {
  font-family: var(--font-display), Georgia, serif;
  font-size: clamp(26px, 3.2vw, 36px); letter-spacing: -.02em;
  padding: var(--s8) 20px var(--s4); max-width: var(--wrap); margin: 0 auto;
}
.mystrip {
  display: flex; gap: var(--s3); overflow-x: auto;
  scroll-snap-type: x mandatory; scroll-padding-inline: 20px;
  padding: 0 20px var(--s3); -webkit-overflow-scrolling: touch;
}
.mystrip::-webkit-scrollbar { height: 6px; }
.mystrip::-webkit-scrollbar-thumb { background: var(--line); border-radius: var(--radius-pill); }
.mystrip figure {
  flex: 0 0 min(78%, 340px); scroll-snap-align: start;
  border-radius: var(--radius-lg); overflow: hidden;
  background: var(--surface); box-shadow: var(--shadow-rest);
}
.mystrip img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.mystrip figcaption { padding: var(--s3); font-size: 15px; color: var(--ink-soft); }