.steam-blueprint-page {
  --bp-ink: #fff8f0;
  --bp-muted: rgba(255, 248, 240, 0.74);
  --bp-blue: #cb2c2c;
  --bp-blue-strong: #cb2c2c;
  --bp-paper: #080808;
  --bp-card: rgba(255, 255, 255, 0.06);
  --bp-line: rgba(255, 248, 240, 0.14);
  --bp-dark: #080808;
  --bp-accent: #cb2c2c;
  background: #080808;
}

.steam-photo-page main {
  background: #080808;
}

.steam-template-family .steam-template-page-hero {
  background:
    linear-gradient(90deg, rgba(8, 8, 8, 0.94) 0%, rgba(8, 8, 8, 0.68) 46%, rgba(8, 8, 8, 0.18) 100%),
    linear-gradient(180deg, rgba(8, 8, 8, 0.14) 0%, rgba(8, 8, 8, 0.05) 56%, rgba(8, 8, 8, 0.92) 100%),
    url("assets/empire-adult-cinema-huddersfield.webp") center top / cover;
}

.steam-template-family .steam-blueprint-actions a:first-child {
  color: #fff;
}

.steam-blueprint-page.steam-home-v3.steam-template-family .steam-template-page-hero .steam-blueprint-actions a:nth-child(n + 2) {
  border: 1px solid rgba(255, 248, 240, 0.14);
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
}

.steam-template-family .steam-blueprint-pillars {
  background: #101010;
}

@media (max-width: 560px) {
  .steam-blueprint-page.steam-home-v2 {
    --steam-home-v2-mobile-bg: #080808;
  }

  .steam-blueprint-page.steam-home-v3 .steam-home-v2-hero-image::after {
    background: linear-gradient(180deg, rgba(8, 8, 8, 0.58) 0%, rgba(8, 8, 8, 0.42) 36%, rgba(8, 8, 8, 0.78) 100%);
  }

  .steam-blueprint-page.steam-home-v4 .steam-template-page-hero > .steam-blueprint-copy h1 {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}