/* Build 9.2 — animated hero backgrounds: home + solutions only */
.hero.nfHeroVideo{
  isolation:isolate;
  background:#080a0d var(--nf-hero-poster) center center/cover no-repeat;
}
.hero.nfHeroVideo>.nfHeroVideoMedia{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  pointer-events:none;
  user-select:none;
}
.hero.nfHeroVideo:before{
  z-index:1;
  transform:none;
  background:
    radial-gradient(circle at 78% 22%,rgba(227,6,19,.15),transparent 35%),
    linear-gradient(90deg,rgba(7,9,12,.96),rgba(7,9,12,.86) 42%,rgba(7,9,12,.48) 72%,rgba(7,9,12,.28)),
    linear-gradient(0deg,#080a0d,rgba(8,10,13,.16) 50%,rgba(8,10,13,.08));
}
.hero.nfHeroVideo .heroInner{position:relative;z-index:2}
.hero.nfHeroHome>.nfHeroVideoMedia{object-position:center 48%}
.hero.nfHeroSolutions>.nfHeroVideoMedia{object-position:center center}
@media(max-width:720px){
  .hero.nfHeroVideo:before{
    background:
      radial-gradient(circle at 82% 18%,rgba(227,6,19,.12),transparent 30%),
      linear-gradient(90deg,rgba(7,9,12,.95),rgba(7,9,12,.82) 62%,rgba(7,9,12,.54)),
      linear-gradient(0deg,#080a0d,rgba(8,10,13,.18) 55%,rgba(8,10,13,.08));
  }
  .hero.nfHeroHome>.nfHeroVideoMedia{object-position:56% center}
  .hero.nfHeroSolutions>.nfHeroVideoMedia{object-position:58% center}
}
@media(prefers-reduced-motion:reduce){
  .hero.nfHeroVideo>.nfHeroVideoMedia{display:none}
}