/* DJ Chhotu Sound - Hero Slider: full image, no mobile crop */
.photo-hero-slideshow{
  position:relative;
  width:100%;
  aspect-ratio:1672 / 941;
  min-height:0;
  overflow:hidden;
  background:#05070d;
}
.photo-hero-slideshow .hero-slide-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:#05070d;
  opacity:0;
  transform:none;
  transition:opacity .55s ease;
}
.photo-hero-slideshow .hero-slide-image.is-active{opacity:1}
.photo-hero-slide-meta{display:none!important}
.photo-hero-arrow{
  position:absolute;
  top:50%;
  z-index:8;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:50%;
  background:rgba(0,0,0,.48);
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
}
.photo-hero-arrow:hover{background:rgba(0,0,0,.75)}
.photo-hero-prev{left:14px}.photo-hero-next{right:14px}
.photo-hero-dots{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:8;
  display:flex;
  gap:7px;
  align-items:center;
}
.photo-hero-dots button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  cursor:pointer;
}
.photo-hero-dots button.is-active{width:25px;border-radius:99px;background:#fff}

/* Keep homepage CTA buttons over the image */
.photo-hero-frame{position:relative;overflow:hidden}
.photo-hero-actions{z-index:10}

@media(max-width:700px){
  .photo-hero-slideshow{aspect-ratio:1672 / 941}
  .photo-hero-arrow{width:36px;height:36px;font-size:25px}
  .photo-hero-prev{left:8px}.photo-hero-next{right:8px}
  .photo-hero-dots{right:10px;bottom:12px;gap:6px}
  .photo-hero-dots button{width:8px;height:8px}
  .photo-hero-dots button.is-active{width:22px}
}