/* V8: portrait originals must never be cropped (all four MP4 sources are 9:16). */
#work .examples .frame,
#work .examples .frame.wide{
  aspect-ratio:9 / 16;
  width:100%;
  height:auto;
  overflow:hidden;
  background:#10110F;
  display:grid;
  place-items:center;
}
#work .examples .frame video,
#work .examples .frame video[poster]{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  aspect-ratio:9 / 16;
  background:#10110F;
}
#work .examples .frame video:fullscreen,
#work .examples .frame video:-webkit-full-screen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
}
#work .examples .frame .video-tab{
  z-index:2;
}
@media(max-width:700px){
  #work .examples .frame,
  #work .examples .frame.wide{
    aspect-ratio:9 / 16;
  }
}


/* Public site: source footage includes two landscape and two portrait clips. */
#work .examples .frame--landscape{aspect-ratio:16 / 9!important;min-height:0!important}
#work .examples .frame--portrait{aspect-ratio:9 / 16!important}
#work .examples .frame video{aspect-ratio:auto!important;object-fit:contain!important}
#work .examples .sample-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
#work .examples .sample-bottom a{color:inherit;text-decoration:underline;text-underline-offset:3px}