/* Talent pool — infinite marquee (matches staffing VP / trust carousels) */

.talent-marquee {
  position: relative;
  width: 100%;
  margin-top: clamp(8px, 2vw, 16px);
  margin-bottom: clamp(8px, 2vw, 16px);
}

.talent-marquee__shell {
  position: relative;
}

.talent-marquee__viewport {
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 8%,
    #000 92%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 8%,
    #000 92%,
    transparent 100%
  );
}

.talent-marquee:not(.talent-marquee--manual):hover .talent-marquee__track {
  animation-play-state: paused;
}

.talent-marquee__nav {
  position: absolute;
  z-index: 5;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  background: rgba(11, 7, 19, 0.92);
  color: var(--white);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
  cursor: pointer;
  opacity: 1;
  transform: translateY(-50%);
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.talent-marquee__nav svg {
  width: 18px;
  height: 18px;
}

.talent-marquee__nav:hover,
.talent-marquee__nav:focus-visible {
  background: var(--violet-deep);
  border-color: var(--violet-light);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  transform: translateY(-50%) scale(1.05);
  outline: none;
}

.talent-marquee__nav--prev {
  left: clamp(8px, 2vw, 20px);
}

.talent-marquee__nav--next {
  right: clamp(8px, 2vw, 20px);
}

.talent-marquee__track {
  display: flex;
  align-items: stretch;
  gap: clamp(16px, 2vw, 24px);
  width: max-content;
  margin: 0;
  padding: 4px 0 8px;
  list-style: none;
  animation: talent-marquee 100s linear infinite;
  will-change: transform;
}

.talent-marquee__slide {
  flex: 0 0 auto;
  width: clamp(300px, 34vw, 400px);
  margin: 0;
  list-style: none;
}

.talent-marquee__slide::marker {
  display: none;
  content: "";
}

.talent-marquee__slide .talent-profile {
  height: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.talent-marquee__slide:hover .talent-profile,
.talent-marquee__slide:focus-within .talent-profile {
  transform: translateY(-2px);
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}

@keyframes talent-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .talent-marquee__track {
    animation: none;
  }

  .talent-marquee__viewport {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .talent-marquee__viewport::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 720px) {
  .talent-marquee__slide {
    width: clamp(280px, 82vw, 360px);
  }
}