/**
 * Horizontal profile strip — Bumble-like social proof row
 */
.profile-strip {
  margin-top: var(--space-10);
}

.profile-strip__track {
  display: flex;
  gap: var(--space-4);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: var(--space-2);
  margin-inline: calc(var(--space-4) * -1);
  padding-inline: var(--space-4);
  scrollbar-width: thin;
}

.profile-strip__track::-webkit-scrollbar {
  height: 6px;
}

.profile-strip__track::-webkit-scrollbar-thumb {
  background: var(--color-line-strong);
  border-radius: 999px;
}

.profile-strip__track[data-carousel]::-webkit-scrollbar {
  display: none;
}

.profile-strip__track[data-carousel] {
  scrollbar-width: none;
}

#community:has(.profile-strip__track[data-carousel]) {
  cursor: ew-resize;
}

#community .profile-strip__track[data-carousel]:hover {
  cursor: default;
}

.profile-chip {
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: 200px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-elevated);
  border: 1px solid var(--color-line);
  box-shadow: var(--shadow-sm);
  transition: transform 0.3s var(--ease-out);
}

.profile-chip:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

@media (prefers-reduced-motion: reduce) {
  .profile-chip:hover {
    transform: none;
  }
}

.profile-chip__photo {
  aspect-ratio: 4/5;
  object-fit: cover;
  /* Keep faces in frame: default center crop often cuts heads on portrait shots */
  object-position: center 18%;
  width: 100%;
}

.profile-chip__body {
  padding: var(--space-3) var(--space-4) var(--space-4);
}

.profile-chip__name {
  font-weight: 700;
  font-size: 0.9375rem;
  margin: 0 0 var(--space-1);
}

.profile-chip__meta {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-ink-muted);
}