/* Stationery. The sheet carries its own tooth, mottle, grain and fibres. Tooth, grain and mottle
   sit above the content in multiply so type and drawing read as printed onto the paper; the
   fibres are in the paper, so they sit beneath it, under the ink and the mounted photo. The
   fold's facsimile is a clone of a sheet, so it carries the same paper. */
.sheet {
  position: relative;
  isolation: isolate;
  background: radial-gradient(ellipse at 30% 18%, #fbf5f8, #f3e8f0 72%, #eddfea);
  border-radius: 2px;
  /* The card's cut edges have thickness: lit along the top and left, faintly shaded below. It
     lies flat on the cloth, so its shadow is short and tight, falling down and to the right. */
  box-shadow:
    inset 0 1px 0 #ffffffc0,
    inset 1px 0 0 #ffffff80,
    inset 0 -1px 0 #39112b14,
    inset -1px 0 0 #39112b0c,
    0.5px 1px 1px #39112b24,
    1.5px 3px 4px -1px #39112b1c,
    6px 12px 26px -14px #39112b30;
}
.sheet::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  border-radius: inherit;
  background: url('/textures/paper-fibres.svg');
}
.sheet::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  border-radius: inherit;
  /* Each texture carries its own strength. */
  background:
    url('/textures/paper-grain.svg'), url('/textures/paper-mottle.svg'),
    url('/textures/paper-tooth.svg');
  mix-blend-mode: multiply;
}