@keyframes conveyor {
  0%   { transform: translateX(0); }
  100% { transform: translateX(var(--loop-width, -1920px)); }
}

.photo-strip {
  padding: 48px 0 56px;
  background: #0a0a0a;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
  overflow: hidden;
}
.strip-label {
  text-align: center;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C9A84C;
  margin-bottom: 24px;
  font-weight: 500;
}
.strip-track {
  display: flex;
  gap: 12px;
  width: max-content;
  padding-bottom: 12px;
  animation: conveyor 35s linear infinite;
  will-change: transform;
}
.strip-track:hover {
  animation-play-state: paused;
}
.strip-item {
  flex: 0 0 180px;
  border-radius: 8px;
  overflow: hidden;
  background: #111;
  position: relative;
}
.strip-item img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.strip-item:hover img { transform: scale(1.04); }
.strip-caption {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,0.75));
  color: #C9A84C;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 20px 10px 8px;
  font-weight: 500;
}
@media (max-width: 600px) {
  .strip-item { flex: 0 0 130px; }
}