/* RS-SH25 — Home spotlight full-frame artwork.
   Let the active image own the full card while the caption remains readable
   as a bottom overlay in both Light and Dark modes. */

body.public-shell.page-public-home #main-content .sh-spotlight__slide {
  grid-template-rows: minmax(0, 1fr);
}

body.public-shell.page-public-home #main-content .sh-spotlight__slide .sh-hero__image-wrap {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  background: #0a2c23;
}

body.public-shell.page-public-home #main-content .sh-spotlight__slide .sh-hero__image-wrap img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  object-fit: cover;
  object-position: 78% center;
  transform: none !important;
  filter: drop-shadow(0 18px 30px rgba(3, 24, 17, .18));
}

body.public-shell.page-public-home #main-content .sh-spotlight__slide .sh-hero__caption {
  position: relative;
  z-index: 5;
  grid-area: 1 / 1;
  align-self: end;
  padding: 5rem 1.2rem 1.15rem;
  background: linear-gradient(180deg, transparent 0%, rgba(5, 29, 21, .76) 42%, rgba(5, 29, 21, .96) 100%) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.public-shell.page-public-home #main-content .sh-spotlight__slide .sh-hero__caption,
body.public-shell.page-public-home.theme-dark #main-content .sh-spotlight__slide .sh-hero__caption {
  background: linear-gradient(180deg, transparent 0%, rgba(3, 18, 13, .78) 42%, rgba(3, 18, 13, .97) 100%) !important;
}

@media (max-width: 479.98px) {
  body.public-shell.page-public-home #main-content .sh-spotlight__slide .sh-hero__caption {
    padding: 4.5rem 1rem 1rem;
  }
}