/* Malerbild Reveal - CSS v1.4.2 (safe) */
.mpr { position:relative; display:block; width:100%; max-width:100%; margin:0; overflow:hidden; isolation:isolate; transform-origin: top left; }
.mpr__img { display:block; width:100%; height:auto; }
.mpr__overlay { position:absolute; inset:0; z-index:2; pointer-events:none; }
.mpr__stripe, .mpr__tile { position:absolute; }
.mpr__cover  { position:absolute; background: var(--mpr-color,#ffffff); }
.mpr[data-texture="1"] .mpr__cover::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image: radial-gradient(rgba(0,0,0,.08) 1px, transparent 1px);
  background-size:6px 6px; mix-blend-mode:multiply; opacity:.35;
}
.mpr__tool { position:absolute; width: clamp(24px,5vw,48px); aspect-ratio:1; z-index:3; pointer-events:none;
  background-repeat:no-repeat; background-position:center; background-size:contain; opacity:0; transition:opacity .2s ease; }
.mpr--vertical .mpr__stripe { left:0; right:0; height:calc(100% / var(--mpr-stripes)); }
.mpr--vertical .mpr__cover  { top:0; bottom:0; width:100%; }
.mpr--horizontal .mpr__stripe{ top:0; bottom:0; width:calc(100% / var(--mpr-stripes)); }
.mpr--horizontal .mpr__cover { left:0; right:0; height:100%; }
.mpr.mpr--animating .mpr__tool { opacity:1; }
.mpr.mpr--done .mpr__overlay { opacity:0; transition:opacity .4s ease; }
.mpr[data-shape="rounded"] { border-radius:var(--mpr-radius,24px); }
.mpr[data-shape="circle"]  { border-radius:9999px; }

/* v1.5.1 stacking fixes */
.mpr { position: relative; }
.mpr__img { position: relative; z-index: 1; display:block; width:100%; height:auto; }
.mpr__overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; }
.mpr__tool { z-index: 20; }
