/* BLACK CAT SOUND — Forest Nocturne Hybrid 1.1
 * Desktop header + main banner fit the central content column.
 * Additive, overrides only the Hybrid 1.0 interface, not the original BCS site.
 */
@media (min-width: 761px) {
  body.bcs-hybrid-enabled {
    --bcs-polish-focus-width: 1495px;
    --bcs-hybrid-header: 70px;
  }

  /* The whole NAV surface is now centered above the WORKSPACE, not the window.
     Translate by half the sidebar so it stays centered even when sidebar closes. */
  body.bcs-hybrid-enabled .bcs-hybrid-shell > .topbar {
    box-sizing: border-box;
    width: calc(100% - var(--bcs-hybrid-sidebar) - 32px);
    max-width: var(--bcs-polish-focus-width);
    justify-self: center;
    align-self: center;
    transform: translateX(calc(var(--bcs-hybrid-sidebar) / 2));
    margin: 0;
    min-height: 56px;
    height: 56px;
    padding: 0 clamp(12px, 1.1vw, 21px);
    border: 1px solid #428b788c;
    border-radius: 13px;
    background: linear-gradient(180deg,#0d2023fa,#081419f9);
    box-shadow: 0 11px 26px #0009, inset 0 1px 0 #9ef3d219;
  }
  body.bcs-hybrid-enabled .bcs-hybrid-shell > .topbar::after {
    left: 12%; right: 12%;
  }
  .bcs-hybrid-shell .bcs-hybrid-top-brand img {
    max-height: 37px;
  }
  .bcs-hybrid-shell .bcs-hybrid-tab {
    gap: 6px;
  }

  /* Native-resolution artwork. Preserve ALL of the banner and its exact ratio.
     This replaces the original forced stretch (background-size:100% 100%). */
  body.bcs-hybrid-enabled .bcs-hybrid-shell .bcs-hybrid-hero {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--bcs-polish-focus-width);
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 1495 / 229;
    margin: 12px auto 26px;
    background-image: url('../assets/ui/bcs-hybrid-hero-hq.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #07171a;
    image-rendering: auto;
    border-radius: 12px;
  }
}

/* Mobile keeps the existing responsive topbar and the dedicated mobile hero.
   No forced desktop ratio and no viewport horizontal overflow. */