/* Two documentary photo rows; ordinary page flow, finite scroll travel. */
.about-moments {
  --moments-width: 420px;
  --moments-height: 270px;
  --moments-gap: 12px;
  --moments-travel: 220px;
  overflow: hidden;
  padding-block: clamp(48px, 6vw, 96px);
  background: #0c0c0c;
}
.about-moments-title {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.about-moments-row {
  display: flex; gap: var(--moments-gap); width: max-content;
  transform: translate3d(-340px, 0, 0);
}
.about-moments-row + .about-moments-row {
  margin-top: var(--moments-gap); transform: translate3d(-120px, 0, 0);
}
.about-moments-photo {
  flex: 0 0 var(--moments-width); width: var(--moments-width);
  height: var(--moments-height); margin: 0; overflow: hidden; border-radius: 16px;
}
.about-moments-photo img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  user-select: none; -webkit-user-drag: none;
}
.about-moments-photo--arrival img { object-position: 50% 30%; }
.about-moments-photo--launch img { object-position: 50% 72%; }
@media (max-width: 639px) {
  .about-moments {
    --moments-width: 280px; --moments-height: 180px; --moments-travel: 120px;
    padding-block: 40px;
  }
  .about-moments-row { transform: translate3d(-202px, 0, 0); }
  .about-moments-row + .about-moments-row { transform: translate3d(-82px, 0, 0); }
}