/* Static recovery only. The normal WebGL renderer keeps its sizing contract;
   engine mesh geometry must not crop independent stills. */
@media not all and (max-width:812px) {
  html.is-static-gallery #project-details,
  html.is-static-gallery #project-details-meta,
  html.is-static-gallery #project-details-title,
  html.is-static-gallery #project-details-desc,
  html.is-static-gallery #project-details-side-list,
  html.is-static-gallery .project-details-side-list-title,
  html.is-static-gallery .project-details-side-list-item,
  html.is-static-gallery #project-details-header-info {
    color:var(--landing-text,#ffedd7)!important;
  }
  html.is-static-gallery #project-details-items-wrapper {
    top:164px;
    bottom:5.5rem;
    left:calc(min(30em,36vw) + 2 * var(--base-padding-x,24px));
    width:calc(100% - min(30em,36vw) - 2 * var(--base-padding-x,24px));
    overflow:hidden!important;
  }
  html.is-static-gallery #project-details-items-move-container {
    padding-left:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html.is-static-gallery .project-details-item.is-image,
  html.is-static-gallery .project-details-item.is-middle-card + .project-details-item.is-middle-card {
    height:100%!important;
    max-height:100%!important;
    width:auto!important;
    margin:0!important;
    margin-inline-start:0!important;
    align-self:center;
  }
  html.is-static-gallery .project-details-item.is-image[data-role$="head"] {
    height:50%!important;
  }
  html.is-static-gallery .project-details-item.is-image img.mirrism-static-still {
    height:100%!important;
    width:auto!important;
    max-height:100%!important;
    max-width:none;
    object-fit:contain!important;
  }
}
/* Independent vertical stills must not inherit desktop mesh stitching. */
@media (max-width:812px) {
  html.is-static-gallery .project-details-item.is-middle-card + .project-details-item.is-middle-card {
    margin-left:0!important;
    margin-inline-start:0!important;
  }
}
