/* Load after refinement.css. These overrides affect only the story scene. */
html { scroll-padding-top: calc(var(--felt-sticky-stack-height, 144px) + 24px); }
.scene-story.has-scene-scroll .chapter-stage {
  position: sticky;
  top: var(--scene-sticky-top);
  align-self: start;
  z-index: 1;
  padding-bottom: 0;
}
.scene-story.has-scene-scroll .chapter-window {
  height: var(--scene-window-height);
  min-height: 0;
  max-height: none;
  isolation: isolate;
  overflow: hidden;
}
.scene-story.has-scene-scroll .chapter-window img {
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  transition: none;
  will-change: transform;
}
.scene-story.has-scene-scroll .scene-chapters {
  padding-bottom: var(--scene-end-reserve, 0px);
}
.scene-story.has-scene-scroll .scene-chapter {
  min-height: var(--scene-chapter-height);
  opacity: .58;
  transition: opacity 180ms ease;
  scroll-margin-top: calc(var(--felt-sticky-stack-height, 144px) + 30px);
}
.scene-story.has-scene-scroll .scene-chapter.is-active { opacity: 1; }
.scene-story.has-scene-scroll .chapter-view-toggle { min-height: 40px; }
/* Compact screens use a complete scene in normal flow. Text cannot disappear
   under a sticky illustration, even with the color picker expanded. */
.scene-story.has-scene-scroll.scene-is-stacked .scene-story-layout {
  display: block;
}
.scene-story.has-scene-scroll.scene-is-stacked .chapter-stage {
  position: relative;
  top: auto;
  z-index: auto;
  width: 100%;
  padding: 0;
  margin-bottom: 40px;
}
.scene-story.has-scene-scroll.scene-is-stacked .chapter-window {
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 2 / 1;
}
.scene-story.has-scene-scroll.scene-is-stacked .scene-chapters { padding-top: 0; padding-bottom: 0; }
.scene-story.has-scene-scroll.scene-is-stacked .scene-chapter {
  min-height: 0;
  padding: 34px 0 40px;
  opacity: 1;
}
.scene-story.has-scene-scroll.scene-is-stacked .scene-chapter:first-child { padding-top: 0; }
.scene-story.has-scene-scroll.scene-is-stacked .scene-chapter:last-child { padding-bottom: 0; }
.scene-story.has-scene-scroll.scene-is-stacked .scene-chapter > p:not(.eyebrow) { max-width: 520px; }
.scene-story.has-scene-scroll.scene-reduced-motion .chapter-window img { will-change: auto; }
@media (prefers-reduced-motion: reduce) {
  .scene-story.has-scene-scroll .scene-chapter { transition: none; opacity: 1; }
}