#showcase .work-category-head[role="button"] {
  gap: .65rem;
  cursor: pointer;
  user-select: none;
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}

#showcase .work-category-head[role="button"] h3 { margin-right: auto; }

#showcase .work-category-head[role="button"]::after {
  content: '';
  width: 8px;
  height: 8px;
  margin-right: .25rem;
  border-right: 1.5px solid var(--work-accent);
  border-bottom: 1.5px solid var(--work-accent);
  transform: rotate(45deg) translateY(-2px);
  transition: transform .22s ease;
}

#showcase .work-category-head[role="button"]:hover,
#showcase .work-category-head[role="button"]:focus-visible {
  color: var(--work-accent);
  border-bottom-color: color-mix(in srgb, var(--work-accent) 38%, transparent);
}

#showcase .work-category-head[role="button"]:focus-visible {
  outline: 2px solid var(--work-accent);
  outline-offset: 4px;
  border-radius: 7px;
}

#showcase .work-category.is-collapsed .work-category-head { border-bottom-color: transparent; }

#showcase .work-category.is-collapsed .work-category-head::after {
  transform: rotate(-45deg);
}

#showcase .work-stack[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  #showcase .work-category-head[role="button"]::after { transition: none; }
}