/* Original case-study layout restored. Project ornaments are layered only;
 * no typography, spacing, colours, image cropping or grid overrides. */

.vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-concept,
.vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-visuals,
.vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-cta {
  position: relative;
  isolation: isolate;
}

/* Real raster texture, not a new content block. Keep it in existing whitespace. */
.vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-concept::before,
.vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-visuals::before,
.vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-cta::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: clamp(140px, 15vw, 230px);
  height: clamp(80px, 8vw, 130px);
  background-image: url("/wp-content/themes/arolax-child/assets/images/wolves-claw-trace.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: .18;
  pointer-events: none;
  user-select: none;
}
.vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-concept::before {
  inset-block-start: 0;
  inset-inline-end: 3%;
  transform: rotate(12deg);
}
.vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-visuals::before {
  inset-block-start: 0;
  inset-inline-end: 8%;
  transform: rotate(-14deg);
  opacity: .12;
}
.vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-cta::after {
  inset-block-end: 0;
  inset-inline-start: 2%;
  height: clamp(70px, 7vw, 110px);
  filter: invert(1);
  opacity: .15;
  transform: rotate(8deg);
}
@media (max-width: 767px) {
  .vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-concept::before,
  .vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-visuals::before,
  .vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-cta::after {
    width: 112px;
    height: 70px;
    transform: none;
  }
}
@media (forced-colors: active) {
  .vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-concept::before,
  .vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-visuals::before,
  .vj-cn-case[data-project="dance-of-wolves"] .vj-cn-case-cta::after {
    content: none;
  }
}