html { scroll-behavior: smooth; }

.hero-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity 1s ease-in-out;
}
.hero-slide.active{ opacity:1; }

.gallery-img{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:12px;
  cursor:pointer;
  transition:transform .3s;
}
.gallery-img:hover{ transform:scale(1.05); }