/* Homepage interaction polish (metrics / look-for / cohorts) */

.forge-img-stack > * {
  opacity: 0;
  transition: opacity 0.12s linear;
  will-change: opacity;
}

.forge-img-stack > *.is-active {
  opacity: 1;
}

.forge-img-stack.is-idle > *:first-child {
  opacity: 1;
}

/* Metrics: photo stack only fully visible while hovering */
.forge-metric .forge-img-stack {
  opacity: 0;
  transition: opacity 0.28s ease;
}

.forge-metric.is-hovered .forge-img-stack,
.forge-metric.is-cycling .forge-img-stack {
  opacity: 1;
}

.forge-metric .forge-metric-shade {
  opacity: 0;
  transition: opacity 0.28s ease;
  background: rgba(0, 0, 0, 0.55);
}

.forge-metric.is-hovered .forge-metric-shade,
.forge-metric.is-cycling .forge-metric-shade {
  opacity: 1;
}

/* Look-for / companies cards keep a resting image */
.forge-swap-card .forge-img-stack > *:first-child {
  opacity: 1;
}

.forge-swap-card .forge-card-shade {
  opacity: 0;
  transition: opacity 0.16s ease;
}

.forge-swap-card.is-hovered .forge-card-shade {
  opacity: 1;
}

/* Cohorts list hover wipe — transforms driven by interactions.js */
.forge-cohort-row {
  --forge-cohort-ink: #ffffff;
  --forge-cohort-muted: #6b7280;
}

.forge-cohort-row.is-hovered {
  --forge-cohort-ink: #0a0b0c;
  --forge-cohort-muted: #4b5563;
}

.forge-cohort-row.is-hovered [data-forge-ink] {
  color: var(--forge-cohort-ink) !important;
}

.forge-cohort-row.is-hovered [data-forge-muted] {
  color: var(--forge-cohort-muted) !important;
}

.forge-cohort-row .forge-cohort-glyph {
  color: var(--forge-cohort-ink);
  transition: color 0.3s ease;
}

.forge-cohort-row.is-hovered .forge-cohort-glyph [data-draw] {
  opacity: 1 !important;
  transform: none !important;
  transition:
    opacity 0.35s ease,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

}