/* DN_REVEAL_VISUAL_SOFTEN_V1_20260529 */

/* 
  Soften the "before / after" image in the stress-test reveal section.
  Goal: keep the section useful, but make the image less loud and more aligned
  with the dark Review Room visual system.
*/

img.reveal-figure {
  width: min(620px, 40vw) !important;
  max-width: 620px !important;
  opacity: .62 !important;
  filter:
    brightness(.70)
    contrast(.92)
    saturate(.48)
    blur(.15px) !important;
  transform:
    translateX(-24px)
    scale(.88) !important;
  transform-origin: center center !important;
}

/* soften the hard white areas inside the image by adding a dark veil */
.reveal-visual,
.reveal-media,
.reveal-art,
.reveal-figure-wrap {
  position: relative;
}

.reveal-visual::after,
.reveal-media::after,
.reveal-art::after,
.reveal-figure-wrap::after {
  content: "";
  position: absolute;
  inset: -8%;
  pointer-events: none;
  background:
    radial-gradient(circle at 46% 50%, transparent 0%, rgba(3, 7, 18, .16) 48%, rgba(3, 7, 18, .42) 82%),
    linear-gradient(90deg, rgba(3, 7, 18, .28), transparent 42%, rgba(3, 7, 18, .18));
}

/* keep the right-side text as the star of the section */
.reveal-copy,
.reveal-text {
  position: relative;
  z-index: 2;
}

@media (max-width: 1100px) {
  img.reveal-figure {
    width: min(560px, 72vw) !important;
    transform: scale(.92) !important;
  }
}

@media (max-width: 760px) {
  img.reveal-figure {
    width: 100% !important;
    opacity: .52 !important;
    transform: none !important;
  }
}