/* THE BACON BIN — REV275 VISUAL SYSTEM CLEANUP
   Crisp environment rendering, archival About layout, Cart atmosphere,
   Arcade edge conditioning, and mobile unified-title repair.
   This file intentionally loads AFTER Rev274N. */

/* ---------- ABOUT US: clean archival layout + crisp imagery ---------- */
body.about-page main{
  overflow:clip;
  background:#050505;
}
body.about-page .about-origin-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)!important;
  gap:clamp(38px,5vw,78px)!important;
  align-items:center!important;
  width:min(1420px,92vw)!important;
  min-height:0!important;
  margin:12px auto 0!important;
  padding:clamp(58px,7vw,104px) 0 clamp(68px,8vw,118px)!important;
  isolation:isolate!important;
}
body.about-page .about-origin-hero::before{
  content:"";
  position:absolute;
  inset:7% -7% 4%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 32%,rgba(211,45,51,.105),transparent 31%),
    radial-gradient(circle at 80% 54%,rgba(40,110,150,.075),transparent 34%),
    linear-gradient(180deg,rgba(13,13,15,.24),rgba(5,5,5,0));
}
/* Retire the old floating atmosphere pieces; the archival photos now do the storytelling. */
body.about-page .about-memory-photo{display:none!important}
body.about-page .origin-copy{
  position:relative!important;
  z-index:3!important;
  align-self:center!important;
  max-width:560px!important;
  padding:10px 0 10px clamp(22px,2.4vw,34px)!important;
  border:0!important;
  border-left:2px solid rgba(211,45,51,.78)!important;
  border-radius:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
body.about-page .origin-copy::before{
  content:"ARCHIVE / 001";
  display:block;
  margin-bottom:18px;
  color:rgba(239,228,204,.46);
  font:700 9px/1.2 "Bahnschrift SemiCondensed","Arial Narrow",sans-serif;
  letter-spacing:.24em;
}
body.about-page .origin-collage{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:auto auto!important;
  gap:clamp(9px,1vw,14px)!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  transform:none!important;
  perspective:none!important;
}
body.about-page .origin-collage figure{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  transform:none!important;
  overflow:hidden!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#09090a!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
  opacity:1!important;
}
body.about-page .origin-collage figure::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),inset 0 -28px 48px rgba(0,0,0,.12);
}
body.about-page .origin-collage figure img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  opacity:1!important;
  filter:contrast(1.025) saturate(.98)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.about-page .origin-family-vignette{
  grid-column:1 / -1!important;
  grid-row:1!important;
  aspect-ratio:16/7!important;
}
body.about-page .origin-family-vignette img{object-position:center 44%!important}
body.about-page .origin-photo-one,
body.about-page .origin-photo-two,
body.about-page .origin-photo-cutout{
  grid-column:auto!important;
  grid-row:2!important;
  aspect-ratio:4/3!important;
}
body.about-page .origin-photo-cutout img{
  object-fit:contain!important;
  object-position:center bottom!important;
  background:linear-gradient(180deg,#111113,#070708)!important;
  padding:3%!important;
}
body.about-page .origin-date-stamp{
  position:absolute!important;
  left:clamp(13px,1.5vw,22px)!important;
  top:clamp(13px,1.5vw,22px)!important;
  bottom:auto!important;
  z-index:7!important;
  transform:none!important;
  opacity:.92!important;
}
body.about-page .origin-caption{
  position:absolute!important;
  right:clamp(13px,1.5vw,22px)!important;
  top:clamp(13px,1.5vw,22px)!important;
  bottom:auto!important;
  z-index:7!important;
  transform:none!important;
  max-width:220px!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:8px!important;
  background:rgba(5,5,6,.72)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
/* Story atmosphere: keep the source image opaque and dim it with luminance, not alpha compositing. */
body.about-page .about-origin-story{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
body.about-page .about-origin-story::before{
  opacity:1!important;
  filter:brightness(.24) saturate(.88) contrast(1.06)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.about-page .about-origin-story::after{
  background:
    linear-gradient(90deg,rgba(5,5,5,.20),rgba(5,5,5,.03) 32%,rgba(5,5,5,.03) 68%,rgba(5,5,5,.30)),
    linear-gradient(180deg,#050505 0%,rgba(5,5,5,.10) 15%,rgba(5,5,5,.08) 72%,#050505 100%)!important;
}
body.about-page .about-character{opacity:.08!important;filter:none!important}
body.about-page .about-story::after{
  opacity:1!important;
  filter:brightness(.18) saturate(.86) contrast(1.05)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
@media(max-width:1040px){
  body.about-page .about-origin-hero{grid-template-columns:1fr!important;width:min(900px,92vw)!important;gap:34px!important}
  body.about-page .origin-copy{max-width:720px!important}
}
@media(max-width:680px){
  body.about-page .about-origin-hero{width:92vw!important;padding:38px 0 58px!important;gap:26px!important}
  body.about-page .origin-copy{padding-left:20px!important}
  body.about-page .origin-collage{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.about-page .origin-family-vignette{grid-column:1 / -1!important;aspect-ratio:16/10!important}
  body.about-page .origin-photo-one,
  body.about-page .origin-photo-two{grid-column:auto!important;grid-row:auto!important;aspect-ratio:1/1!important}
  body.about-page .origin-photo-cutout{grid-column:1 / -1!important;grid-row:auto!important;aspect-ratio:16/9!important}
  body.about-page .origin-caption{display:none!important}
  body.about-page .origin-date-stamp{font-size:18px!important}
}

/* ---------- CART: crisp high-resolution environment + clean vignette ---------- */
body.cart-page{
  position:relative!important;
  isolation:isolate!important;
  background:#050505!important;
}
body.cart-page::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  right:auto!important;
  top:0!important;
  width:min(1760px,100vw)!important;
  height:clamp(720px,72vw,980px)!important;
  transform:translateX(-50%)!important;
  background:#050505 url("images/home/home-environment-v239.webp") center 16%/cover no-repeat!important;
  opacity:1!important;
  filter:brightness(.47) saturate(.92) contrast(1.045)!important;
  pointer-events:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.cart-page::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:clamp(760px,76vw,1040px)!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse 82% 66% at 50% 32%,rgba(5,5,5,.02) 0%,rgba(5,5,5,.05) 52%,rgba(5,5,5,.42) 82%,#050505 100%),
    linear-gradient(180deg,rgba(5,5,5,.18) 0%,rgba(5,5,5,.04) 34%,rgba(5,5,5,.20) 68%,#050505 100%)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.cart-page .bb-unified-page-hero,
body.cart-page .bb-unified-divider,
body.cart-page .cart-shell,
body.cart-page .cart-upcoming,
body.cart-page .bb-social-dock-shell,
body.cart-page .shop-footer{
  position:relative!important;
  z-index:2!important;
}
body.cart-page .cart-main,
body.cart-page .cart-summary{
  background:linear-gradient(145deg,rgba(11,13,16,.77),rgba(6,7,9,.61))!important;
  border-color:rgba(255,255,255,.085)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
@media(max-width:680px){
  body.cart-page::before{height:620px!important;width:100vw!important;background-position:center 4%!important;filter:brightness(.40) saturate(.88) contrast(1.04)!important}
  body.cart-page::after{height:690px!important}
}

/* REV275 specificity reset: retire late Rev274L photo-placement masks cleanly. */
html body#bb-test-font-lock.about-page .origin-family-vignette{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  grid-column:1 / -1!important;
  grid-row:1!important;
  aspect-ratio:16/7!important;
  transform:none!important;
  opacity:1!important;
  z-index:auto!important;
}
html body#bb-test-font-lock.about-page .origin-family-vignette::before{display:none!important}
html body#bb-test-font-lock.about-page .origin-family-vignette img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 44%!important;
  padding:0!important;
  filter:contrast(1.025) saturate(.98)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
@media(max-width:680px){
  html body#bb-test-font-lock.about-page .origin-family-vignette{
    width:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    grid-column:1 / -1!important;
    aspect-ratio:16/10!important;
  }
}

/* REV275 archival hierarchy: the 1985 photograph leads; current family memory supports it. */
html body#bb-test-font-lock.about-page .origin-photo-one{
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:auto!important;
  height:auto!important;
  aspect-ratio:16/7!important;
}
html body#bb-test-font-lock.about-page .origin-photo-one img{
  object-fit:cover!important;
  object-position:center 48%!important;
}
html body#bb-test-font-lock.about-page .origin-photo-two{
  grid-column:1!important;
  grid-row:2!important;
  aspect-ratio:4/3!important;
}
html body#bb-test-font-lock.about-page .origin-photo-cutout{
  grid-column:2!important;
  grid-row:2!important;
  aspect-ratio:4/3!important;
}
html body#bb-test-font-lock.about-page .origin-family-vignette{
  grid-column:3!important;
  grid-row:2!important;
  width:auto!important;
  height:auto!important;
  aspect-ratio:4/3!important;
}
html body#bb-test-font-lock.about-page .origin-family-vignette img{
  object-fit:cover!important;
  object-position:center 44%!important;
}
@media(max-width:680px){
  html body#bb-test-font-lock.about-page .origin-photo-one{grid-column:1 / -1!important;grid-row:auto!important;aspect-ratio:16/10!important}
  html body#bb-test-font-lock.about-page .origin-photo-two,
  html body#bb-test-font-lock.about-page .origin-photo-cutout{grid-column:auto!important;grid-row:auto!important;aspect-ratio:1/1!important}
  html body#bb-test-font-lock.about-page .origin-family-vignette{grid-column:1 / -1!important;grid-row:auto!important;aspect-ratio:16/9!important}
}

/* REV275 mobile archive order: keep 1985 as the lead image on phones too. */
@media(max-width:680px){
  html body#bb-test-font-lock.about-page .origin-photo-one{grid-column:1 / -1!important;grid-row:1!important}
  html body#bb-test-font-lock.about-page .origin-photo-two{grid-column:1!important;grid-row:2!important}
  html body#bb-test-font-lock.about-page .origin-photo-cutout{grid-column:2!important;grid-row:2!important}
  html body#bb-test-font-lock.about-page .origin-family-vignette{grid-column:1 / -1!important;grid-row:3!important}
}


/* =========================================================
   REV275 VISUAL RENDERING CLEANUP
   Preserve source detail; move dimming/vignettes to overlays.
   ========================================================= */

/* SHOP — full-detail environment with no alpha wash or backdrop blur. */
html body#bb-test-font-lock.shop-landing-page::before{
  background:#000 url('images/shop/shop-environment-v249-smooth.png?v=249') center 16%/cover no-repeat!important;
  opacity:1!important;
  filter:brightness(.58) saturate(.98) contrast(1.035)!important;
  transform:scale(1.004)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body#bb-test-font-lock.shop-landing-page::after{
  background:
    radial-gradient(ellipse 86% 76% at 50% 30%,transparent 0%,transparent 50%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.52) 88%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.05) 18%,transparent 50%,rgba(0,0,0,.18) 78%,#000 100%)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body#bb-test-font-lock.shop-landing-page .universe-browser::after,
