/* =========================================================
THENEUTRALS.ORG — IMAGE CONTRAST REFINEMENT
Final text-over-photography legibility pass.
Deliberately scoped to image compositions carrying live text.
========================================================= */

/* 1. Generic captioned image fields: retain image detail, deepen only the text zone. */
main .photo::after,
main .bigphoto::after,
main .miniimg::after,
main .trphoto-band .photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(
  to top,
  rgba(3, 29, 30, .92) 0%,
  rgba(3, 29, 30, .72) 24%,
  rgba(3, 29, 30, .28) 54%,
  rgba(3, 29, 30, .08) 78%,
  rgba(3, 29, 30, .02) 100%
  );
}

main .photo .cap,
main .bigphoto .cap,
main .miniimg .cap,
main .trphoto-band .photo .cap {
  position: absolute;
  z-index: 2;
}

/* 2. Large editorial/full-bleed bands: stronger, smoother fusion under large copy. */
main .wide-photo::after,
main .fullbleed::after,
main .photo-band::after,
main .p3-photo::after,
main .e3-photo::after,
main .s3-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: none;
  /* background:linear-gradient(
  to top,
  rgba(3,29,30,.95) 0%,
  rgba(3,29,30,.80) 28%,
  rgba(3,29,30,.48) 52%,
  rgba(3,29,30,.22) 74%,
  rgba(3,29,30,.10) 100%
  ); */

}

/* Practice fullbleeds often use background-image rather than an <img>. */
main .fullbleed > .inner,
main .fullbleed > .fullbleed-inner,
main .wide-photo > .wide-inner,
main .photo-band > .inner,
main .p3-photo > .inner,
main .e3-photo > .inner,
main .s3-photo > .inner {
  position: relative;
  z-index: 2;
}

/* 3. Make over-image type optically crisp without a heavy glow. */
main .fullbleed h2,
main .fullbleed p,
main .wide-photo h2,
main .wide-photo p,
main .photo-band h2,
main .photo-band p,
main .p3-photo h2,
main .p3-photo p,
main .e3-photo h2,
main .e3-photo p,
main .s3-photo h2,
main .s3-photo p,
main .photo .cap,
main .bigphoto .cap,
main .miniimg .cap,
main .trphoto-band .photo .cap {
  text-shadow: 0 1px 2px rgba(0, 0, 0, .28), 0 8px 28px rgba(0, 0, 0, .16);
}

/* 4. Keep supporting copy clearly above the image while preserving hierarchy. */
main .fullbleed p,
main .wide-photo p,
main .photo-band p,
main .p3-photo p,
main .e3-photo p,
main .s3-photo p {
  color: rgba(244, 248, 248, .90);
}

/* Mobile: text occupies more of the image, so deepen the lower field slightly. */
@media (max-width: 760px) {
  main .wide-photo::after,
  main .fullbleed::after,
  main .photo-band::after,
  main .p3-photo::after,
  main .e3-photo::after,
  main .s3-photo::after {
    background: none;
    /* background:linear-gradient(
    to top,
    rgba(3,29,30,.97) 0%,
    rgba(3,29,30,.86) 34%,
    rgba(3,29,30,.55) 62%,
    rgba(3,29,30,.18) 100%
    ); */
  }
}