/* Full-width first-slide composition with copy isolated from the product. */
.slide[data-slide="0"] .slide-image {
  object-fit: cover;
  object-position: 60% center;
}

@media (min-width: 761px) {
  .slide[data-slide="0"] .hero-copy {
    grid-column: 1 / span 5;
    max-width: 560px;
  }
}

@media (max-width: 760px) {
  .slide[data-slide="0"] .slide-image {
    object-fit: cover;
    object-position: 60% center;
    background: transparent;
  }
}