.growth-story__tile-preview.has-dashboard {
  display: grid;
  place-items: center;
  background: #f7fafc;
}

.growth-story__tile-preview.has-dashboard > :not(img) {
  display: none;
}

.growth-story__tile-preview.has-dashboard img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #f7fafc;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal;
}

/* Keep active dashboard cards fully clear while preserving their movement. */
.growth-story__scene-tiles[data-scene="1"]
  .growth-story__icon-tile[style*="visibility: inherit"] {
  opacity: 1 !important;
  filter: none !important;
}

.growth-story__scene-tiles[data-scene="1"]
  .growth-story__tile-preview.has-dashboard {
  opacity: 1 !important;
  filter: none !important;
}

/* Remove the introductory heading only while dashboard cards are on screen. */
.growth-story:has(
    .growth-story__scene-tiles[data-scene="1"]
      .growth-story__icon-tile[style*="visibility: inherit"]
  )
  .growth-story__content-stage
  .growth-story__panel:first-child {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Give every shrink and convergence a slower, more deliberate scroll distance. */
html body.home #root .growth-story.is-enhanced {
  height: 1250svh !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  html body.home #root .growth-story.is-enhanced {
    height: 1120svh !important;
  }
}

@media (max-width: 767px) {
  html body.home #root .growth-story.is-enhanced {
    height: 1050svh !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home #root .growth-story.is-enhanced {
    height: auto !important;
  }
}