/* Workbench heading and project status indicators only. */

.work .workbench-intro {
  max-width: 440px;
  justify-self: end;
}

.work .workbench-intro > p {
  margin: 0;
  color: var(--muted);
  font-size: .9rem;
}

.work .project-status-key {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 18px;
}

.work .project-status-key span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--soft);
  font-size: .58rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.work .project-status-key i {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
}

.work .project-status-key .is-active {
  background: var(--acid);
  box-shadow: 0 0 5px rgba(200,255,77,.95), 0 0 13px rgba(200,255,77,.72), 0 0 24px rgba(200,255,77,.38);
}

.work .project-status-key .is-paused {
  background: var(--orange);
  box-shadow: 0 0 5px rgba(255,116,72,.92), 0 0 13px rgba(255,116,72,.68), 0 0 24px rgba(255,116,72,.34);
}

.work .project-status-key .is-complete {
  background: #69a9ff;
  box-shadow: 0 0 5px rgba(105,169,255,.95), 0 0 13px rgba(105,169,255,.7), 0 0 24px rgba(105,169,255,.36);
}

.work .status-live::before {
  box-shadow: 0 0 5px rgba(200,255,77,1), 0 0 14px rgba(200,255,77,.78), 0 0 26px rgba(200,255,77,.42);
}

.work .status-paused::before {
  background: var(--orange);
  box-shadow: 0 0 5px rgba(255,116,72,.95), 0 0 14px rgba(255,116,72,.72), 0 0 26px rgba(255,116,72,.38);
  animation: none;
}

.work .status-complete::before {
  background: #69a9ff;
  box-shadow: 0 0 5px rgba(105,169,255,.96), 0 0 14px rgba(105,169,255,.72), 0 0 26px rgba(105,169,255,.38);
  animation: none;
}

/* Preview test: remove the per-card reveal stagger so every project card
   responds to pointer tilt on the same timing. */
.work .project-card.reveal {
  transition-delay: 0s;
}