.site-beta {
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: .55rem;
  padding: .15rem .45rem;
  border: 1px solid currentColor;
  border-radius: 4px;
  color: inherit;
  font: 600 .68rem/1.3 system-ui, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.beta-watermark {
  position: fixed;
  inset: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  place-items: center;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  color: var(--ink, #152b2c);
  opacity: .075;
}

.beta-watermark span {
  transform: rotate(-27deg);
  font: 750 clamp(2.5rem, 7vw, 6rem)/1 system-ui, sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
}

@media (max-width: 540px) {
  .beta-watermark { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .beta-watermark span:nth-child(n+9) { display: none; }
}