/* NIF v0.20.4: use the approved v0.19 artwork, trim its embedded pale/blue edges.
   This stylesheet MUST be installed in both Django static source and Nginx static root.
   Source is 2400x340, fade ~20px top/bottom and at the far-right edge. */
.hero {
  background-color:#eaf3f8 !important;
  background-image:url('../assets/hero-v019.webp') !important;
  background-repeat:no-repeat !important;
  /* Extend artwork past the hero boundary; crop its baked-in blue borders. */
  background-size:calc(100% + 100px) calc(100% + 46px) !important;
  background-position:center center !important;
  border:0 !important;
  box-shadow:none !important;
}
.hero .hero-overlay {
  background:linear-gradient(90deg,
    rgba(235,245,250,.96) 0%,
    rgba(235,245,250,.86) 23%,
    rgba(235,245,250,.42) 43%,
    rgba(235,245,250,.03) 61%,
    transparent 74%) !important;
}
@media(max-width:940px) {
  .hero {background-size:calc(100% + 48px) calc(100% + 46px) !important;}
  .hero .hero-overlay {background:linear-gradient(90deg,rgba(235,245,250,.97),rgba(235,245,250,.89) 52%,rgba(235,245,250,.36)) !important;}
}
@media(max-width:670px) {
  .hero {background-size:calc(100% + 40px) calc(100% + 46px) !important;}
  .hero .hero-overlay {background:rgba(235,245,250,.86) !important;}
}
