.moments-hero {
  min-height: 0;
  display: block;
  padding: 170px 0 0;
}

.moments-hero .container {
  padding-bottom: 58px;
}

.moments-reel {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, .12);
  background: #0d2d26;
}

.moments-reel-track {
  width: max-content;
  display: flex;
  gap: 10px;
  padding: 10px;
  animation: moments-scroll 62s linear infinite;
}

.moments-reel:hover .moments-reel-track {
  animation-play-state: paused;
}

.moments-reel img {
  width: 260px;
  height: 150px;
  object-fit: cover;
  filter: saturate(.88) contrast(.96);
  opacity: .9;
}

.moments-reel img:nth-child(3n) {
  width: 330px;
}

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

@media (prefers-reduced-motion: reduce) {
  .moments-reel-track { animation: none; }
}

@media (max-width: 600px) {
  .moments-hero { padding-top: 145px; }
  .moments-hero .container { padding-bottom: 42px; }
  .moments-reel img { width: 210px; height: 125px; }
  .moments-reel img:nth-child(3n) { width: 260px; }
}