/* XY STUDIO V15 — Replaceable hero background slots.
   Drop WebP files into assets/backgrounds/ using the existing filenames.
   No HTML changes are required when replacing an image. */
.hero.hero-bg{
  position:relative;
  isolation:isolate;
  background-color:#101010;
  background-image:var(--hero-bg-image);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.hero.hero-bg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(16,16,16,.08),rgba(16,16,16,.24));
  pointer-events:none;
}
.hero.hero-bg > *{position:relative;z-index:1}

.page-index{--hero-bg-image:url("assets/backgrounds/index.webp")}
.page-services{--hero-bg-image:url("assets/backgrounds/services.webp")}
.page-products{--hero-bg-image:url("assets/backgrounds/products.webp")}
.page-industries{--hero-bg-image:url("assets/backgrounds/industries.webp")}
.page-geography{--hero-bg-image:url("assets/backgrounds/geography.webp")}
.page-cases{--hero-bg-image:url("assets/backgrounds/cases.webp")}
.page-contact{--hero-bg-image:url("assets/backgrounds/contact.webp")}
.page-revenue-xray{--hero-bg-image:url("assets/backgrounds/revenue-xray.webp")}
.page-real-estate-xray{--hero-bg-image:url("assets/backgrounds/real-estate-xray.webp")}
.page-iqstat{--hero-bg-image:url("assets/backgrounds/iqstat.webp")}
.page-custom-product{--hero-bg-image:url("assets/backgrounds/custom-product.webp")}
.page-ai-marketing{--hero-bg-image:url("assets/backgrounds/ai-marketing.webp")}
.page-industry-saas{--hero-bg-image:url("assets/backgrounds/industry-saas.webp")}
.page-industry-b2b{--hero-bg-image:url("assets/backgrounds/industry-b2b.webp")}
.page-industry-automotive{--hero-bg-image:url("assets/backgrounds/industry-automotive.webp")}
.page-industry-medicine{--hero-bg-image:url("assets/backgrounds/industry-medicine.webp")}
.page-industry-construction{--hero-bg-image:url("assets/backgrounds/industry-construction.webp")}
.page-industry-real-estate{--hero-bg-image:url("assets/backgrounds/industry-real-estate.webp")}
.page-industry-fintech{--hero-bg-image:url("assets/backgrounds/industry-fintech.webp")}
.page-industry-education{--hero-bg-image:url("assets/backgrounds/industry-education.webp")}
.page-industry-professional-services{--hero-bg-image:url("assets/backgrounds/industry-professional-services.webp")}
.page-industry-hospitality{--hero-bg-image:url("assets/backgrounds/industry-hospitality.webp")}
.page-industry-tourism{--hero-bg-image:url("assets/backgrounds/industry-tourism.webp")}
.page-industry-ecommerce{--hero-bg-image:url("assets/backgrounds/industry-ecommerce.webp")}
.page-industry-manufacturing{--hero-bg-image:url("assets/backgrounds/industry-manufacturing.webp")}
.page-service-performance{--hero-bg-image:url("assets/backgrounds/service-performance.webp")}
.page-service-seo{--hero-bg-image:url("assets/backgrounds/service-seo.webp")}
.page-service-design{--hero-bg-image:url("assets/backgrounds/service-design.webp")}
.page-service-branding{--hero-bg-image:url("assets/backgrounds/service-branding.webp")}
.page-service-analytics{--hero-bg-image:url("assets/backgrounds/service-analytics.webp")}
.page-service-development{--hero-bg-image:url("assets/backgrounds/service-development.webp")}

@media (max-width:700px){
  .hero.hero-bg{background-position:center top}
}