/* One cached wash for story illustrations, including the turning sheets.
   Use intrinsic image boxes so letterboxed art also has soft edges. */
.paper.art-page img,
.paper .inline-art img,
.text-reader article figure img {
  filter: saturate(.86) contrast(.96) sepia(.12) brightness(1.035);
  mix-blend-mode: multiply;
  -webkit-mask-image: url('/illustration-wash-v1.svg');
  mask-image: url('/illustration-wash-v1.svg');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.paper.art-page img,
.paper .inline-art img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* The same fine paper grain passes over pigment and type without catching taps. */
.book-page.paper::before {
  z-index: 2;
  opacity: .13;
  mix-blend-mode: multiply;
}

.text-reader article figure {
  position: relative;
  isolation: isolate;
}
.text-reader article figure::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .09;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}