/* BUG SITE — ABOUT performance layer v1
   Visual-only asset substitutions; no layout or gameplay/site logic changes. */

/* Same background artwork, optimized WebP. */
.about-page .site-shell{
  background:
    linear-gradient(rgba(1,5,3,.58),rgba(1,5,3,.70)),
    url("assets/about-optimized/bug-site-background.webp?v=1") center top/cover fixed no-repeat !important;
}

/* Same approved hero artwork and gradients, optimized WebP. */
.about-page .release-hero-art{
  background:
    linear-gradient(90deg,
      #03100b 0%,
      rgba(3,16,11,.92) 8%,
      rgba(3,16,11,.55) 18%,
      rgba(3,16,11,.16) 31%,
      rgba(3,16,11,0) 46%),
    linear-gradient(180deg,
      rgba(2,7,5,.05) 0%,
      rgba(2,7,5,0) 72%,
      #020604 100%),
    url("assets/about-optimized/about-release-hero.webp?v=1") center center/cover no-repeat !important;
}

/* Mobile/tablet: fixed full-page backgrounds are expensive to repaint. */
@media (max-width:1180px){
  .about-page .site-shell{
    background-attachment:scroll !important;
  }
}

/* Preserve the existing approved tablet/mobile hero gradient. */
@media (max-width:1050px){
  .about-page .release-hero-art{
    background:
      linear-gradient(180deg,#03100b 0%,rgba(3,16,11,.18) 18%,rgba(3,16,11,0) 48%,#020604 100%),
      url("assets/about-optimized/about-release-hero.webp?v=1") center center/cover no-repeat !important;
  }
}