/* R199: horizontal films use their available column width and native ratio. */
html[data-r199-media-layout][data-r182-works] #portfolio-browser > .r182-project-browser .r182-project-media:not(.r182-portrait):has(> video) {
  display:block;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  align-self:start;
}
html[data-r199-media-layout][data-r182-works] #portfolio-browser > .r182-project-browser .r182-project-media:not(.r182-portrait) > video {
  display:block;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}

@media(min-width:761px) {
  html[data-r199-media-layout][data-r182-works] #portfolio-browser > .r182-project-browser .r182-project-card:has(> .r182-project-media:not(.r182-portrait) > video) {
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  }
}

/* Keep the existing mobile stack; portrait films and image galleries stay bounded. */
@media(max-width:760px) {
  html[data-r199-media-layout][data-r182-works] #portfolio-browser > .r182-project-browser .r182-project-media:not(.r182-portrait):has(> video) {
    position:relative;
    top:auto;
  }
}