/* Use the same illustrated characters for the desktop example cards. */
#nfn-home .person-card .avatar {
  background-image: url('/assets/hero-lampen.jpg') !important;
  background-repeat: no-repeat !important;
  background-size: 380% 380% !important;
}
#nfn-home .person-card.one .avatar {
  background-position: 22% 9% !important;
}
#nfn-home .person-card.two .avatar {
  background-position: 90% 45% !important;
}
#nfn-home .person-card .avatar img {
  display: none !important;
}

/* On phones the illustration becomes a wide lead image above the headline. */
@media (max-width: 700px) {
  #nfn-home .hero { padding-top: 0 !important; }
  #nfn-home .hero-grid { gap: 28px !important; }
  #nfn-home .hero-art {
    order: -1 !important;
    width: 100vw !important;
    min-height: 0 !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    display: block !important;
  }
  #nfn-home .orbit {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-position: center 10% !important;
  }
  #nfn-home .person-card { display: none !important; }
}