.jbs-watermark {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}

.watermark {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: rgb(148 163 184 / var(--jbs-watermark-opacity, 0.18));
  font-size: clamp(80px, 8vw, 120px);
  font-weight: 900;
  letter-spacing: 0.08em;
  transform: rotate(-30deg);
  white-space: nowrap;
}

.security-watermark {
  position: absolute;
  inset: -9%;
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  grid-auto-rows: minmax(300px, 1fr);
  gap: 26px 42px;
  animation: watermark-drift 18s ease-in-out infinite alternate;
}

.security-watermark__tile {
  display: grid;
  place-content: center;
  gap: 8px;
  color: rgb(100 116 139 / var(--jbs-watermark-tile-opacity, 0.07));
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  transform: rotate(-30deg);
  white-space: nowrap;
}

.security-watermark__tile strong {
  font-size: clamp(28px, 3vw, 46px);
  letter-spacing: 0.08em;
}

.security-watermark__tile span {
  font-size: clamp(13px, 1.4vw, 18px);
  letter-spacing: 0.04em;
}

@keyframes watermark-drift {
  from {
    transform: translate3d(-10px, -8px, 0);
  }

  to {
    transform: translate3d(12px, 10px, 0);
  }
}

@media print {
  .security-watermark {
    animation: none;
  }
}