html body#bb-test-font-lock.shop-landing-page .bb-featured-strip::after,
html body#bb-test-font-lock.shop-landing-page .bb-inventory-browser::after{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(3,3,3,.46)!important;
}
@media(max-width:900px){
  html body#bb-test-font-lock.shop-landing-page::before{
    background-position:52% 12%!important;
    filter:brightness(.52) saturate(.96) contrast(1.035)!important;
  }
}

/* ARCADE — keep the room sharp at source opacity; darken with luminance/overlay. */
html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::before{
  background:#000 url('images/arcade-rev241/arcade-bg-still-v249-vignette.png?v=249') center 74px/100% auto no-repeat!important;
  width:142%!important;
  top:0!important;
  opacity:1!important;
  filter:brightness(.115) saturate(.90) contrast(1.04)!important;
  transform:translateX(-50%) translateZ(0)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::after{
  background:
    radial-gradient(ellipse 84% 74% at 50% 43%,transparent 0%,transparent 50%,rgba(0,0,0,.10) 69%,rgba(0,0,0,.45) 87%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.04) 21%,transparent 53%,rgba(0,0,0,.22) 82%,#000 100%)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
/* Tiny edge-conditioning pass: no blur on the cabinet artwork itself. */
html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-art{
  image-rendering:auto!important;
  transform:translate3d(0,0,0)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  filter:
    drop-shadow(0 26px 42px rgba(0,0,0,.36))
    drop-shadow(0 0 .45px rgba(255,255,255,.10))!important;
}
@media(max-width:900px){
  html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::before{width:166%!important;filter:brightness(.105) saturate(.88) contrast(1.04)!important}
}
@media(max-width:520px){
  html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::before{width:198%!important;filter:brightness(.095) saturate(.86) contrast(1.04)!important}
}

/* REV275 mobile unified-title repair: late desktop polish must not preserve two columns on phones. */
@media(max-width:820px){
  html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-hero{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
  }
  html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-title-wrap,
  html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-copy{
    width:100%!important;
    max-width:none!important;
  }
  html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-copy{
    padding:0!important;
    border-left:0!important;
  }
}