:where([data-doorstep-sample-watermark]) {
  position: relative;
  container-type: inline-size;
}

[data-doorstep-sample-watermark] {
  overflow: hidden;
}

[data-doorstep-sample-watermark]::after {
  content: attr(data-doorstep-sample-watermark);
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 80%;
  box-sizing: border-box;
  padding: .5em 0;
  transform: translate(-50%, -50%) rotate(-15deg);
  color: rgba(255, 255, 255, .92);
  background: rgba(12, 25, 19, .35);
  font: 800 clamp(.65rem, 4.5cqw, 2rem)/1.1 system-ui, sans-serif;
  letter-spacing: .07em;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .65);
  pointer-events: none;
  user-select: none;
}