/* Compact navigation: a larger signature without a taller menu. */
    .topbar.bm-test-topbar > nav {
      display:flex!important;
      height:56px!important;
      min-height:0!important;
      padding-top:0!important;
      padding-bottom:0!important;
      align-items:center!important;
      justify-content:space-between!important;
      gap:24px!important;
    }
    .topbar.bm-test-topbar .bm-test-brand-wrap {flex:0 0 auto;min-width:0;}
    .topbar.bm-test-topbar .brand {
      font-size:24px!important;
      line-height:1.1!important;
      letter-spacing:.16em!important;
      font-weight:420!important;
      white-space:nowrap;
    }
    .topbar.bm-test-topbar .navlinks {
      display:flex!important;
      flex-wrap:nowrap!important;
      gap:20px!important;
      margin-top:0!important;
      align-items:center!important;
    }
    .topbar.bm-test-topbar .navlinks > a {white-space:nowrap;}
    .topbar.bm-test-topbar .navlinks .pill {padding:7px 12px!important;}
    @media(max-width:1100px) {
      .topbar.bm-test-topbar > nav {padding-left:24px!important;padding-right:24px!important;gap:20px!important;}
      .topbar.bm-test-topbar .navlinks {gap:16px!important;}
      .topbar.bm-test-topbar .brand {font-size:22px!important;}
    }
    @media(max-width:760px) {
      .topbar.bm-test-topbar > nav {
        position:relative;
        display:block!important;
        height:auto!important;
        padding:12px 20px 8px!important;
      }
      .topbar.bm-test-topbar .bm-test-brand-wrap {padding-right:68px;}
      .topbar.bm-test-topbar .brand {
        font-size:clamp(18px,5.3vw,22px)!important;
        letter-spacing:.14em!important;
      }
      .topbar.bm-test-topbar .navlinks {
        margin-top:10px!important;
        justify-content:space-between!important;
        gap:10px!important;
      }
      .topbar.bm-test-topbar .navlinks > a {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:32px;
        font-size:9px!important;
        letter-spacing:.1em!important;
      }
      .topbar.bm-test-topbar .navlinks .pill {padding:6px 10px!important;}
      .topbar.bm-test-topbar .bm-test-nav-tools {
        position:absolute;
        right:20px;
        top:7px;
        margin-left:0!important;
      }
      .topbar.bm-test-topbar .bm-test-nav-tools > * {
        display:block;
        min-height:16px;
        line-height:16px!important;
        margin-top:0!important;
      }
    }

    #home.hero--test {
      display:block!important;
      width:100%!important;
      max-width:none!important;
      padding:0 0 26px!important;
      margin:0!important;
      border:0!important;
    }
    #home.hero--test .hero-inner {
      display:block!important;
      width:100%!important;
      max-width:none!important;
      margin:0!important;
      padding:0!important;
    }
    #home.hero--test .bm-test-panorama {
      position:relative!important;
      display:block!important;
      width:var(--bm-test-viewport,100vw)!important;
      max-width:none!important;
      height:clamp(360px,41.666667vw,700px)!important;
      min-height:0!important;
      max-height:none!important;
      aspect-ratio:auto!important;
      margin:0 calc((100% - var(--bm-test-viewport,100vw)) / 2)!important;
      padding:0!important;
      overflow:hidden!important;
      border:0!important;
      border-radius:0!important;
      background:#101010;
      isolation:isolate;
    }
    #home.hero--test .bm-test-panorama > .bm-v11-video {
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      min-height:0!important;
      max-height:none!important;
      max-width:none!important;
      aspect-ratio:auto!important;
      margin:0!important;
      padding:0!important;
      overflow:hidden!important;
      border:0!important;
      border-radius:0!important;
    }
    /* Crop the native video frame, rather than stretch its picture. */
    #home.hero--test .bm-test-panorama .bm-v11-video iframe {
      position:absolute!important;
      inset:50% auto auto 50%!important;
      width:var(--bm-test-film-width,100%)!important;
      height:var(--bm-test-film-height,135%)!important;
      min-width:0!important;
      min-height:0!important;
      max-width:none!important;
      max-height:none!important;
      transform:translate(-50%,-50%)!important;
      border:0!important;
      border-radius:0!important;
    }
    #home.hero--test .bm-test-panorama .bm-v11-video img {
      object-fit:cover!important;
    }
    #home.hero--test .bm-test-overlay {
      position:absolute!important;
      z-index:10;
      left:50%;
      bottom:clamp(26px,3.05vw,48px);
      transform:translateX(-50%);
      display:block!important;
      width:calc(100% - 80px);
      max-width:1080px;
      padding:0!important;
      margin:0!important;
      color:#fff!important;
      background:transparent!important;
      border:0!important;
      border-radius:0!important;
      box-shadow:none!important;
      backdrop-filter:none!important;
      -webkit-backdrop-filter:none!important;
      pointer-events:none;
      text-shadow:0 1px 4px rgba(0,0,0,.30);
    }
    #home.hero--test .bm-test-description {
      display:block!important;
      width:100%;
      max-width:none!important;
      margin:12px 0 0!important;
      padding:0!important;
      font-family:var(--sans);
      font-size:clamp(13px,1.02vw,15px)!important;
      font-weight:350!important;
      line-height:1.6!important;
      letter-spacing:.005em!important;
      text-align:left!important;
      text-transform:none!important;
      white-space:normal;
      color:var(--muted)!important;
      background:transparent!important;
      text-shadow:none!important;
    }
    #home.hero--test .bm-test-stats {
      display:grid!important;
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
      grid-template-rows:auto auto;
      column-gap:24px;
      row-gap:18px;
      width:100%;
      padding:0!important;
      margin:0!important;
      list-style:none!important;
      border:0!important;
      background:transparent!important;
    }
    #home.hero--test .bm-test-stats li {
      display:block!important;
      min-width:0;
      min-height:0!important;
      padding:0!important;
      margin:0!important;
      font-family:var(--sans);
      font-size:clamp(14px,1.12vw,16px)!important;
      font-weight:400!important;
      line-height:1.5!important;
      letter-spacing:.01em!important;
      text-align:center!important;
      text-transform:none!important;
      color:#fff!important;
      background:transparent!important;
      border:0!important;
      border-radius:0!important;
      box-shadow:none!important;
    }
    #home.hero--test .bm-test-stats li::before,
    #home.hero--test .bm-test-stats li::after {content:none!important;}
    #home.hero--test .bm-test-signature {
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:24px;
      width:100%;
      padding:30px 0 4px;
      margin:0;
    }
    #home.hero--test .bm-test-signature-copy {flex:1 1 auto;min-width:0;}
    #home.hero--test .bm-test-tagline {
      font-size:clamp(22px,3vw,42px);
      font-weight:280;
      line-height:1.12;
      letter-spacing:-.04em;
      color:var(--ink);
      margin:0;
      max-width:850px;
    }
    #home.hero--test .bm-test-signature .scroll-indicator {
      flex:0 0 auto;
      display:flex;
      justify-content:center;
      align-items:center;
    }
    #home.hero--test .bm-test-signature .scroll-indicator img {
      display:block;
      width:72px;
      height:auto;
    }
    @media(max-width:900px) {
      #home.hero--test .bm-test-overlay {width:calc(100% - 48px);}
      #home.hero--test .bm-test-description {font-size:13px!important;}
      #home.hero--test .bm-test-stats {column-gap:16px;row-gap:10px;margin-top:0!important;}
    }
    @media(max-width:720px) {
      /* Mobile: two columns, in the same row-major reading order as the HTML. */
      #home.hero--test .bm-test-panorama {height:clamp(320px,66vw,440px)!important;}
      #home.hero--test .bm-test-overlay {width:calc(100% - 32px);bottom:24px;}
      #home.hero--test .bm-test-description {font-size:13px!important;white-space:normal;line-height:1.6!important;margin-top:10px!important;}
      #home.hero--test .bm-test-stats {grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none;column-gap:18px;row-gap:16px;margin-top:0!important;}
      #home.hero--test .bm-test-stats li {font-size:13.5px!important;line-height:1.45!important;text-align:left!important;}
      #home.hero--test .bm-test-signature {padding:24px 0 0;gap:16px;}
      #home.hero--test .bm-test-tagline {font-size:clamp(23px,6vw,30px);line-height:1.16;}
      #home.hero--test .bm-test-signature .scroll-indicator img {width:46px;}
    }
  
    /* V11 — only this home component is controlled by bm-v11-showreel. */
    #home.hero--test .bm-test-stats {grid-auto-flow:row!important;}
    #home.hero--test .bm-test-stats li {order:0!important;}
    #home.hero--test .bm-v11-award-detail {
      display:block!important;
      margin-top:3px;
      font-size:12px!important;
      font-weight:400!important;
      line-height:1.4!important;
      letter-spacing:.02em;
      color:inherit!important;
    }
    #home.hero--test .bm-v11-video {background:#101010;}
    #home.hero--test:not(.is-full-showreel) .bm-v11-video iframe {pointer-events:none;}
    #home.hero--test .bm-v11-toolbar {
      display:flex!important;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      width:var(--bm-test-viewport,100vw)!important;
      max-width:none!important;
      min-height:48px;
      margin:0 calc((100% - var(--bm-test-viewport,100vw)) / 2)!important;
      padding:2px clamp(20px,4vw,64px);
      box-sizing:border-box;
      background:transparent;
      color:var(--ink);
    }
    #home.hero--test .bm-v11-watch {
      display:inline-flex;
      align-items:center;
      min-height:44px;
      padding:0;
      font-family:var(--sans);
      font-size:12px;
      font-weight:400;
      line-height:1.5;
      letter-spacing:.025em;
      text-transform:none;
      color:var(--ink);
      text-decoration:none;
      border:0;
      background:transparent;
      cursor:pointer;
    }
    #home.hero--test .bm-v11-watch:hover {text-decoration:underline;text-underline-offset:4px;}
    #home.hero--test .bm-v11-pause {
      appearance:none;
      -webkit-appearance:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 44px;
      width:44px;
      height:44px;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      color:var(--ink);
      cursor:pointer;
      -webkit-tap-highlight-color:transparent;
    }
    #home.hero--test .bm-v11-pause svg {display:block;width:16px;height:16px;fill:currentColor;}
    #home.hero--test .bm-v11-pause:hover {color:var(--gold);}
    #home.hero--test .bm-v11-pause:disabled {opacity:.4;cursor:default;}
    #home.hero--test .bm-v11-watch:focus-visible,
    #home.hero--test .bm-v11-pause:focus-visible,
    #home.hero--test .bm-v11-sound:focus-visible {
      outline:2px solid currentColor;
      outline-offset:5px;
    }
    #home.hero--test [hidden] {display:none!important;}
    #home.hero--test .bm-v11-facts-slot:empty {display:none;}
    #home.hero--test .bm-v11-playback-help {
      max-width:1000px;
      margin:10px auto 0;
      color:var(--muted);
      font-size:12px;
      line-height:1.6;
    }
    #home.hero--test .bm-v11-sound {
      appearance:none;
      padding:4px 0;
      margin-left:12px;
      border:0;
      background:none;
      color:var(--ink);
      font:inherit;
      text-decoration:underline;
      text-underline-offset:3px;
      cursor:pointer;
    }
    /* Full film: one player, centred, with its native aspect ratio and controls. */
    #home.hero--test.is-full-showreel .bm-test-panorama {
      width:100%!important;
      max-width:1000px!important;
      height:auto!important;
      min-height:0!important;
      max-height:none!important;
      aspect-ratio:var(--bm-test-source-ratio,1.777777778)!important;
      margin:20px auto 0!important;
      border-radius:6px!important;
      overflow:hidden!important;
      background:#000;
    }
    #home.hero--test.is-full-showreel .bm-test-panorama .bm-v11-video iframe {
      inset:0!important;
      width:100%!important;
      height:100%!important;
      transform:none!important;
      pointer-events:auto!important;
    }
    #home.hero--test.is-full-showreel .bm-v11-toolbar {
      width:100%!important;
      max-width:1000px!important;
      margin:0 auto!important;
      padding:2px 0;
    }
    /* The SAME six facts are moved below the player; none are duplicated. */
    #home.hero--test.is-full-showreel .bm-test-overlay {
      position:static!important;
      inset:auto!important;
      transform:none!important;
      width:100%!important;
      max-width:1000px!important;
      margin:18px auto 0!important;
      color:var(--ink)!important;
      text-shadow:none!important;
      pointer-events:auto;
    }
    #home.hero--test.is-full-showreel .bm-test-stats li {color:var(--ink)!important;}
    #home.hero--test .bm-test-signature {padding-top:22px;}
    @media(max-width:720px) {
      #home.hero--test .bm-v11-toolbar {padding:0 16px;}
      #home.hero--test .bm-v11-watch {font-size:12px;}
      #home.hero--test.is-full-showreel .bm-test-panorama {margin-top:14px!important;}
      #home.hero--test.is-full-showreel .bm-test-overlay {margin-top:14px!important;}
      #home.hero--test .bm-v11-playback-help {font-size:12px;}
    }
    @media(max-width:360px) {
      #home.hero--test .bm-test-stats li {font-size:13px!important;}
      #home.hero--test .bm-test-stats {column-gap:14px;row-gap:12px;}
    }



  /* V12: header and controls only. Project sections and wording are unchanged. */
  .topbar.bm-test-topbar > nav.wrap {
    width:100%!important;
    max-width:none!important;
    padding-left:clamp(24px,3.35vw,64px)!important;
    padding-right:clamp(24px,3.35vw,64px)!important;
    gap:clamp(40px,5vw,112px)!important;
  }
  .topbar.bm-test-topbar .navlinks {
    flex:1 1 auto;
    min-width:0;
    justify-content:space-between!important;
    gap:clamp(18px,2.4vw,48px)!important;
  }
  .topbar.bm-test-topbar .bm-test-nav-tools {
    flex:0 0 auto;
    display:flex!important;
    flex-direction:column!important;
    margin-left:0!important;
  }
  #home.hero--test .bm-v12-toolbar {
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    column-gap:clamp(18px,2.3vw,36px);
    row-gap:0;
    min-height:56px;
    padding-top:4px;
    padding-bottom:4px;
  }
  #home.hero--test .bm-v12-toolbar .bm-v11-watch {
    grid-column:1;
    grid-row:1;
    justify-self:start;
    white-space:nowrap;
  }
  #home.hero--test .bm-v12-toolbar .bm-test-description {
    grid-column:2;
    grid-row:1;
    min-width:0;
    width:100%;
    margin:0!important;
    font-size:clamp(12.5px,1vw,14px)!important;
    line-height:1.5!important;
    text-align:center!important;
    color:var(--ink)!important;
    overflow-wrap:normal;
  }
  #home.hero--test .bm-v12-media-controls {
    grid-column:3;
    grid-row:1;
    justify-self:end;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:2px;
    min-width:90px;
  }
  #home.hero--test .bm-v12-mute {
    appearance:none;
    -webkit-appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--ink);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  #home.hero--test .bm-v12-mute svg {
    display:block;
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  #home.hero--test .bm-v12-mute:hover {color:var(--gold);}
  #home.hero--test .bm-v12-mute:disabled {opacity:.4;cursor:default;}
  #home.hero--test .bm-v12-mute:focus-visible {outline:2px solid currentColor;outline-offset:3px;}
  @media(max-width:1100px) {
    .topbar.bm-test-topbar > nav.wrap {
      padding-left:24px!important;
      padding-right:24px!important;
      gap:24px!important;
    }
    .topbar.bm-test-topbar .navlinks {gap:16px!important;}
    #home.hero--test .bm-v12-toolbar {
      grid-template-columns:minmax(0,1fr) auto;
      padding-top:12px;
      padding-bottom:2px;
      column-gap:16px;
    }
    #home.hero--test .bm-v12-toolbar .bm-test-description {
      grid-column:1 / -1;
      grid-row:1;
      text-align:left!important;
      font-size:13.5px!important;
      margin:0 0 4px!important;
    }
    #home.hero--test .bm-v12-toolbar .bm-v11-watch {grid-column:1;grid-row:2;}
    #home.hero--test .bm-v12-media-controls {grid-column:2;grid-row:2;}
  }
  @media(max-width:760px) {
    .topbar.bm-test-topbar > nav.wrap {padding:12px 20px 8px!important;}
    .topbar.bm-test-topbar .navlinks {gap:10px!important;}
  }
  @media(max-width:720px) {
    #home.hero--test .bm-v12-toolbar {padding:12px 16px 2px;}
    #home.hero--test.is-full-showreel .bm-v12-toolbar {padding:12px 0 2px;}
    #home.hero--test .bm-v12-toolbar .bm-test-description {font-size:13.5px!important;}
  }



  /* V13: softer controls, and less space BETWEEN links so the name has more room.
     The V12 panorama, full-film ratio and mobile navigation remain unchanged. */
  #home.hero--test { --bm-v13-control-ink:#666666; --bm-v13-control-hover:#444444; }
  [data-theme="dark"] #home.hero--test {
    --bm-v13-control-ink:#aaaaaa;
    --bm-v13-control-hover:#dddddd;
  }
  #home.hero--test .bm-v11-watch,
  #home.hero--test .bm-v11-pause,
  #home.hero--test .bm-v12-mute {
    color:var(--bm-v13-control-ink)!important;
  }
  #home.hero--test .bm-v11-watch:hover,
  #home.hero--test .bm-v11-pause:hover,
  #home.hero--test .bm-v12-mute:hover {
    color:var(--bm-v13-control-hover)!important;
  }
  /* Remove the space-between stretch. These fluid gaps are approximately
     40% smaller than V12's visible desktop gaps at common viewport widths. */
  @media(min-width:761px) {
    .topbar.bm-test-topbar .navlinks {
      flex:0 1 auto!important;
      margin-left:auto!important;
      justify-content:flex-end!important;
      gap:clamp(18px,calc(10.6vw - 72px),220px)!important;
    }
  }
  @media(min-width:761px) and (max-width:1100px) {
    .topbar.bm-test-topbar .navlinks {
      gap:clamp(12px,calc(12vw - 78px),54px)!important;
    }
  }

/* V16: additional pages use the validated V15 header. The homepage hero is unchanged. */
.bm-film-directory { margin:32px 0 0; padding:28px 0; border-top:1px solid var(--line); }
.bm-film-directory > h2 { font-size:11px; letter-spacing:.16em; line-height:1.5; text-transform:uppercase; color:var(--muted); margin:0 0 14px; }
.bm-film-directory > p { max-width:820px; font-size:13px; line-height:1.65; }
.bm-film-directory .directory-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 28px; margin-top:20px; }
.bm-film-directory h3 { font-family:var(--sans); font-size:11px; text-transform:uppercase; letter-spacing:.1em; line-height:1.5; margin:0 0 10px; color:var(--ink); }
.bm-film-directory ul { margin:0; padding:0; list-style:none; }
.bm-film-directory li { font-size:12px; line-height:1.65; color:var(--muted); margin:0 0 7px; }
.bm-film-directory a { text-underline-offset:3px; }
.bm-film-directory a:hover { text-decoration:underline; }
.bm-film-directory details { border-top:1px solid var(--line); margin-top:18px; padding-top:12px; }
.bm-film-directory summary { font-size:12px; line-height:1.7; color:var(--muted); cursor:pointer; }
.bm-film-directory .directory-archive { columns:2; column-gap:28px; margin-top:14px; }
.bm-film-directory .directory-archive li { break-inside:avoid; }
.bm-film-directory .additional-role { margin-top:18px; font-size:12px; }
.project-page main { padding-top:32px; padding-bottom:44px; }
.project-page .project-heading { max-width:940px; margin:0 auto 26px; }
.project-page .project-heading h1 { font-size:clamp(27px,3.5vw,48px); line-height:1.12; letter-spacing:-.04em; }
.project-page .project-role { margin:14px 0 0; color:var(--muted); font-size:13px; }
.project-page .project-intro { margin:16px 0 0; max-width:800px; font-size:15px; line-height:1.75; }
.project-page .project-screen { max-width:1000px; margin:0 auto; }
.project-page .project-notes { max-width:940px; margin:24px auto 0; }
.project-page .project-notes p { font-size:13px; line-height:1.7; }
.project-page .project-links { display:flex; flex-wrap:wrap; gap:18px; margin:24px 0 0; font-size:11px; letter-spacing:.06em; color:var(--muted); }
.artdirection-page .art-intro { max-width:840px; margin-bottom:32px; }
.artdirection-page .art-intro h1 { font-size:clamp(28px,4vw,52px); line-height:1.12; }
.artdirection-page .art-intro p { margin-top:18px; }
.artdirection-page .art-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 24px; margin-top:24px; }
.artdirection-page .art-group { margin-top:42px; }
.artdirection-page .art-group > h2 { font-size:24px; letter-spacing:-.02em; line-height:1.3; }
.artdirection-page .art-caption-note { font-size:12px; line-height:1.5; color:var(--muted); }
.artdirection-page .art-reference-image { width:100%; max-width:880px; display:block; margin:30px auto; }
.media-player:focus-within { outline-offset:4px; }
@media(max-width:760px) {
 .bm-film-directory .directory-groups { grid-template-columns:minmax(0,1fr); gap:20px; }
 .bm-film-directory .directory-archive { columns:1; }
 .project-page main { padding-top:24px; }
 .artdirection-page .art-grid { grid-template-columns:minmax(0,1fr); }
}
/* French labels are longer: keep the same frame while letting the links contract. */
@media(min-width:761px) {
 html[lang="fr"] .topbar.bm-test-topbar .navlinks { gap:clamp(12px,calc(8.9vw - 64px),192px)!important; }
}
@media(max-width:370px) {
 html[lang="fr"] .topbar.bm-test-topbar .navlinks { gap:6px!important; }
 html[lang="fr"] .topbar.bm-test-topbar .navlinks > a { font-size:8px!important; letter-spacing:.04em!important; }
}