/* Strip — a horizontal, swipeable row of photos that bleeds off the right edge */

.strip {
  list-style: none;
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: max(1.25rem, (100vw - var(--container)) / 2 + 2rem);
  padding: 0 max(1.25rem, (100vw - var(--container)) / 2 + 2rem) 1.25rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(244, 239, 231, 0.35) transparent;
}
.strip__item {
  position: relative;
  flex: 0 0 min(80vw, 26rem);
  scroll-snap-align: start;
}
.strip__image {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.strip__index {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.2rem 0.5rem;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  color: var(--paper);
  background: rgba(36, 28, 24, 0.6);
  border-radius: 999px;
}