/* Noor-only presentation watermark; the supplied photographs remain unchanged. */
.gre-noor-watermark {
  position: relative;
  isolation: isolate;
}
.gre-noor-watermark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 78%;
  aspect-ratio: 199 / 28;
  transform: translate(-50%, -50%);
  background: url("assets/brand/grange-monochrome-transparent-tight.png") left top / 100% auto no-repeat;
  opacity: .45;
  mix-blend-mode: screen;
  pointer-events: none;
}
/* Show the approved GRANGE line; the rest of the existing logo stays outside the box. */
.gre-noor-thumb-image {
  display: block;
  width: 84px;
  height: 63px;
}
/* Keep the overlay inside the actual 16:9 photograph, including letterboxed viewers. */
.gre-noor-dialog-image {
  --gre-noor-viewer-height: calc(94vh - 190px);
  height: var(--gre-noor-viewer-height);
  margin: 12px 0;
}
.gre-noor-dialog-image .gallery-dialog-image {
  height: 100%;
  margin: 0;
}
.gre-noor-dialog-image::after {
  width: min(78%, calc(var(--gre-noor-viewer-height) * 1.3866666667));
}
@media (max-width: 680px) {
  .gre-noor-dialog-image {
    --gre-noor-viewer-height: calc(94vh - 180px);
  }
}