/* =========================================================================
   FIXED two-image candidate — review-only stylesheet, loaded ONLY by
   /review-fixed/ AFTER the shared pages.css. One change: the panorama's
   bottom fade starts where the Peine overlap begins and reaches ZERO at
   the panorama edge (the .35/.30 floor-and-cliff is removed). Geometry,
   overlap depth, heights and the window are untouched.
   ========================================================================= */

.scene-frame img.hero-base {
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 150px, #000 calc(100% - 120px), rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 150px, #000 calc(100% - 120px), rgba(0, 0, 0, 0) 100%);
}

@media (min-width: 641px) and (max-width: 1023px) {
  .scene-frame img.hero-base {
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 150px, #000 calc(100% - 110px), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(180deg, transparent 0, #000 150px, #000 calc(100% - 110px), rgba(0, 0, 0, 0) 100%);
  }
}

@media (max-width: 640px) {
  .scene-frame img.hero-base {
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 150px, #000 calc(100% - 80px), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(180deg, transparent 0, #000 150px, #000 calc(100% - 80px), rgba(0, 0, 0, 0) 100%);
  }
}
