/* One consistent scale and four fixed column axes throughout desktop Work. */
@media(min-width:701px){
  .page-work .work-grid.work-cinema[data-grid-v30]{
    --work-cell-height:clamp(232px,24.3vw,340px);
    width:calc(100% - 64px);max-width:1280px;margin-inline:auto;
    display:block;
  }
  .work-cinema[data-grid-v30] .work-house{
    display:grid;grid-template-columns:minmax(0,1fr);row-gap:24px;
    margin:0;padding:0;scroll-margin-top:0;
  }
  .work-cinema[data-grid-v30] .work-house+.work-house{margin-top:64px}
  .work-cinema[data-grid-v30] .cinema-sequence[data-work-row]{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:32px;row-gap:24px;align-items:stretch;
    width:100%;max-width:none;margin:0!important;padding:0!important;
  }
  .work-cinema[data-grid-v30] a.artwork[data-grid-managed]{
    grid-column:auto!important;align-self:stretch;justify-self:stretch;
    width:100%!important;max-width:none!important;margin:0!important;
    --grid-media-width:var(--work-width-v30)!important;
    --grid-film-width:min(78cqw,224px,calc((var(--work-cell-height) - 48px) / 1.25));
  }
  .work-cinema[data-grid-v30] [data-work-row][data-count="2"]>a.artwork:first-child{grid-column:2!important}
  .work-cinema[data-grid-v30] [data-work-row][data-count="3"]{
    grid-template-columns:repeat(8,minmax(0,1fr));
  }
  .work-cinema[data-grid-v30] [data-work-row][data-count="3"]>a.artwork{grid-column:span 2!important}
  .work-cinema[data-grid-v30] [data-work-row][data-count="3"]>a.artwork:first-child{grid-column:2 / span 2!important}
  .work-cinema[data-grid-v30] [data-grid-managed] .photo{
    height:var(--work-cell-height)!important;aspect-ratio:auto!important;
    transform:none!important;overflow:hidden;
  }
  .work-cinema[data-grid-v30] [data-grid-managed] .quality-surface{
    display:contents;transform:none!important;
  }
  .work-cinema[data-grid-v30] [data-grid-managed] img.single-photo,
  .work-cinema[data-grid-v30] [data-grid-managed] .motion-frame{
    top:calc(100% - 24px - var(--grid-media-width) * var(--mobile-bound-bottom))!important;
  }
  .work-cinema[data-grid-v30] [data-grid-managed] .motion-frame :is(img.single-photo,video.product-film){
    inset:0!important;top:0!important;object-fit:contain;
  }
  .work-cinema[data-grid-v30] [data-grid-managed]:not([data-grid-optical]) .motion-frame{
    top:calc(100% - 24px - var(--grid-film-width) * var(--grid-film-hw))!important;
  }
}
