/* A decorative outline behind the story; it never intercepts reading or input. */
.story-page { isolation: isolate; }
.story-page > .header,
.story-page > main,
.story-page > footer { position: relative; z-index: 1; }
.story-morph {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  color: #252525;
}
.story-morph-art {
  position: absolute;
  top: 57%;
  left: calc(50% + 250px);
  width: clamp(320px, 36vw, 500px);
  height: auto;
  transform: translate(-35%, -50%);
  opacity: .15;
}
@media (max-width: 760px) {
  .story-morph-art {
    top: 62%;
    left: auto;
    right: -88px;
    width: 340px;
    transform: translateY(-50%);
    opacity: .10;
  }
}
@media (prefers-reduced-motion: reduce) {
  .story-morph-art { opacity: .09; }
}
@media print {
  .story-morph { display: none; }
}