/* BRADE — one continuous translucent surface below collage + stronger OEM/ODM */

@media (min-width: 769px) {
  /*
   * Individual section backgrounds are removed.
   * A single continuous glass surface is painted on the main content wrapper,
   * so there are no visible category-by-category blocks.
   */
  body.home .brade-main,
  body.home main {
    position: relative;
  }

  body.home .br-company,
  body.home .br-business,
  body.home .br-works,
  body.home .br-showlab,
  body.home .br-news,
  body.home .br-contact,
  body.home main > section:not(:first-child):not(.br-collage):not(.collage):not(.hero):not(.br-hero) {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
  }

  /* Continuous central strip. The pseudo-element stays behind all content. */
  body.home .brade-main::after,
  body.home main::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: var(--brade-panel-top, 100vh);
    bottom: 0;
    left: max(60px, calc((100vw - 1180px) / 2));
    right: max(60px, calc((100vw - 1180px) / 2));
    background: rgba(248, 248, 246, 0.72);
    box-shadow:
      0 1px 0 rgba(255,255,255,.5) inset,
      0 14px 44px rgba(0,0,0,.035);
    backdrop-filter: blur(8px) saturate(105%);
    -webkit-backdrop-filter: blur(8px) saturate(105%);
    pointer-events: none;
  }

  body.home .br-company,
  body.home .br-business,
  body.home .br-works,
  body.home .br-showlab,
  body.home .br-news,
  body.home .br-contact,
  body.home main > section {
    position: relative;
    z-index: 1;
  }

  /* OEM/ODM: match the strong heading tone used by the intro title. */
  body.home .br-business h2,
  body.home .br-business h3,
  body.home .br-business .business-title,
  body.home .br-business .br-business-title,
  body.home .br-business [class*="title"],
  body.home .br-business p,
  body.home .br-business .business-copy,
  body.home .br-business .br-business-copy,
  body.home .br-business [class*="description"] {
    color: #111 !important;
  }

  body.home .br-business h2,
  body.home .br-business h3,
  body.home .br-business .business-title,
  body.home .br-business .br-business-title,
  body.home .br-business [class*="title"] {
    font-weight: 700 !important;
  }

  body.home .br-business p,
  body.home .br-business .business-copy,
  body.home .br-business .br-business-copy,
  body.home .br-business [class*="description"] {
    font-weight: 600 !important;
  }
}