/* Nimbus IT – Ambient Artwork System v1 – approved P3 rollout for service subpages.
   One quiet theme artwork from the first pixel through the content; footer fades out. */

body.ni-ambient .site-page {
  isolation: isolate;
  --ni-ambient-opacity: .165;
  --ni-ambient-sat: .42;
  --ni-ambient-bright: .58;
  --ni-ambient-contrast: .84;
}

body.ni-ambient .site-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--ni-art) 59% 44% / cover no-repeat;
  opacity: var(--ni-ambient-opacity, .165);
  filter:
    saturate(var(--ni-ambient-sat, .42))
    brightness(var(--ni-ambient-bright, .58))
    contrast(var(--ni-ambient-contrast, .84));
  transform: translateZ(0) scale(1.015);
  transform-origin: 60% 44%;
  will-change: opacity;
}

body.ni-ambient .site-page > .site-nav,
body.ni-ambient .site-page > main,
body.ni-ambient .site-page > .footer {
  position: relative;
  z-index: 1;
}

body.ni-ambient main,
body.ni-ambient .service-v6-main,
body.ni-ambient .service-v53-main {
  background: transparent !important;
  background-color: transparent !important;
}

/* V6 hero: no second artwork copy; only readability material over the fixed world. */
body.ni-ambient.polaris-service-v6 .service-v6-hero {
  position: relative;
  z-index: 2;
  background:
    linear-gradient(130deg,
      rgba(2,10,17,.84),
      rgba(6,25,37,.68) 56%,
      rgba(2,10,17,.76)) !important;
}

body.ni-ambient.polaris-service-v6 .service-v6-hero::after {
  background:
    linear-gradient(90deg,
      rgba(2,10,17,.96) 0%,
      rgba(2,10,17,.88) 19%,
      rgba(2,10,17,.66) 42%,
      rgba(2,10,17,.32) 66%,
      rgba(2,10,17,.14) 100%),
    linear-gradient(180deg,
      rgba(2,10,17,.10),
      transparent 38%,
      rgba(2,10,17,.34) 78%,
      rgba(2,10,17,.68) 100%) !important;
  opacity: 1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  transform: none !important;
}

/* Firewall / V5.3 hero: same rule, adapted to its existing structure. */
body.ni-ambient.service-v53-page .service-v53-hero {
  position: relative;
  z-index: 2;
  background:
    linear-gradient(130deg,
      rgba(2,10,17,.84),
      rgba(6,25,37,.68) 56%,
      rgba(2,10,17,.76)) !important;
}

body.ni-ambient.service-v53-page .service-v53-hero::before {
  background: none !important;
  opacity: 0 !important;
}

body.ni-ambient.service-v53-page .service-v53-hero::after {
  background:
    linear-gradient(90deg,
      rgba(2,10,17,.96) 0%,
      rgba(2,10,17,.88) 19%,
      rgba(2,10,17,.66) 42%,
      rgba(2,10,17,.32) 66%,
      rgba(2,10,17,.14) 100%),
    linear-gradient(180deg,
      rgba(2,10,17,.10),
      transparent 38%,
      rgba(2,10,17,.34) 78%,
      rgba(2,10,17,.68) 100%) !important;
  opacity: 1 !important;
  transform: none !important;
}

body.ni-ambient.service-v53-page .service-v53-hero-grid {
  position: relative;
  z-index: 2;
}

/* Content remains readable while the outer edge still exposes the fixed artwork. */
body.ni-ambient .service-v6-main > .service-v6-section,
body.ni-ambient .service-v6-main > .framework-orientation,
body.ni-ambient .service-v6-main > .insight-paths,
body.ni-ambient .service-v6-main > .editorial-trust,
body.ni-ambient.service-v53-page .service-v53-section,
body.ni-ambient.service-v53-page .insight-paths,
body.ni-ambient.service-v53-page .editorial-trust {
  position: relative;
  isolation: isolate;
}

body.ni-ambient .service-v6-main > .service-v6-section,
body.ni-ambient .service-v6-main > .framework-orientation,
body.ni-ambient .service-v6-main > .insight-paths,
body.ni-ambient.service-v53-page .service-v53-section,
body.ni-ambient.service-v53-page .insight-paths {
  background: transparent !important;
}

