/* NMG Website v1.57
   New page worlds for About NMG and Latest News. */

.work-page--about {
  --work-image: url("/assets/img/pages/v1.57/about-nmg-set-build-v1.57.webp");
  --work-position: 58% center;
}

.work-page--about .work-shell::before {
  filter: brightness(0.92) saturate(0.98) contrast(1.02);
}

.work-page--about .work-shell::after {
  background:
    radial-gradient(circle at 78% 43%, rgba(5, 7, 10, 0) 0%, rgba(5, 7, 10, 0.1) 36%, rgba(5, 7, 10, 0.4) 86%),
    linear-gradient(90deg, rgba(5, 7, 10, 0.99) 0%, rgba(5, 7, 10, 0.88) 35%, rgba(5, 7, 10, 0.18) 67%, rgba(5, 7, 10, 0.36) 100%),
    linear-gradient(180deg, rgba(5, 7, 10, 0.18) 0%, rgba(5, 7, 10, 0.05) 57%, rgba(5, 7, 10, 0.82) 100%);
}

.latest-news-page {
  --work-image: url("/assets/img/news/latest-news-production-room-v1.57.webp");
  --work-position: center top;
}

.latest-news-page .work-shell::before {
  filter: brightness(0.8) saturate(0.92) contrast(1.03);
}

.latest-news-page .work-shell::after {
  background:
    linear-gradient(180deg, rgba(5, 7, 10, 0.22) 0%, rgba(5, 7, 10, 0.5) 56%, rgba(5, 7, 10, 0.96) 100%),
    linear-gradient(90deg, rgba(5, 7, 10, 0.98) 0%, rgba(5, 7, 10, 0.84) 40%, rgba(5, 7, 10, 0.18) 72%, rgba(5, 7, 10, 0.34) 100%);
}

@media (max-width: 760px) {
  .work-page--about {
    --work-position: 74% center;
  }

  .work-page--about .work-shell::before {
    filter: brightness(0.74) saturate(0.94) contrast(1.02);
  }

  .work-page--about .work-shell::after {
    background:
      linear-gradient(180deg, rgba(5, 7, 10, 0.46) 0%, rgba(5, 7, 10, 0.62) 56%, rgba(5, 7, 10, 0.94) 100%),
      linear-gradient(90deg, rgba(5, 7, 10, 0.88), rgba(5, 7, 10, 0.34));
  }

  .latest-news-page {
    --work-position: 72% top;
  }

  .latest-news-page .work-shell::before {
    filter: brightness(0.64) saturate(0.88) contrast(1.02);
  }

  .latest-news-page .work-shell::after {
    background:
      linear-gradient(180deg, rgba(5, 7, 10, 0.38), rgba(5, 7, 10, 0.78) 50%, var(--ink) 100%),
      linear-gradient(90deg, rgba(5, 7, 10, 0.88), rgba(5, 7, 10, 0.38));
  }
}