.steam-blueprint-page {
  --bp-ink: #15110a;
  --bp-muted: rgba(21, 17, 10, 0.74);
  --bp-blue: #cbb36c;
  --bp-blue-strong: #cbb36c;
  --bp-paper: #fff8e8;
  --bp-card: rgba(255, 248, 232, 0.88);
  --bp-line: rgba(21, 17, 10, 0.12);
  --bp-dark: #0b0b0c;
  --bp-accent: #cbb36c;
  background:
    radial-gradient(circle at 15% 2%, rgba(203, 179, 108, 0.28), transparent 25rem),
    linear-gradient(135deg, #fff8e8 0%, #fff8e8 100%);
}

.steam-photo-page main {
  background:
    radial-gradient(circle at 14% 0%, rgba(203, 179, 108, 0.3), transparent 31rem),
    radial-gradient(circle at 88% 6%, rgba(203, 179, 108, 0.2), transparent 36rem),
    linear-gradient(135deg, #fff8e8 0%, #fff8e8 100%);
}

.steam-template-family .steam-template-page-hero {
  background:
    linear-gradient(90deg, rgba(11, 11, 12, 0.94) 0%, rgba(11, 11, 12, 0.68) 46%, rgba(11, 11, 12, 0.18) 100%),
    linear-gradient(180deg, rgba(11, 11, 12, 0.14) 0%, rgba(11, 11, 12, 0.05) 56%, rgba(11, 11, 12, 0.92) 100%),
    url("assets/partners-swingers-club-manchester.webp") center top / cover;
}

.steam-photo-page .steam-blueprint-pillars {
  background: rgba(11, 11, 12, 0.82);
}

@media (max-width: 560px) {
  .steam-blueprint-page.steam-home-v2 {
    --steam-home-v2-mobile-bg:
      radial-gradient(circle at 14% 0%, rgba(203, 179, 108, 0.3), transparent 31rem),
      radial-gradient(circle at 88% 6%, rgba(203, 179, 108, 0.2), transparent 36rem),
      linear-gradient(135deg, #fff8e8 0%, #fff8e8 100%);
  }

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

  .steam-template-family .steam-template-page-hero {
    background:
      linear-gradient(180deg, rgba(11, 11, 12, 0.78) 0%, rgba(11, 11, 12, 0.62) 36%, rgba(11, 11, 12, 0.96) 100%),
      url("assets/partners-swingers-club-manchester.webp") center top / cover;
  }

  .steam-photo-page .steam-blueprint-pillars {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}