body.ni-ambient .service-v6-main > .service-v6-section::before,
body.ni-ambient .service-v6-main > .framework-orientation::before,
body.ni-ambient .service-v6-main > .insight-paths::before,
body.ni-ambient.service-v53-page .service-v53-section::before,
body.ni-ambient.service-v53-page .insight-paths::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(2,10,17,.72) 0%,
    rgba(2,10,17,.54) 38%,
    rgba(2,10,17,.30) 70%,
    rgba(2,10,17,.18) 100%);
}

@media (max-width: 820px) {
  body.ni-ambient .site-page {
    --ni-ambient-opacity: .105;
    --ni-ambient-sat: .34;
    --ni-ambient-bright: .52;
    --ni-ambient-contrast: .80;
  }

  body.ni-ambient .site-page::before {
    background-position: 64% 38%;
    transform: none;
  }

  body.ni-ambient.polaris-service-v6 .service-v6-hero,
  body.ni-ambient.service-v53-page .service-v53-hero {
    background: linear-gradient(180deg,
      rgba(2,10,17,.80),
      rgba(2,10,17,.72) 46%,
      rgba(2,10,17,.84)) !important;
  }

  body.ni-ambient.polaris-service-v6 .service-v6-hero::after,
  body.ni-ambient.service-v53-page .service-v53-hero::after {
    background: linear-gradient(180deg,
      rgba(2,10,17,.58),
      rgba(2,10,17,.38) 45%,
      rgba(2,10,17,.72) 100%) !important;
  }

  body.ni-ambient .service-v6-main > .service-v6-section::before,
  body.ni-ambient .service-v6-main > .framework-orientation::before,
  body.ni-ambient .service-v6-main > .insight-paths::before,
  body.ni-ambient.service-v53-page .service-v53-section::before,
  body.ni-ambient.service-v53-page .insight-paths::before {
    background: rgba(2,10,17,.56);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ni-ambient .site-page::before { will-change: auto; }
}


/* Landing / SEO pages: same approved ambient world, adapted to their simpler section structure. */
body.ni-ambient.landing-page .landing-hero {
  position: relative;
  z-index: 2;
  isolation: isolate;
  background:
    linear-gradient(130deg,
      rgba(2,10,17,.84),
      rgba(6,25,37,.68) 56%,
      rgba(2,10,17,.76)) !important;
}

/* Remove the landing hero's own artwork copy. The single fixed ambient layer remains. */
body.ni-ambient.landing-page .landing-hero::before {
  background:
    linear-gradient(90deg,
      rgba(2,10,17,.96) 0%,
      rgba(2,10,17,.88) 19%,
      rgba(2,10,17,.66) 42%,
      rgba(2,10,17,.32) 66%,
      rgba(2,10,17,.14) 100%),
    linear-gradient(180deg,
      rgba(2,10,17,.10),
      transparent 38%,
      rgba(2,10,17,.34) 78%,
      rgba(2,10,17,.68) 100%) !important;
  opacity: 1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  transform: none !important;
}

body.ni-ambient.landing-page main > .section:not(.landing-hero),
body.ni-ambient.landing-page main > .related-topics-section {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(90deg,
      rgba(2,10,17,.72) 0%,
      rgba(2,10,17,.54) 38%,
      rgba(2,10,17,.30) 70%,
      rgba(2,10,17,.18) 100%) !important;
}

body.ni-ambient.landing-page main > .editorial-trust {
  position: relative;
  isolation: isolate;
}

@media (max-width: 820px) {
  body.ni-ambient.landing-page .landing-hero {
    background: linear-gradient(180deg,
      rgba(2,10,17,.80),
      rgba(2,10,17,.72) 46%,
      rgba(2,10,17,.84)) !important;
  }

  body.ni-ambient.landing-page .landing-hero::before {
    background: linear-gradient(180deg,
      rgba(2,10,17,.58),
      rgba(2,10,17,.38) 45%,
      rgba(2,10,17,.72) 100%) !important;
  }

  body.ni-ambient.landing-page main > .section:not(.landing-hero),
  body.ni-ambient.landing-page main > .related-topics-section {
    background: rgba(2,10,17,.56) !important;
  }
}