/* Hero slide background images */
#hero .slide-1 { background-image: url('/img/slide/slide-1.webp'); }
#hero .slide-2 { background-image: url('/img/slide/slide-2.webp'); }
#hero .slide-3 { background-image: url('/img/slide/slide-3.webp'); }

/* Ensure background covers and stays centered (redundant but safe) */
#hero .carousel-item { background-size: cover; background-position: center; }