/* Portfolio – karty z mapą głębi (js/portfolio-depth.js) */

.portfolio-depth {
  position: relative;
  isolation: isolate;
}

.portfolio-depth__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.portfolio-depth > .container {
  position: relative;
  z-index: 1;
}

/* Gdy karta ma gotowe tekstury, obraz rysuje canvas; <img> zostaje w DOM. */
.portfolio-depth.is-depth-ready [data-depth-card].is-depth-card-ready > img {
  opacity: 0;
}

/* Wysoki kontrast: bez efektu, zwykłe obrazy. */
body.high-contrast .portfolio-depth__canvas {
  display: none;
}

body.high-contrast .portfolio-depth.is-depth-ready [data-depth-card].is-depth-card-ready > img {
  opacity: 1;
}