/* watermarks — large ghostly background icons behind sections / cards.
 * Sourced from /assets/icons/sprite.svg. Skin-tokenized via --watermark-color. */

.iblis-watermark-host {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.iblis-watermark {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  color: var(--watermark-color);
  width: 360px; height: 360px;
  opacity: 1; /* color carries the opacity */
  filter: blur(0.4px);
}

.iblis-watermark svg { width: 100%; height: 100%; }

/* Common positions. */
.iblis-watermark-tr { top: -60px; right: -60px; transform: rotate(8deg); }
.iblis-watermark-tl { top: -60px; left:  -60px; transform: rotate(-8deg); }
.iblis-watermark-br { bottom: -80px; right: -80px; transform: rotate(-6deg); }
.iblis-watermark-bl { bottom: -80px; left:  -80px; transform: rotate(6deg); }
.iblis-watermark-c  { top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* Smaller in-card watermark behind card content. */
.iblis-card .iblis-watermark {
  width: 180px; height: 180px;
  top: auto; bottom: -28px; right: -28px;
  transform: rotate(-12deg);
}

/* Ensure card content sits above the watermark. */
.iblis-card > *:not(.iblis-watermark) {
  position: relative; z-index: 1;
}

@media (max-width: 720px) {
  .iblis-watermark { width: 240px; height: 240px; }
  .iblis-card .iblis-watermark { width: 140px; height: 140px; }
}