/* Shared public-page artwork; admin pages override the base template blocks. */
body.client-background {
  min-height: 100vh;
  min-height: 100svh;
  background: #090909;
  isolation: isolate;
}
body.client-background::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: #090909;
  background-image: linear-gradient(#090909a6, #090909d9), url("images/admin-background-v2.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100vw auto;
}
@media (min-width:761px) {
  body.client-background::before {
    top:64px;
    background-size:100vw auto;
    background-position:center top;
  }
}
.client-background .hero > div { min-width: 0; }
.client-background .hero > div:not(.panel) {
  text-shadow: 0 2px 8px #000;
}
.client-background .muted { color: #c4c4c4; }
.client-background input { font-size: 16px; }
.client-background main { padding-bottom: 24px; }
@media (max-width:760px) {
  body.client-background::before {
    top: 0;
    bottom: 0;
    background-image: linear-gradient(#090909bd, #090909e6), url("images/admin-background-v2.png");
    background-size: auto 100svh;
    background-position: center top;
    background-repeat: no-repeat;
  }
  body.client-raffle::before {
    top: 56px;
    bottom: 0;
    background-size: auto calc(100svh - 56px);
    background-position: center top;
  }
}
/* Protect public copy from the lettering already present in the artwork. */
.client-background .hero > div:not(.panel) {
  background: #090909d9;
  border-radius: 16px;
  padding: 18px;
}