/* =============================================
   Ver.1367 - Final mobile home work thumbnail parity
   - Loaded as a new filename after public_mobile_media_1329.css to avoid stale cascade/cache.
   - Mobile home work thumbnails must use the same visual frame size as actor thumbnails.
   - Works keep 3-across carousel, but the work image frame itself becomes 3/4 and filled.
   ============================================= */
@media (max-width:720px){
  html body.public-dark.page-home .home .home-mobile-carousel .home-workgrid.home-mobile-carousel__track,
  html body.page-home .home .home-mobile-carousel .home-workgrid.home-mobile-carousel__track{
    grid-auto-columns:calc((100% - (var(--home-mobile-carousel-gap, 6px) * 2)) / 3) !important;
    gap:var(--home-mobile-carousel-gap, 6px) !important;
  }

  html body.public-dark.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile,
  html body.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:visible !important;
  }

  html body.public-dark.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img,
  html body.public-dark.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img.is-wd-matte-trimmed,
  html body.public-dark.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img[data-wd-smart-trim-mode],
  html body.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img,
  html body.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img.is-wd-matte-trimmed,
  html body.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img[data-wd-smart-trim-mode]{
    display:block !important;
    position:relative !important;
    width:100% !important;
    inline-size:100% !important;
    height:auto !important;
    block-size:auto !important;
    aspect-ratio:var(--home-actor-thumb-ratio, 3 / 4) !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:var(--home-mobile-work-radius, 7px) !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
    line-height:0 !important;
  }

  html body.public-dark.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img > img,
  html body.public-dark.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img > img.is-wd-matte-trimmed-img,
  html body.public-dark.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img[data-wd-smart-trim-mode] > img,
  html body.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img > img,
  html body.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img > img.is-wd-matte-trimmed-img,
  html body.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__img[data-wd-smart-trim-mode] > img{
    display:block !important;
    position:static !important;
    inset:auto !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    z-index:1 !important;
    width:100% !important;
    inline-size:100% !important;
    height:100% !important;
    block-size:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    transform:none !important;
    transform-origin:center center !important;
    object-fit:cover !important;
    object-position:center top !important;
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:inherit !important;
    box-shadow:none !important;
  }

  html body.public-dark.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__info,
  html body.page-home .home .home-workgrid.home-mobile-carousel__track > .home-worktile > .home-worktile__info{
    min-height:20px !important;
    padding:4px 1px 0 !important;
    background:transparent !important;
  }
}