.recent-stories #film {
  display: flex;
  gap: 22px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 0 15px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
  cursor: grab;
}

.recent-stories #film::-webkit-scrollbar { display: none; }
.recent-stories #film.is-dragging { cursor: grabbing; user-select: none; }
.recent-stories #film .card { flex: 0 0 clamp(160px, 15vw, 215px); scroll-snap-align: start; }
.recent-stories #film .card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.recent-stories .editorial .card img { object-fit: cover; }

@media (max-width: 760px) {
  .recent-stories #film { gap: 16px; }
  .recent-stories #film .card { flex-basis: 72vw; }
}