.story-portrait[role="button"] {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.story-portrait[role="button"]:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 5px;
}
.image-particle-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
}
.story-portrait[data-particles="held"]::after,
.story-portrait[data-particles="returning"]::after {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .image-particle-canvas {
    display: none;
  }
}