/* On phones, lead with the first-slide copy and place the full product image below it. */
@media (max-width: 760px) {
  body:has(.slide[data-slide="0"].is-active) .hero {
    min-height: calc(66.25vw + 420px);
    height: max(100svh, calc(66.25vw + 420px));
  }

  .slide[data-slide="0"] .slide-image {
    inset: auto 0 0;
    height: 66.25vw;
    object-position: 60% center;
  }

  .slide[data-slide="0"] .slide-shade {
    top: 0;
    bottom: 66.25vw;
    background: linear-gradient(180deg, #26251f 0%, #1a1a17 100%);
  }

  .slide[data-slide="0"] .hero-grid {
    align-items: start;
    padding: 104px 20px calc(66.25vw + 58px);
  }
}