/* Lead with the café itself; the promotion editor keeps control of its photo and copy. */
.home-slider .home-slide {
  min-height: clamp(620px, 48vw, 780px);
}
.home-slider .home-slide--photo {
  --slide-paper: #1c3428;
  --slide-ink: #fffaf1;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: end;
  overflow: hidden;
}
.home-slide--photo .home-slide-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  padding: 0;
  background: none;
}
.home-slide--photo .home-slide-art::after {
  display: none;
}
.home-slide--photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(13, 25, 17, .82), rgba(13, 25, 17, .56) 32%, rgba(13, 25, 17, .12) 64%, transparent 86%);
}
.home-slide--photo .home-slide-copy {
  width: min(720px, 60%);
  padding: 56px 32px 64px clamp(28px, 6vw, 112px);
  justify-content: flex-end;
}
.home-slide--photo .home-slide-title {
  font-size: clamp(48px, 5.2vw, 78px);
  line-height: 1.06;
}
.home-slide--photo .home-slide-body {
  max-width: 420px;
}
@media (max-width: 720px) {
  .home-slider .home-slide {
    min-height: calc(75vw + 320px);
  }
  .home-slider .home-slide--photo {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    align-items: stretch;
  }
  .home-slide--photo .home-slide-art {
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    z-index: 0;
  }
  .home-slide--photo::after {
    display: none;
  }
  .home-slide--photo .home-slide-copy {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    padding: 28px 26px 34px;
    justify-content: center;
  }
  .home-slide--photo .home-slide-title {
    font-size: clamp(38px, 10vw, 55px);
    margin-bottom: 0;
  }
  .home-slide--photo .home-slide-body {
    display: none;
  }
  .home-slide--photo .home-slide-actions {
    margin-top: 23px;
  }
}