.pack-gallery {
  overflow: hidden;
  padding: clamp(72px, 8vw, 112px) 0;
  background: #fff;
}

.gallery-heading {
  padding: 0 clamp(24px, 8vw, 120px);
  margin-bottom: 42px;
}

.gallery-heading h2 { max-width: 760px; }

.photo-conveyor {
  overflow: hidden;
  outline: none;
}

.photo-track {
  display: flex;
  width: max-content;
  animation: pack-scroll 68s linear infinite;
}

.photo-set {
  display: flex;
  gap: 18px;
  padding-right: 18px;
}

.photo-set img {
  width: clamp(260px, 29vw, 410px);
  aspect-ratio: 11 / 9;
  display: block;
  flex: none;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 14px 36px #10253618;
}

.photo-conveyor:hover .photo-track,
.photo-conveyor:focus .photo-track,
.photo-conveyor:focus-within .photo-track {
  animation-play-state: paused;
}

@keyframes pack-scroll {
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .photo-conveyor { overflow-x: auto; scroll-snap-type: x proximity; }
  .photo-track { animation: none; }
  .photo-set[aria-hidden="true"] { display: none; }
  .photo-set img { scroll-snap-align: start; }
}

@media (max-width: 520px) {
  .photo-set { gap: 12px; padding-right: 12px; }
  .photo-set img { width: 78vw; border-radius: 17px; }
}