/* THE BACON BIN — REV275A VISUAL REFINEMENT
   Thinner title glass, quieter Shop/Cart environments, restored Arcade circuitry,
   complete About redesign, and cleaner Bits editorial treatment. */

/* =========================================================
   1) UNIFIED TITLE GLASS — ~30% thinner, same language everywhere.
   Category-logo pages and Arcade remain intentionally separate.
   ========================================================= */
html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-hero{
  width:min(1320px,calc(100% - 56px))!important;
  min-height:152px!important;
  padding:20px 22px 16px!important;
  gap:clamp(24px,2.5vw,38px)!important;
  align-items:center!important;
  overflow:hidden!important;
}
html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-hero::after{
  top:0!important;bottom:0!important;left:0!important;width:100%!important;transform:none!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(239,59,53,.075),transparent 27%),
    radial-gradient(circle at 82% 18%,rgba(92,31,32,.07),transparent 31%),
    linear-gradient(180deg,rgba(10,10,11,.83),rgba(7,7,8,.74) 56%,rgba(4,4,5,.84))!important;
  border-top:1px solid rgba(255,255,255,.035)!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  -webkit-backdrop-filter:blur(6px) saturate(1.06)!important;
  backdrop-filter:blur(6px) saturate(1.06)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 3%,#000 9%,#000 91%,rgba(0,0,0,.30) 97%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 3%,#000 9%,#000 91%,rgba(0,0,0,.30) 97%,transparent 100%)!important;
}
html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-hero::before{
  bottom:-16px!important;
  opacity:.34!important;
}
html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-title-foot{margin-top:11px!important}
html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-copy{padding-left:20px!important}
html body#bb-test-font-lock:is(.shop-landing-page,.merch-page,.bits-page) .bb-unified-page-hero{
  min-height:128px!important;
  padding:14px 22px 12px!important;
}
@media(max-width:820px){
  html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-hero{
    width:calc(100% - 28px)!important;min-height:0!important;padding:17px 16px 15px!important;gap:12px!important;
  }
  html body#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-copy{padding-left:0!important}
}

/* =========================================================
   2) SHOP — visually about 50% quieter without alpha-softening source art.
   Source stays crisp; darkness/vignette lives in a separate overlay.
   ========================================================= */
html body#bb-test-font-lock.shop-landing-page::before{
  opacity:1!important;
  filter:brightness(.43) saturate(.90) contrast(1.035)!important;
  background-position:center 16%!important;
}
html body#bb-test-font-lock.shop-landing-page::after{
  background:
    radial-gradient(ellipse 68% 62% at 50% 30%,rgba(0,0,0,.18) 0%,rgba(0,0,0,.25) 43%,rgba(0,0,0,.58) 72%,rgba(0,0,0,.88) 91%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.30) 18%,rgba(0,0,0,.30) 55%,rgba(0,0,0,.58) 82%,#000 100%)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
@media(max-width:900px){
  html body#bb-test-font-lock.shop-landing-page::before{filter:brightness(.39) saturate(.88) contrast(1.03)!important}
}

/* =========================================================
   3) CART — same subdued environment + soft four-edge vignette.
   ========================================================= */
