/* Hero slider photos & Industry strip photos
   File: assets/css/home-slides.css */

.slide.s0, .slide.s1, .slide.s2, .slide.s3 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #161822;
}

.slide.s0 {
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.78) 100%),
                    url("../img/slides/LED%20Wall-Hero-Airdisplays.webp");
}
.slide.s1 {
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.78) 100%),
                    url("../img/slides/outdoor-3000-nits-readable-direct-sunlight-LED-Walls-Airdisplay.webp");
}
.slide.s2 {
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.78) 100%),
                    url("../img/slides/Interactive-touch-Airdisplays.webp");
}
.slide.s3 {
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.78) 100%),
                    url("../img/slides/Curved-LED-Screen-Airdisplays.webp");
}

/* ---------- Industry Strip Photos ---------- */
.tile.t0, .tile.t1, .tile.t2, .tile.t3, .tile.t4 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #14161f;
}

.tile.t0 {
  background-image: linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.8) 100%),
                    url("../img/industries/Modern-Supermarket-Aisle-with-Digital-Displays-Airdisplays.webp");
}
.tile.t1 {
  background-image: linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.8) 100%),
                    url("../img/industries/Modern-Transport-Hub-with-Dynamic%20Digital-Signage-Airdisplays.webp");
}
.tile.t2 {
  background-image: linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.8) 100%),
                    url("../img/industries/Luxury-Hotel-Lobby-with-Digital-Hospitality-Display-Airdisplays.webp");
}
.tile.t3 {
  background-image: linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.8) 100%),
                    url("../img/industries/Modern-Corporate-Lobby-Motion-Airdisplays.webp");
}
.tile.t4 {
  background-image: linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.8) 100%),
                    url("../img/industries/Events-Entertainment-LED-wall-Airdisplays.webp");
}