.hero { width: 100%; background: #1c1c1c; max-height: none; }
.hero .slide { object-fit: contain; object-position: center; }
.slide-full > img { height: 100%; object-fit: contain; object-position: center; }
.hero .mobile-only { display: none; }
.hero.full-image .hero-shade { display: none; }
.hero.full-image .hero-copy { visibility: hidden; }
.hero.full-image .hero-controls { background: #1c1c1ce6; padding: 6px 14px; }
@media (max-width: 700px) {
  .hero { max-height: calc(100svh - 104px); }
  .hero .slide { object-fit: cover; object-position: 53% center; }
  .hero .slide-full { object-fit: contain; object-position: center; }
  .hero .mobile-only { display: block; }
}