html body#bb-test-font-lock.cart-page::before{
  opacity:1!important;
  filter:brightness(.36) saturate(.88) contrast(1.04)!important;
  background-position:center 16%!important;
}
html body#bb-test-font-lock.cart-page::after{
  background:
    radial-gradient(ellipse 68% 60% at 50% 31%,rgba(5,5,5,.12) 0%,rgba(5,5,5,.22) 42%,rgba(5,5,5,.58) 73%,rgba(5,5,5,.90) 92%,#050505 100%),
    linear-gradient(180deg,rgba(5,5,5,.48) 0%,rgba(5,5,5,.22) 18%,rgba(5,5,5,.28) 60%,rgba(5,5,5,.72) 84%,#050505 100%)!important;
}
@media(max-width:680px){
  html body#bb-test-font-lock.cart-page::before{filter:brightness(.31) saturate(.84) contrast(1.04)!important}
}

/* =========================================================
   4) ARCADE — restore the circuitry/wiring artwork behind the approved logo.
   This pseudo-element had been accidentally repurposed in Rev275.
   ========================================================= */
html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  top:4px!important;left:50%!important;right:auto!important;bottom:auto!important;
  width:min(92vw,1540px)!important;height:535px!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  background-image:url("images/arcade-rev272i/arcade-circuit-ceiling-v272i.webp")!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:1480px auto!important;
  opacity:.38!important;
  filter:brightness(.98) saturate(.52) contrast(.98)!important;
  mix-blend-mode:screen!important;
  -webkit-mask-image:radial-gradient(ellipse 62% 59% at 50% 28%,#000 0 38%,rgba(0,0,0,.82) 56%,rgba(0,0,0,.34) 76%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 62% 59% at 50% 28%,#000 0 38%,rgba(0,0,0,.82) 56%,rgba(0,0,0,.34) 76%,transparent 100%)!important;
}
html body#bb-test-font-lock.arcade-hub-page .bb-arcade-page-logo{position:relative!important;z-index:12!important}
html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster{position:relative!important;z-index:2!important}
@media(max-width:1100px){
  html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::after{height:465px!important;background-size:1240px auto!important;opacity:.32!important}
}
@media(max-width:680px){
  html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::after{width:100vw!important;height:365px!important;background-size:980px auto!important;opacity:.25!important}
}

/* =========================================================
   5) ABOUT — complete collector-archive redesign.
   ========================================================= */
body.about-page .bb-about275a{
  width:min(1420px,94vw)!important;margin:0 auto!important;padding:34px 0 92px!important;
  background:transparent!important;overflow:visible!important;
}
body.about-page .bb-about275a-kicker{display:block;color:#d84740;font:900 9px/1.1 "Inter",system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;margin-bottom:12px}
body.about-page .bb-about275a h2{margin:0;color:#f3f1eb;font-family:var(--bb-nav-face,"Inter"),system-ui,sans-serif;font-size:clamp(34px,4.3vw,64px);line-height:.96;letter-spacing:-.045em;text-transform:uppercase}
body.about-page .bb-about275a h2 strong{color:#d84942;font-weight:inherit}
body.about-page .bb-about275a-origin{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);gap:clamp(30px,4vw,66px);align-items:center;padding:44px 0 58px}
body.about-page .bb-about275a-origin-copy{padding-left:26px;border-left:2px solid rgba(216,73,66,.68)}
body.about-page .bb-about275a-lede{max-width:610px;margin:22px 0 0;color:#aaa9a4;font-size:14px;line-height:1.75}
body.about-page .bb-about275a-note{display:flex;gap:14px;align-items:center;margin-top:24px;padding-top:17px;border-top:1px solid rgba(255,255,255,.065);color:#777b80;font-size:9px;letter-spacing:.075em;text-transform:uppercase}
body.about-page .bb-about275a-note b{color:#efebe2;font-size:22px;letter-spacing:-.03em}
body.about-page .bb-about275a-primary-photo{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#070708;box-shadow:0 30px 70px rgba(0,0,0,.36)}
body.about-page .bb-about275a-primary-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.03) 42%,rgba(0,0,0,.62) 100%),radial-gradient(ellipse 95% 88% at 50% 48%,transparent 58%,rgba(0,0,0,.46) 100%)}
body.about-page .bb-about275a-primary-photo img{width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:contrast(1.035) saturate(.93);display:block}
body.about-page .bb-about275a-primary-photo figcaption{position:absolute;z-index:2;left:22px;bottom:18px;display:grid;gap:4px;color:#eae5dc;text-transform:uppercase}
body.about-page .bb-about275a-primary-photo figcaption span{color:#d74a43;font-size:8px;font-weight:900;letter-spacing:.18em}
body.about-page .bb-about275a-primary-photo figcaption b{font-size:11px;letter-spacing:.07em}
body.about-page .bb-about275a-memory-strip{display:grid;grid-template-columns:1.05fr .8fr 1fr;gap:11px;padding:0 0 72px}
body.about-page .bb-about275a-memory-strip figure{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#080809}
body.about-page .bb-about275a-memory-strip figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.72) 100%);pointer-events:none}
body.about-page .bb-about275a-memory-strip img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.88) contrast(1.03) saturate(.90)}
body.about-page .bb-about275a-memory-strip figure:nth-child(2) img{object-position:center 38%}
body.about-page .bb-about275a-memory-strip figure:nth-child(3) img{object-position:center 44%}
body.about-page .bb-about275a-memory-strip figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;color:#d9d6cf;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
body.about-page .bb-about275a-thread{position:relative;isolation:isolate;margin:0 calc(50% - 50vw);padding:78px max(3vw,calc((100vw - 1420px)/2)) 86px;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:#030303}
body.about-page .bb-about275a-thread::before{content:"";position:absolute;inset:0;z-index:-2;background:url("images/about/about-bg-toy-aisle-v272.webp") center 46%/cover no-repeat;filter:brightness(.24) saturate(.72) contrast(1.04)}
body.about-page .bb-about275a-thread::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 76% 70% at 50% 44%,rgba(0,0,0,.18),rgba(0,0,0,.72) 79%,#030303 100%),linear-gradient(180deg,#030303 0%,rgba(3,3,3,.26) 18%,rgba(3,3,3,.34) 78%,#030303 100%)}
body.about-page .bb-about275a-thread-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:end;margin-bottom:42px}
body.about-page .bb-about275a-thread-intro p{margin:0;color:#a2a19d;font-size:13px;line-height:1.72;max-width:640px;justify-self:end}
body.about-page .bb-about275a-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
body.about-page .bb-about275a-timeline article{min-height:238px;padding:24px 20px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:linear-gradient(155deg,rgba(14,14,16,.78),rgba(4,4,5,.52));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
body.about-page .bb-about275a-timeline article>span{color:#d94a43;font-size:8px;font-weight:900;letter-spacing:.16em}
body.about-page .bb-about275a-timeline h3{margin:20px 0 10px;color:#f0eee9;font-size:21px;line-height:1.05}
body.about-page .bb-about275a-timeline p{margin:0;color:#8f9295;font-size:11.5px;line-height:1.65}
body.about-page .bb-about275a-now{display:grid;grid-template-columns:1.05fr .95fr;gap:0;margin:78px 0 16px;min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#050506}
body.about-page .bb-about275a-now-art{min-height:430px;background:linear-gradient(90deg,transparent 62%,#050506 100%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.34)),url("images/about/about-storefront-van-v237.png") center/cover no-repeat;filter:brightness(.70) saturate(.90)}
body.about-page .bb-about275a-now-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,58px)}
body.about-page .bb-about275a-now-copy p{margin:20px 0 24px;color:#9a9b9c;font-size:13px;line-height:1.72;max-width:570px}
body.about-page .bb-about275a-mark{width:min(260px,70%);height:auto;opacity:.82;filter:drop-shadow(0 12px 24px rgba(0,0,0,.38))}
body.about-page .bb-about275a-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
body.about-page .bb-about275a-values article{padding:26px 24px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:linear-gradient(150deg,rgba(12,12,14,.72),rgba(5,5,6,.58))}
body.about-page .bb-about275a-values article>span{color:#d84942;font-size:9px;font-weight:900;letter-spacing:.14em}
body.about-page .bb-about275a-values h3{margin:17px 0 9px;color:#eeeae2;font-size:18px;text-transform:uppercase;letter-spacing:-.02em}
body.about-page .bb-about275a-values p{margin:0;color:#888b8f;font-size:11.5px;line-height:1.62}
@media(max-width:980px){
  body.about-page .bb-about275a-origin{grid-template-columns:1fr;gap:30px}
  body.about-page .bb-about275a-origin-copy{max-width:760px}
  body.about-page .bb-about275a-thread-intro{grid-template-columns:1fr;gap:18px}
  body.about-page .bb-about275a-thread-intro p{justify-self:start}
  body.about-page .bb-about275a-timeline{grid-template-columns:1fr 1fr}
  body.about-page .bb-about275a-now{grid-template-columns:1fr}
  body.about-page .bb-about275a-now-art{min-height:330px;background:linear-gradient(180deg,transparent 60%,#050506 100%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28)),url("images/about/about-storefront-van-v237.png") center/cover no-repeat}
}
@media(max-width:650px){
  body.about-page .bb-about275a{width:calc(100% - 28px)!important;padding-top:18px!important;padding-bottom:62px!important}
  body.about-page .bb-about275a-origin{padding:28px 0 34px}
  body.about-page .bb-about275a-origin-copy{padding-left:18px}
  body.about-page .bb-about275a-memory-strip{grid-template-columns:1fr;gap:8px;padding-bottom:48px}
  body.about-page .bb-about275a-memory-strip figure{aspect-ratio:16/9}
  body.about-page .bb-about275a-thread{padding-top:54px;padding-bottom:60px}
  body.about-page .bb-about275a-timeline{grid-template-columns:1fr}
  body.about-page .bb-about275a-timeline article{min-height:0}
  body.about-page .bb-about275a-now{margin-top:54px}
  body.about-page .bb-about275a-now-art{min-height:250px}
  body.about-page .bb-about275a-values{grid-template-columns:1fr}
}

/* =========================================================
   6) BITS — keep the content, remove the layered visual clutter.
   Editorial desk instead of video + hero + hero + cards competing.
   ========================================================= */
html body#bb-test-font-lock.bits-page .bits-video-environment-v239{display:none!important}
html body#bb-test-font-lock.bits-page .bits-newsroom{width:min(1360px,calc(100% - 56px))!important;padding:30px 0 78px!important;background:transparent!important}
html body#bb-test-font-lock.bits-page .bits-newsroom::before{inset:-40px -80px 0!important;background:radial-gradient(ellipse at 17% 6%,rgba(127,30,27,.09),transparent 31%),radial-gradient(ellipse at 88% 36%,rgba(63,67,74,.055),transparent 32%)!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-v261{display:grid!important;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;align-items:stretch!important;gap:0!important;width:100%!important;margin:0 0 26px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:16px!important;background:linear-gradient(145deg,#080808,#030303 68%)!important;box-shadow:0 28px 68px rgba(0,0,0,.31)!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-v261::after{display:none!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-art-v261{order:2!important;width:auto!important;min-height:420px!important;margin:0!important;border:0!important;border-radius:0!important;background:#040404!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-art-v261::before{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.22) 18%,transparent 45%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.35))!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-art-v261 img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:brightness(.78) saturate(.87) contrast(1.03)!important;-webkit-mask-image:none!important;mask-image:none!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-copy-v261{order:1!important;max-width:none!important;padding:44px 38px!important;align-self:center!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-copy-v261>h1{display:none!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-copy-v261>.catalog-kicker::after{content:" / COLLECTOR DESK";color:#6d7074}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-copy-v261>p{font-size:13px!important;line-height:1.7!important;color:#96999c!important;margin:0 0 22px!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-v261 .bits-lead-story-v261{min-height:0!important;padding:22px 0 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;background:none!important;box-shadow:none!important}
html body#bb-test-font-lock.bits-page .bits-pulp-hero-v261 .bits-lead-story-v261 h2{font-size:clamp(27px,3vw,43px)!important;margin:7px 0 10px!important}
html body#bb-test-font-lock.bits-page .bits-live-wire{margin:16px 0 22px!important;padding:24px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(9,10,12,.82),rgba(3,3,4,.74))!important;-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important}
html body#bb-test-font-lock.bits-page .bits-news-controls{margin:22px 0 14px!important;padding:10px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:rgba(5,5,6,.74)!important}
html body#bb-test-font-lock.bits-page .bits-story-card{border-radius:12px!important;background:linear-gradient(150deg,rgba(10,11,13,.90),rgba(4,4,5,.92))!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
html body#bb-test-font-lock.bits-page .bits-story-art{height:128px!important;opacity:.70!important}
html body#bb-test-font-lock.bits-page .bits-story-card.wide .bits-story-art{height:172px!important}
html body#bb-test-font-lock.bits-page .bits-oddities{margin-top:28px!important;padding-top:34px!important;border-top:1px solid rgba(255,255,255,.055)!important}
html body#bb-test-font-lock.bits-page .bits-oddity{border-radius:12px!important;background:linear-gradient(145deg,rgba(9,9,10,.82),rgba(4,4,5,.80))!important}
html body#bb-test-font-lock.bits-page .bits-release-strip{border-radius:12px!important;background:linear-gradient(145deg,rgba(8,9,10,.82),rgba(3,3,4,.86))!important}
@media(max-width:900px){
  html body#bb-test-font-lock.bits-page .bits-newsroom{width:calc(100% - 30px)!important}
  html body#bb-test-font-lock.bits-page .bits-pulp-hero-v261{grid-template-columns:1fr!important}
  html body#bb-test-font-lock.bits-page .bits-pulp-hero-art-v261{order:1!important;min-height:300px!important}
  html body#bb-test-font-lock.bits-page .bits-pulp-hero-copy-v261{order:2!important;padding:30px 26px!important;text-align:left!important}
}
@media(max-width:560px){
  html body#bb-test-font-lock.bits-page .bits-newsroom{width:calc(100% - 20px)!important;padding-top:20px!important}
  html body#bb-test-font-lock.bits-page .bits-pulp-hero-art-v261{min-height:235px!important}
  html body#bb-test-font-lock.bits-page .bits-pulp-hero-copy-v261{padding:24px 20px!important}
  html body#bb-test-font-lock.bits-page .bits-live-wire{padding:17px 13px!important}
}