.hero-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-slide.artwork-slide {
  background: #d9f2f7;
}
.artwork-slide .hero-photo {
  object-fit: contain;
}
.hero.show-artwork:after {
  background: none;
}
.hero.show-artwork .hero-content {
  visibility: hidden;
}
.hero.show-artwork .hero-caption {
  visibility: hidden;
}
.hero-bottom .slider-controls {
  background: #09283fb8;
  padding: 5px 12px;
  border-radius: 30px;
}
.about-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 8/9;
  object-fit: cover;
  border-radius: 4px;
}
.campus-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9/7;
  object-fit: cover;
  border-radius: 5px;
}
.component-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.leader-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/5;
  object-fit: cover;
}
@media (max-width: 760px) {
  .hero-bottom .slider-controls {
    gap: 3px;
    padding-inline: 7px;
  }
  .slide-dots button {
    width: 20px;
  }
  .hero-caption {
    display: none;
  }
  .hero-bottom {
    justify-content: center;
  }
}