.burst-anchor { position: relative; }
.work-heading h3.burst-anchor { width: fit-content; max-width: 100%; }
.scroll-burst {
  position: absolute;
  bottom: -22px;
  height: auto;
  max-width: none;
  pointer-events: none;
  z-index: 3;
  overflow: visible;
}
.scroll-burst.burst-above { bottom: calc(100% - 6px); }
.scroll-burst.burst-from-art { top: -5%; right: 1%; bottom: auto; }
@media (max-width: 620px) {
  .scroll-burst { bottom: -13px; }
  .scroll-burst.burst-from-art { top: -7%; right: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .burst-flash { animation: comic-pop .7s ease-out both; }
  .burst-rays { animation: ink-rays .8s ease-out both; }
  .burst-piece { animation: scatter-paper 1.19s cubic-bezier(.13,.68,.32,1) var(--delay) both; }
  @keyframes comic-pop {
    0% { opacity: 0; transform: scale(.2) rotate(-15deg); }
    17% { opacity: 1; transform: scale(1.14) rotate(4deg); }
    48% { opacity: 1; transform: scale(.92) rotate(-2deg); }
    100% { opacity: 0; transform: scale(.62) rotate(5deg); }
  }
  @keyframes ink-rays {
    0%, 8% { opacity: 0; transform: scale(.55); }
    35% { opacity: .95; }
    100% { opacity: 0; transform: scale(1.35); }
  }
  @keyframes scatter-paper {
    0% { opacity: 0; transform: translate(0,0) scale(.18); }
    14% { opacity: 1; }
    72% { opacity: 1; }
    100% { opacity: 0; transform: translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.78); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-burst { display: none; }
}