/* ==========================================================================
   SCÈNES EN PARALLAX : images des couches
   --------------------------------------------------------------------------
   Les images ne sont téléchargées que lorsque la scène approche de l'écran :
   le JS ajoute la classe .is-near sur #elsass, #livingroom et #contact.
   Formats : AVIF (le plus léger) avec repli WebP pour les vieux navigateurs.
   Tailles  : -m = mobile (1600 px), -d = ordinateur (2048 px), -xl = grands écrans (3200 px)
   ========================================================================== */

/* --- Mobile & tablette --- */
#elsass.is-near .layers .layer.layers__base {
  background-image: url("../img/scenes/landscape_elsass/layer-base-m.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-base-m.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-base-m.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__mountain3 {
  background-image: url("../img/scenes/landscape_elsass/montagnes_03-m.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/montagnes_03-m.avif") type("image/avif"), url("../img/scenes/landscape_elsass/montagnes_03-m.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__mountain2 {
  background-image: url("../img/scenes/landscape_elsass/montagnes_02-m.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/montagnes_02-m.avif") type("image/avif"), url("../img/scenes/landscape_elsass/montagnes_02-m.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__mountain1 {
  background-image: url("../img/scenes/landscape_elsass/montagnes_01-m.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/montagnes_01-m.avif") type("image/avif"), url("../img/scenes/landscape_elsass/montagnes_01-m.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__middle {
  background-image: url("../img/scenes/landscape_elsass/layer-middle-m.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-middle-m.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-middle-m.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__front2 {
  background-image: url("../img/scenes/landscape_elsass/layer-front-m.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-front-m.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-front-m.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__front1 {
  background-image: url("../img/scenes/landscape_elsass/layer-front-2-m.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-front-2-m.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-front-2-m.webp") type("image/webp"));
}
#livingroom.is-near .bg-window {
  background-image: url("../img/scenes/livingroom/livingroom-window-m.webp");
  background-image: image-set(url("../img/scenes/livingroom/livingroom-window-m.avif") type("image/avif"), url("../img/scenes/livingroom/livingroom-window-m.webp") type("image/webp"));
}
#livingroom.is-near .room {
  background-image: url("../img/scenes/livingroom/livingroom-m.webp");
  background-image: image-set(url("../img/scenes/livingroom/livingroom-m.avif") type("image/avif"), url("../img/scenes/livingroom/livingroom-m.webp") type("image/webp"));
}
#livingroom.is-near .room-shadow {
  background-image: url("../img/scenes/livingroom/livingroom-shadow-m.webp");
  background-image: image-set(url("../img/scenes/livingroom/livingroom-shadow-m.avif") type("image/avif"), url("../img/scenes/livingroom/livingroom-shadow-m.webp") type("image/webp"));
}
#livingroom.is-near .lampe {
  background-image: url("../img/scenes/livingroom/lampe-m.webp");
  background-image: image-set(url("../img/scenes/livingroom/lampe-m.avif") type("image/avif"), url("../img/scenes/livingroom/lampe-m.webp") type("image/webp"));
}
#livingroom.is-near .tv-night {
  background-image: url("../img/scenes/livingroom/tv-m.webp");
  background-image: image-set(url("../img/scenes/livingroom/tv-m.avif") type("image/avif"), url("../img/scenes/livingroom/tv-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__sunrise {
  background-image: url("../img/scenes/city_balcon/C1_sunrise-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C1_sunrise-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C1_sunrise-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city05 {
  background-image: url("../img/scenes/city_balcon/C2_city_05-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C2_city_05-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C2_city_05-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city04 {
  background-image: url("../img/scenes/city_balcon/C3_city_04-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C3_city_04-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C3_city_04-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city03 {
  background-image: url("../img/scenes/city_balcon/C4_city_03-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C4_city_03-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C4_city_03-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city02 {
  background-image: url("../img/scenes/city_balcon/C5_city_02-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C5_city_02-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C5_city_02-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city01 {
  background-image: url("../img/scenes/city_balcon/C6_city_01-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C6_city_01-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C6_city_01-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__sunlight {
  background-image: url("../img/scenes/city_balcon/C11_sunlight-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C11_sunlight-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C11_sunlight-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__road_back {
  background-image: url("../img/scenes/city_balcon/C7_road_back-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C7_road_back-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C7_road_back-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__traffic_light {
  background-image: url("../img/scenes/city_balcon/C8_traffic_light-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C8_traffic_light-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C8_traffic_light-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__road_front {
  background-image: url("../img/scenes/city_balcon/C9_road_front-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C9_road_front-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C9_road_front-m.webp") type("image/webp"));
}
#contact.is-near .layers .layers__balcon_coffee {
  background-image: url("../img/scenes/city_balcon/C10_balcon_coffee-m.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C10_balcon_coffee-m.avif") type("image/avif"), url("../img/scenes/city_balcon/C10_balcon_coffee-m.webp") type("image/webp"));
}

/* --- Ordinateur (≥ 992 px) --- */
@media (min-width: 992px) {
#elsass.is-near .layers .layer.layers__base {
  background-image: url("../img/scenes/landscape_elsass/layer-base-d.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-base-d.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-base-d.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__mountain3 {
  background-image: url("../img/scenes/landscape_elsass/montagnes_03-d.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/montagnes_03-d.avif") type("image/avif"), url("../img/scenes/landscape_elsass/montagnes_03-d.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__mountain2 {
  background-image: url("../img/scenes/landscape_elsass/montagnes_02-d.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/montagnes_02-d.avif") type("image/avif"), url("../img/scenes/landscape_elsass/montagnes_02-d.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__mountain1 {
  background-image: url("../img/scenes/landscape_elsass/montagnes_01-d.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/montagnes_01-d.avif") type("image/avif"), url("../img/scenes/landscape_elsass/montagnes_01-d.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__middle {
  background-image: url("../img/scenes/landscape_elsass/layer-middle-d.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-middle-d.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-middle-d.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__front2 {
  background-image: url("../img/scenes/landscape_elsass/layer-front-d.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-front-d.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-front-d.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__front1 {
  background-image: url("../img/scenes/landscape_elsass/layer-front-2-d.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-front-2-d.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-front-2-d.webp") type("image/webp"));
}
#livingroom.is-near .bg-window {
  background-image: url("../img/scenes/livingroom/livingroom-window-d.webp");
  background-image: image-set(url("../img/scenes/livingroom/livingroom-window-d.avif") type("image/avif"), url("../img/scenes/livingroom/livingroom-window-d.webp") type("image/webp"));
}
#livingroom.is-near .room {
  background-image: url("../img/scenes/livingroom/livingroom-d.webp");
  background-image: image-set(url("../img/scenes/livingroom/livingroom-d.avif") type("image/avif"), url("../img/scenes/livingroom/livingroom-d.webp") type("image/webp"));
}
#livingroom.is-near .room-shadow {
  background-image: url("../img/scenes/livingroom/livingroom-shadow-d.webp");
  background-image: image-set(url("../img/scenes/livingroom/livingroom-shadow-d.avif") type("image/avif"), url("../img/scenes/livingroom/livingroom-shadow-d.webp") type("image/webp"));
}
#livingroom.is-near .lampe {
  background-image: url("../img/scenes/livingroom/lampe-d.webp");
  background-image: image-set(url("../img/scenes/livingroom/lampe-d.avif") type("image/avif"), url("../img/scenes/livingroom/lampe-d.webp") type("image/webp"));
}
#livingroom.is-near .tv-night {
  background-image: url("../img/scenes/livingroom/tv-xl.webp");
  background-image: image-set(url("../img/scenes/livingroom/tv-xl.avif") type("image/avif"), url("../img/scenes/livingroom/tv-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__sunrise {
  background-image: url("../img/scenes/city_balcon/C1_sunrise-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C1_sunrise-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C1_sunrise-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city05 {
  background-image: url("../img/scenes/city_balcon/C2_city_05-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C2_city_05-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C2_city_05-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city04 {
  background-image: url("../img/scenes/city_balcon/C3_city_04-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C3_city_04-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C3_city_04-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city03 {
  background-image: url("../img/scenes/city_balcon/C4_city_03-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C4_city_03-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C4_city_03-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city02 {
  background-image: url("../img/scenes/city_balcon/C5_city_02-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C5_city_02-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C5_city_02-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city01 {
  background-image: url("../img/scenes/city_balcon/C6_city_01-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C6_city_01-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C6_city_01-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__sunlight {
  background-image: url("../img/scenes/city_balcon/C11_sunlight-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C11_sunlight-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C11_sunlight-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__road_back {
  background-image: url("../img/scenes/city_balcon/C7_road_back-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C7_road_back-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C7_road_back-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__traffic_light {
  background-image: url("../img/scenes/city_balcon/C8_traffic_light-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C8_traffic_light-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C8_traffic_light-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__road_front {
  background-image: url("../img/scenes/city_balcon/C9_road_front-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C9_road_front-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C9_road_front-d.webp") type("image/webp"));
}
#contact.is-near .layers .layers__balcon_coffee {
  background-image: url("../img/scenes/city_balcon/C10_balcon_coffee-d.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C10_balcon_coffee-d.avif") type("image/avif"), url("../img/scenes/city_balcon/C10_balcon_coffee-d.webp") type("image/webp"));
}
}

/* --- Très grands écrans (≥ 2200 px) --- */
@media (min-width: 2200px) {
#elsass.is-near .layers .layer.layers__base {
  background-image: url("../img/scenes/landscape_elsass/layer-base-xl.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-base-xl.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-base-xl.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__mountain3 {
  background-image: url("../img/scenes/landscape_elsass/montagnes_03-xl.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/montagnes_03-xl.avif") type("image/avif"), url("../img/scenes/landscape_elsass/montagnes_03-xl.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__mountain2 {
  background-image: url("../img/scenes/landscape_elsass/montagnes_02-xl.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/montagnes_02-xl.avif") type("image/avif"), url("../img/scenes/landscape_elsass/montagnes_02-xl.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__mountain1 {
  background-image: url("../img/scenes/landscape_elsass/montagnes_01-xl.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/montagnes_01-xl.avif") type("image/avif"), url("../img/scenes/landscape_elsass/montagnes_01-xl.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__middle {
  background-image: url("../img/scenes/landscape_elsass/layer-middle-xl.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-middle-xl.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-middle-xl.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__front2 {
  background-image: url("../img/scenes/landscape_elsass/layer-front-xl.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-front-xl.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-front-xl.webp") type("image/webp"));
}
#elsass.is-near .layers .layer.layers__front1 {
  background-image: url("../img/scenes/landscape_elsass/layer-front-2-xl.webp");
  background-image: image-set(url("../img/scenes/landscape_elsass/layer-front-2-xl.avif") type("image/avif"), url("../img/scenes/landscape_elsass/layer-front-2-xl.webp") type("image/webp"));
}
#livingroom.is-near .bg-window {
  background-image: url("../img/scenes/livingroom/livingroom-window-xl.webp");
  background-image: image-set(url("../img/scenes/livingroom/livingroom-window-xl.avif") type("image/avif"), url("../img/scenes/livingroom/livingroom-window-xl.webp") type("image/webp"));
}
#livingroom.is-near .room {
  background-image: url("../img/scenes/livingroom/livingroom-xl.webp");
  background-image: image-set(url("../img/scenes/livingroom/livingroom-xl.avif") type("image/avif"), url("../img/scenes/livingroom/livingroom-xl.webp") type("image/webp"));
}
#livingroom.is-near .room-shadow {
  background-image: url("../img/scenes/livingroom/livingroom-shadow-xl.webp");
  background-image: image-set(url("../img/scenes/livingroom/livingroom-shadow-xl.avif") type("image/avif"), url("../img/scenes/livingroom/livingroom-shadow-xl.webp") type("image/webp"));
}
#livingroom.is-near .lampe {
  background-image: url("../img/scenes/livingroom/lampe-xl.webp");
  background-image: image-set(url("../img/scenes/livingroom/lampe-xl.avif") type("image/avif"), url("../img/scenes/livingroom/lampe-xl.webp") type("image/webp"));
}
#livingroom.is-near .tv-night {
  background-image: url("../img/scenes/livingroom/tv-xl.webp");
  background-image: image-set(url("../img/scenes/livingroom/tv-xl.avif") type("image/avif"), url("../img/scenes/livingroom/tv-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__sunrise {
  background-image: url("../img/scenes/city_balcon/C1_sunrise-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C1_sunrise-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C1_sunrise-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city05 {
  background-image: url("../img/scenes/city_balcon/C2_city_05-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C2_city_05-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C2_city_05-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city04 {
  background-image: url("../img/scenes/city_balcon/C3_city_04-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C3_city_04-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C3_city_04-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city03 {
  background-image: url("../img/scenes/city_balcon/C4_city_03-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C4_city_03-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C4_city_03-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city02 {
  background-image: url("../img/scenes/city_balcon/C5_city_02-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C5_city_02-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C5_city_02-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__city01 {
  background-image: url("../img/scenes/city_balcon/C6_city_01-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C6_city_01-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C6_city_01-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__sunlight {
  background-image: url("../img/scenes/city_balcon/C11_sunlight-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C11_sunlight-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C11_sunlight-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__road_back {
  background-image: url("../img/scenes/city_balcon/C7_road_back-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C7_road_back-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C7_road_back-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__traffic_light {
  background-image: url("../img/scenes/city_balcon/C8_traffic_light-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C8_traffic_light-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C8_traffic_light-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__road_front {
  background-image: url("../img/scenes/city_balcon/C9_road_front-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C9_road_front-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C9_road_front-xl.webp") type("image/webp"));
}
#contact.is-near .layers .layers__balcon_coffee {
  background-image: url("../img/scenes/city_balcon/C10_balcon_coffee-xl.webp");
  background-image: image-set(url("../img/scenes/city_balcon/C10_balcon_coffee-xl.avif") type("image/avif"), url("../img/scenes/city_balcon/C10_balcon_coffee-xl.webp") type("image/webp"));
}
}