/* BRADE v2.2.8 — centered translucent content panel below hero/collage
   Keeps side margins open so the background video remains visible. */

@media (min-width: 769px) {
  /* Main content after hero/collage */
  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) {
    width: min(1180px, calc(100vw - 120px));
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(28px, 4vw, 64px) !important;
    padding-right: clamp(28px, 4vw, 64px) !important;

    background: rgba(248, 248, 246, 0.72) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,0.55) inset,
      0 12px 40px rgba(0,0,0,0.035) !important;

    backdrop-filter: blur(8px) saturate(105%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(105%) !important;
  }

  /* Keep sections visually continuous rather than card-by-card */
  body.home .br-company,
  body.home .br-business,
  body.home .br-works,
  body.home .br-showlab,
  body.home .br-news,
  body.home .br-contact {
    border-radius: 0 !important;
  }

  /* First content section gets subtle top rounding; final gets bottom rounding */
  body.home .br-company {
    border-radius: 18px 18px 0 0 !important;
  }
  body.home .br-contact {
    border-radius: 0 0 18px 18px !important;
  }

  /* Improve text readability without making it heavy */
  body.home .br-company,
  body.home .br-business,
  body.home .br-works,
  body.home .br-showlab,
  body.home .br-news,
  body.home .br-contact {
    color: rgba(18,18,18,0.96);
  }
}

/* Mobile stays full-width and lighter */
@media (max-width: 768px) {
  body.home .br-company,
  body.home .br-business,
  body.home .br-works,
  body.home .br-showlab,
  body.home .br-news,
  body.home .br-contact {
    background: rgba(248,248,246,0.82) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }
}