/* Native modal stays out of the page layout and does not contain a video until opened. */
html.gmb-film-scroll-locked { overflow: hidden; }
.gmb-film-modal {
  width: min(1120px, calc(100% - 40px));
  max-width: none;
  max-height: calc(100dvh - 40px);
  padding: 0;
  margin: auto;
  border: 1px solid #414650;
  border-radius: 16px;
  color: #f0efeb;
  background: #11151b;
  box-shadow: 0 32px 100px #0008;
  font: 400 18px/1.5 var(--secondary, "Helvetica Neue", sans-serif);
  overflow: auto;
  overscroll-behavior: contain;
}
.gmb-film-modal:not([open]) { display: none; }
.gmb-film-modal::backdrop { background: rgb(3 5 8 / 88%); backdrop-filter: blur(8px); }
.gmb-film-modal *, .gmb-film-modal *::before, .gmb-film-modal *::after { box-sizing: border-box; }
.gmb-film-modal :is(h2,p) { margin: 0; }
.gmb-film-modal-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 26px; border-bottom: 1px solid #ffffff13; }
.gmb-film-modal-header p { margin-bottom: 5px; color: #a9afb9; font-size: 11px; letter-spacing: .07em; }
.gmb-film-modal-header h2 { font: 300 28px/1.1 "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -.035em; color: #f0efeb; }
.gmb-film-modal-close { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid #ffffff28; border-radius: 50%; background: transparent; color: #e8e7e3; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.gmb-film-modal-close span { font: 300 28px/1 Arial, sans-serif; }
.gmb-film-modal-close:hover { background: #ffffff0d; border-color: #c9b394; }
.gmb-film-modal :is(button,video):focus-visible { outline: 2px solid #dfc7a8; outline-offset: 4px; }
.gmb-film-modal-player { width: 100%; min-width: 0; background: #030406; }
.gmb-film-modal-player video { display: block; width: 100%; max-height: calc(100dvh - 194px); aspect-ratio: 16 / 9; object-fit: contain; background: #030406; }
.gmb-film-modal-footer { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 16px 26px; border-top: 1px solid #ffffff13; color: #a8afba; font-size: 13px; }
.gmb-film-modal-footer > span { color: #c5b298; white-space: nowrap; }
.studio-work .sw-film-trigger > span[aria-hidden] { font-size: 27px; }
.studio-work .sw-film-trigger:hover > span[aria-hidden] { transform: translateX(3px); }
@media (max-width: 760px) {
  .gmb-film-modal { width: calc(100% - 24px); max-height: calc(100dvh - 24px); border-radius: 12px; }
  .gmb-film-modal-header { padding: 17px 18px; gap: 16px; }
  .gmb-film-modal-header p { font-size: 10px; }
  .gmb-film-modal-header h2 { font-size: 25px; }
  .gmb-film-modal-player video { max-height: calc(100dvh - 180px); }
  .gmb-film-modal-footer { padding: 15px 18px; font-size: 12px; }
}