/* Client-supplied home background, light version (2026-10-14).
   Phones get a smaller copy of the full frame (30-110 KB) instead of the 1.9 MB desktop JPEG.
   The first background-image line is a fallback for browsers without image-set() type()
   (iOS 16 and older): they ignore the second line and keep the JPEG. */
.hero {
  background-image: linear-gradient(90deg, rgba(9,27,44,.97) 0%, rgba(9,27,44,.83) 40%, rgba(9,27,44,.05) 82%), url("/static/img/hero-client-20261014-desktop.52cd5ab4d3e0.jpg");
  background-image: linear-gradient(90deg, rgba(9,27,44,.97) 0%, rgba(9,27,44,.83) 40%, rgba(9,27,44,.05) 82%), image-set(url("/static/img/hero-client-20261014-desktop.192e34cc834b.avif") type("image/avif"), url("/static/img/hero-client-20261014-desktop.2fe166eb1fbf.webp") type("image/webp"), url("/static/img/hero-client-20261014-desktop.52cd5ab4d3e0.jpg") type("image/jpeg"));
}

@media (max-width: 760px) {
  .hero {
    background-position: right center;
    background-image: linear-gradient(90deg, rgba(9,27,44,.94), rgba(9,27,44,.72)), url("/static/img/hero-client-20261014-mobile.d7920e4a730d.jpg");
    background-image: linear-gradient(90deg, rgba(9,27,44,.94), rgba(9,27,44,.72)), image-set(url("/static/img/hero-client-20261014-mobile.462c01ff24f0.avif") type("image/avif"), url("/static/img/hero-client-20261014-mobile.597c418c5dbc.webp") type("image/webp"), url("/static/img/hero-client-20261014-mobile.d7920e4a730d.jpg") type("image/jpeg"));
  }
}