/* LiteCMS v2.57: image top-edge preservation and project heading alignment.
   Layer this after v2.55 and v2.56; project pages only. */

/* v2.56 made the media layer 118% high, beginning 9% above the viewport.
   That hid the upper part of project artwork even before scrolling. The
   parallax transform moves *down* only as the viewer scrolls, so the layer
   doesn't need top overscan: by the time it shifts down, the old top is
   already above the viewport. Preserve the full hero stage at load. */
.screen-gallery-project .screen-gallery-visual {
  top: 0 !important;
  bottom: 0 !important;
}

/* Some wide images still need cover to fill a full-bleed stage; favor the
   source's top edge and allow the already-faded bottom to crop if needed. */
.screen-gallery-project .media-frame-image img {
  object-position: center top !important;
}

/* Match the EXACT horizontal content edges of .screen-gallery-below:
   width:min(1240px, 100% - 2*clamp(20px,5vw,76px)); margin:0 auto.
   This is responsive at desktop, tablet and mobile widths. */
.screen-gallery-project .screen-gallery-identity {
  left: max(clamp(20px, 5vw, 76px), calc((100% - 1240px) / 2)) !important;
  right: max(clamp(20px, 5vw, 76px), calc((100% - 1240px) / 2)) !important;
  max-width: none !important;
}

/* Continue to show the entire image on narrow devices, as v2.55 intended. */
@media (max-width: 760px) {
  .screen-gallery-project .media-frame-image img {
    object-fit: contain !important;
  }
}