/*
 * FindUsWV Image and Metadata Optimizer
 * Keeps the existing composition, gradients, and crop behavior while replacing
 * the 4.5–4.6 MB legacy image resources with responsive AVIF/WebP variants.
 */

.hero {
  background-image:
    linear-gradient(90deg, rgba(9,31,23,.92) 0%, rgba(11,42,31,.74) 46%, rgba(8,31,22,.25) 100%),
    url("images/fwu-hero-1280.webp");
}

.cta {
  background-image:
    linear-gradient(100deg, rgba(7,52,38,.96), rgba(7,52,38,.84)),
    url("images/fwu-hero-1280.webp");
}

.feature-art {
  background-image:
    linear-gradient(90deg, rgba(8,34,24,.1), rgba(8,34,24,.01)),
    url("images/fwu-local-1280.webp");
}

.sponsor-card::before,
.listing-card:nth-child(3n+1) .listing-card-image {
  background-image:
    linear-gradient(90deg, rgba(246,241,228,.96), rgba(246,241,228,.86)),
    url("images/fwu-local-640.webp");
}

.listing-card:nth-child(3n+1) .listing-card-image {
  background-image:
    linear-gradient(90deg, rgba(14,90,66,.12), rgba(14,90,66,.02)),
    url("images/fwu-local-640.webp");
}

@supports (background-image: image-set(url("images/fwu-hero-1280.avif") type("image/avif"))) {
  .hero {
    background-image:
      linear-gradient(90deg, rgba(9,31,23,.92) 0%, rgba(11,42,31,.74) 46%, rgba(8,31,22,.25) 100%),
      image-set(url("images/fwu-hero-1280.avif") type("image/avif"), url("images/fwu-hero-1280.webp") type("image/webp"));
  }

  .cta {
    background-image:
      linear-gradient(100deg, rgba(7,52,38,.96), rgba(7,52,38,.84)),
      image-set(url("images/fwu-hero-1280.avif") type("image/avif"), url("images/fwu-hero-1280.webp") type("image/webp"));
  }

  .feature-art {
    background-image:
      linear-gradient(90deg, rgba(8,34,24,.1), rgba(8,34,24,.01)),
      image-set(url("images/fwu-local-1280.avif") type("image/avif"), url("images/fwu-local-1280.webp") type("image/webp"));
  }

  .sponsor-card::before {
    background-image:
      linear-gradient(90deg, rgba(246,241,228,.96), rgba(246,241,228,.86)),
      image-set(url("images/fwu-local-640.avif") type("image/avif"), url("images/fwu-local-640.webp") type("image/webp"));
  }

  .listing-card:nth-child(3n+1) .listing-card-image {
    background-image:
      linear-gradient(90deg, rgba(14,90,66,.12), rgba(14,90,66,.02)),
      image-set(url("images/fwu-local-640.avif") type("image/avif"), url("images/fwu-local-640.webp") type("image/webp"));
  }
}

@media (max-width: 700px) {
  .hero {
    background-image:
      linear-gradient(90deg, rgba(9,31,23,.92) 0%, rgba(11,42,31,.74) 46%, rgba(8,31,22,.25) 100%),
      url("images/fwu-hero-640.webp");
  }

  .cta {
    background-image:
      linear-gradient(100deg, rgba(7,52,38,.96), rgba(7,52,38,.84)),
      url("images/fwu-hero-640.webp");
  }

  .feature-art {
    background-image:
      linear-gradient(90deg, rgba(8,34,24,.1), rgba(8,34,24,.01)),
      url("images/fwu-local-640.webp");
  }

  @supports (background-image: image-set(url("images/fwu-hero-640.avif") type("image/avif"))) {
    .hero {
      background-image:
        linear-gradient(90deg, rgba(9,31,23,.92) 0%, rgba(11,42,31,.74) 46%, rgba(8,31,22,.25) 100%),
        image-set(url("images/fwu-hero-640.avif") type("image/avif"), url("images/fwu-hero-640.webp") type("image/webp"));
    }

    .cta {
      background-image:
        linear-gradient(100deg, rgba(7,52,38,.96), rgba(7,52,38,.84)),
        image-set(url("images/fwu-hero-640.avif") type("image/avif"), url("images/fwu-hero-640.webp") type("image/webp"));
    }

    .feature-art {
      background-image:
        linear-gradient(90deg, rgba(8,34,24,.1), rgba(8,34,24,.01)),
        image-set(url("images/fwu-local-640.avif") type("image/avif"), url("images/fwu-local-640.webp") type("image/webp"));
    }
  }
}