.material-paper {
  position: relative;
  isolation: isolate;
  background-color: var(--color-background);
  background-image:
    radial-gradient(ellipse at 19% 27%, rgb(255 255 255 / 24%) 0 .5px, transparent 1.3px),
    radial-gradient(ellipse at 73% 61%, rgb(23 58 42 / 4%) 0 .45px, transparent 1.2px),
    linear-gradient(94deg, transparent 0 47%, rgb(183 93 50 / 1.7%) 49%, transparent 52%);
  background-size: 31px 43px, 57px 67px, 210px 100%;
}

.material-paper::before,
.material-layer::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  background: var(--material-texture, url("/en/services/website-development/styles/item/crafted-place-forest-lodge/preview/assets/paper-grain.webp")) repeat;
  background-size: var(--material-size, 256px);
  opacity: var(--material-opacity, .04);
  mix-blend-mode: var(--material-blend, multiply);
}

body.material-paper::before { position: fixed; z-index: 80; }
.material-layer { position: relative; isolation: isolate; overflow: hidden; }
.material-layer > * { position: relative; z-index: 1; }
.material-paint { --material-texture: url("/en/services/website-development/styles/item/crafted-place-forest-lodge/preview/assets/paint-dropout.webp"); --material-size: 220px; --material-opacity: .11; --material-blend: screen; }
.material-wash { --material-texture: url("/en/services/website-development/styles/item/crafted-place-forest-lodge/preview/assets/paper-grain.webp"); --material-size: 310px; --material-opacity: .08; --material-blend: multiply; }
.material-ink {
  --material-mask: url("/en/services/website-development/styles/item/crafted-place-forest-lodge/preview/assets/ink-dropout.webp");
  -webkit-mask-image: var(--material-mask);
  -webkit-mask-repeat: repeat;
  -webkit-mask-size: 145px;
  mask-image: var(--material-mask);
  mask-repeat: repeat;
  mask-size: 145px;
}
.photo-warm { filter: sepia(.15) saturate(.83) contrast(.96) brightness(1.01); }
.photo-grain::after { position: absolute; inset: 0; z-index: 2; pointer-events: none; content: ""; background: url("/en/services/website-development/styles/item/crafted-place-forest-lodge/preview/assets/paper-grain.webp") repeat; background-size: 180px; opacity: .035; mix-blend-mode: multiply; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }
