/* Case-study backgrounds span the viewer; content keeps a generous editorial inset. */
#project-dialog { --case-inset: max(4vw, calc((100% - 2000px) / 2)); }
#project-dialog.motion-project .mc-split {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
#project-dialog.motion-project .mc-cinema,
#project-dialog.motion-project .mc-selection,
#project-dialog.motion-project .mc-film-nav {
  max-width: 2000px;
}
#project-dialog > .project-pagination {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 28px var(--case-inset) 38px;
  background: var(--case-chrome, #101115);
  border-top: 1px solid rgba(var(--case-rgb, 255,116,77), .2);
}
@media (max-width: 760px) {
  #project-dialog { --case-inset: 6vw; }
  #project-dialog > .project-pagination { padding-block: 20px 26px; }
  #project-dialog > .dialog-header {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 2px 12px;
    padding: 9px 16px;
  }
  #project-dialog .project-nav-brand {
    display: inline-flex;
    grid-column: 1;
    grid-row: 1;
    width: max-content;
  }
  #project-dialog .project-nav-brand small { display: none; }
  #project-dialog .project-nav-brand b { font-size: 16px; }
  #project-dialog .project-nav-identity {
    grid-column: 1;
    grid-row: 2;
    justify-content: start;
  }
  #project-dialog .project-nav-index { padding-right: 9px; }
  #project-dialog .project-nav-title { max-width: 48vw; }
  #project-dialog .close-dialog {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
  }
}