.material-paper,
.material-paint,
.material-wash,
.material-layer {
  isolation: isolate;
  position: relative;
}

.material-paper::after,
.material-paint::after,
.material-wash::after,
.material-layer::after {
  border-radius: inherit;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.material-paper::after {
  background-image: url("/en/services/website-development/styles/item/automotive-performance-grand-touring/preview/assets/paper-grain.webp");
  background-size: var(--material-size, 270px);
  mix-blend-mode: multiply;
  opacity: var(--material-opacity, .04);
}

.material-paint::after {
  background:
    linear-gradient(108deg, transparent 0 22%, rgb(255 255 255 / 11%) 39%, transparent 58%),
    url("/en/services/website-development/styles/item/automotive-performance-grand-touring/preview/assets/paint-dropout.webp");
  background-size: 100% 100%, var(--material-size, 230px);
  mix-blend-mode: var(--material-blend, screen);
  opacity: var(--material-opacity, .1);
}

.material-wash::after {
  background:
    radial-gradient(ellipse at 18% 16%, rgb(255 255 255 / 34%), transparent 48%),
    linear-gradient(108deg, rgb(255 255 255 / 15%), transparent 48%, rgb(73 38 31 / 8%)),
    url("/en/services/website-development/styles/item/automotive-performance-grand-touring/preview/assets/paper-grain.webp");
  background-size: 100% 100%, 100% 100%, var(--material-size, 320px);
  mix-blend-mode: soft-light;
  opacity: var(--material-opacity, .24);
}

.material-ink {
  position: relative;
}

.material-ink::after {
  background: currentColor;
  content: "";
  inset: 0;
  -webkit-mask-image: url("/en/services/website-development/styles/item/automotive-performance-grand-touring/preview/assets/ink-dropout.webp");
  -webkit-mask-size: var(--material-size, 180px);
  mask-image: url("/en/services/website-development/styles/item/automotive-performance-grand-touring/preview/assets/ink-dropout.webp");
  mask-size: var(--material-size, 180px);
  mix-blend-mode: screen;
  opacity: var(--material-opacity, .1);
  pointer-events: none;
  position: absolute;
}

.photo-frame {
  isolation: isolate;
  position: relative;
}

.photo-frame::after {
  background:
    linear-gradient(115deg, rgb(255 245 236 / 10%), transparent 38%, rgb(34 13 10 / 18%)),
    url("/en/services/website-development/styles/item/automotive-performance-grand-touring/preview/assets/paper-grain.webp");
  background-size: 100% 100%, var(--material-size, 300px);
  content: "";
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: .22;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.photo-treatment {
  filter: saturate(.62) sepia(.2) contrast(1.08) brightness(.95);
}
