/* Retro layout overrides (landing/partials/head-css.html, loaded last).
 *
 * The contact, FAQ and about heroes paint their largest element from
 * .hero-banner-one's background, which the vendor stylesheet points at
 * bg_01.png: 1.09 MB for a smooth gradient, and a CSS background isn't found
 * until the stylesheet has been parsed, so those pages finished at 13-16 s in
 * a throttled lab run. The same image as WebP is 31 KB (900 px wide for phones,
 * 6 KB), and landing/partials/_hero_bg_preload.html fetches it early.
 * Only background-image changes; position, size and repeat stay the vendor's.
 */
.hero-banner-one {
  background-image: url("../themes/retro/assets/images/assets/bg_01.8b71fe89d086.webp");
}

@media (max-width: 767.98px) {
  .hero-banner-one {
    background-image: url("../themes/retro/assets/images/assets/bg_01-900.a3c81b068d44.webp");
  }
}