/* EBOX hero artwork v4: four matching-size local WebP scenes, one request per visit. */
.hero-photo-bridge,
.hero-photo-heritage,
.hero-photo-industrial,
.hero-photo-komtar {
  display: none !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  clip-path: none !important;
  z-index: -3 !important;
  overflow: hidden !important;
  opacity: 0;
  border-radius: 0 !important;
  transition: opacity .72s ease;
}
.hero-scene-bridge .hero-photo-bridge,
.hero-scene-heritage .hero-photo-heritage,
.hero-scene-industrial .hero-photo-industrial,
.hero-scene-komtar .hero-photo-komtar {
  display: block !important;
}
.hero-photo.is-loaded { opacity: 1; }
.hero-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  filter: saturate(.86) brightness(1.03);
  transform: scale(1.015);
  animation: eboxHeroReveal 1.1s cubic-bezier(.2,.75,.25,1) both;
}
.hero-photo-bridge img { object-position: center 52% !important; }
.hero-photo-heritage img { object-position: center 44% !important; }
.hero-photo-industrial img { object-position: center 52% !important; }
.hero-photo-komtar img { object-position: center 52% !important; }
.hero-scene-bridge .hero-wash,
.hero-scene-heritage .hero-wash,
.hero-scene-industrial .hero-wash,
.hero-scene-komtar .hero-wash {
  background: linear-gradient(90deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.94) 27%,rgba(247,252,255,.78) 45%,rgba(247,252,255,.27) 66%,rgba(9,43,86,.04) 100%),linear-gradient(0deg,rgba(223,244,255,.28),transparent 45%) !important;
}
@keyframes eboxHeroReveal { from { opacity: .55; transform: scale(1.035); } to { opacity: 1; transform: scale(1.015); } }
@media(max-width:820px) {
  .hero-photo-bridge img,.hero-photo-heritage img,.hero-photo-industrial img,.hero-photo-komtar img { object-position: center 50% !important; }
  .hero-scene-bridge .hero-wash,.hero-scene-heritage .hero-wash,.hero-scene-industrial .hero-wash,.hero-scene-komtar .hero-wash {
    background: linear-gradient(180deg,rgba(250,253,255,.99) 0%,rgba(250,253,255,.96) 38%,rgba(247,252,255,.80) 57%,rgba(247,252,255,.26) 100%) !important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .hero-photo-bridge,.hero-photo-heritage,.hero-photo-industrial,.hero-photo-komtar { transition: none !important; }
  .hero-photo img { animation: none !important; transform: none !important; }
}



/* Mobile hero: keep a unified full-width panorama in the lower photo band so the copy stays legible. */
@media(max-width:560px){
 .hero-photo-bridge,.hero-photo-heritage,.hero-photo-industrial,.hero-photo-komtar{
  inset:auto 0 0 !important;top:auto !important;right:0 !important;bottom:0 !important;left:0 !important;
  width:100% !important;height:190px !important;max-width:100% !important;clip-path:none !important;
 }
 .hero-photo-bridge img,.hero-photo-heritage img,.hero-photo-industrial img,.hero-photo-komtar img{object-position:center 50% !important;}
 .hero-scene-komtar .hero-photo-komtar img{object-position:54% 50% !important;}
 .hero-scene-bridge .hero-photo-bridge img{object-position:60% 50% !important;}
 .hero-scene-heritage .hero-photo-heritage img{object-position:72% 50% !important;}
 .hero-scene-industrial .hero-photo-industrial img{object-position:center 52% !important;}
 .hero-scene-bridge .hero-wash,.hero-scene-heritage .hero-wash,.hero-scene-industrial .hero-wash,.hero-scene-komtar .hero-wash{
  background:linear-gradient(180deg,#fafdff 0%,#fafdff 44%,rgba(250,253,255,.92) 56%,rgba(247,252,255,.24) 100%) !important;
 }
}