:root {
    --hud-font-offset: 4px;
    --dim: #8e8e8e;
}
.vignette {
  z-index: 9;
}

.logo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.header-left {
  margin: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.logo-box {
  font-size: 80px;
}

.logo-sub {
  font-size: 25px;
  letter-spacing: 0.15em;
  color: #9d9d9d;
  margin-left: 0px;
  padding-bottom: 0px;
}

.nav-link {
  font-size: 17px;
}

.tag {
    font-size: 15px;
  color: #b9b8b8;
}

.header-tags {
  display: flex;
  gap: 6px;
  justify-content: center;
}

.mono-text {
  font-size: 13px;
}

.lb-hud-top .lb-index {
  font-size: 14px !important;
}
.noise {
  opacity: 0.12;        /* ← overall brightness of the dots. range: 0.05–0.3 */
  background-image: url("noise.jpg");
  background-repeat: repeat;
  background-size: 540px 360px; /* ← dot density. smaller = more dots, larger = fewer */
  mix-blend-mode: screen;       /* ← keeps dots white-only on dark bg */
  filter: contrast(150%);
}

.section-desc {
  font-size: 17px;
}