/* Backlash Pictures v10.6.60: shared optical layout grid.
   Keep header and all primary content boundaries on one centred grid.
   The film-detail template no longer carries a different effective inset.
*/
@media (min-width: 761px) {
  html body .header .header-inner.container,
  html body .selected.container,
  html body .films-page.container,
  html body .layout-under .detail-content.container,
  html body .footer.container,
  html body .contact-page.container,
  html body .about-page.container {
    box-sizing: border-box !important;
    width: min(calc(100% - 96px), var(--max,1320px)) !important;
    max-width: var(--max,1320px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    translate: none !important;
  }
  html body .layout-under .detail-content > .bc-film-title-below,
  html body .layout-under .detail-content > .rule,
  html body .layout-under .detail-content > .detail-info,
  html body .layout-under .detail-content > .stills-after-under {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}
/* The visible hamburger lines, not merely its 44px hit target, are the
   reference for the right boundary. Keep its accessible hit target intact. */
@media (max-width: 760px) {
  html body .header .header-inner.container,
  html body .selected.container,
  html body .films-page.container,
  html body .layout-under .detail-content.container,
  html body .footer.container,
  html body .contact-page.container,
  html body .about-page.container {
    box-sizing: border-box !important;
    width: calc(100% - 60px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    translate: none !important;
  }
  html body .header .mobile-menu {
    margin-right: -7px !important;
    flex: 0 0 44px !important;
  }
  html body .header .header-inner > a:first-child {
    margin-left: 0 !important;
    flex: 0 0 auto !important;
  }
  html body .layout-under .detail-content > .bc-film-title-below,
  html body .layout-under .detail-content > .rule,
  html body .layout-under .detail-content > .detail-info,
  html body .layout-under .detail-content > .stills-after-under {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  /* Default XL silhouette. Actual artwork contains transparent top and bottom,
     so its image box can scale without changing the header's horizontal grid. */
  html body:not(.bc-mobile-logo-full) .header .header-inner > a:first-child {
    width: var(--bc-mobile-xl-size,50px) !important;
    max-width: none !important;
    height: var(--bc-mobile-xl-size,50px) !important;
  }
  html body:not(.bc-mobile-logo-full) .header img.brand-compact {
    width: var(--bc-mobile-xl-size,50px) !important;
    max-width: none !important;
    height: var(--bc-mobile-xl-size,50px) !important;
    max-height: none !important;
    object-fit: contain !important;
  }
  /* Alternative: the original wordmark, with an accessible compact sizing. */
  html body.bc-mobile-logo-full .header .header-inner > a:first-child {
    width: min(175px, 52vw) !important;
    max-width: min(175px, 52vw) !important;
    height: 52px !important;
  }
  html body.bc-mobile-logo-full .header img.brand-compact { display: none !important; }
  html body.bc-mobile-logo-full .header img.brand {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    clip-path: none !important;
  }
}