/* Site-wide tiled logo watermark (fixed, non-interactive) */
html {
  min-height: 100%;
  background-color: #0f0f0f;
}

body {
  margin: 0;
  min-height: 100%;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("logo.png");
  background-repeat: repeat;
  background-size: clamp(72px, 14vw, 140px);
  opacity: 0.075;
}

body > * {
  position: relative;
  z-index: 1;
}