/* Scoped to the making-story page. Retain shared navigation, replace its reveals. */
.ep-motion #main [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}

.ep-hero-copy,
.ep-hero-image img {
  animation: none;
}

/* Only the editorial return scene joins photography; object-detail SVGs stay still. */
.ep-return-image > svg.ep-return-scene {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  fill: none;
  stroke: none;
}

/* Prepare the small displacement before first paint. Copy always keeps its
   original brightness; entering the observer never dims already visible words. */
.mk-cinematic-ready #main :is(.ep-hero-copy, .ep-overview, .ep-chapter-copy, .ep-details-text, .ep-return-copy):not(.mk-copy-visible) > *,
.mk-cinematic-ready #main .ep-details > figure:not(.mk-copy-visible) {
  transform: translate3d(0, 8px, 0);
}

.mk-cinematic-ready #main :is(.ep-hero-copy, .ep-overview, .ep-chapter-copy, .ep-details-text, .ep-return-copy).mk-copy-visible > *,
.mk-cinematic-ready #main .ep-details > figure.mk-copy-visible {
  transform: none;
}

/* Photography always stays visible. A subtle focus change is prepared before
   first paint; complete-object SVGs keep their original presentation. */
.mk-cinematic-ready #main :is(.ep-hero-image, .ep-chapter-image, .ep-return-image):not(.mk-film-visible):not(.mk-film-fallback) > :is(img, svg.ep-return-scene) {
  opacity: 1;
  scale: 1.035;
  filter: brightness(.91) contrast(.97) blur(2px);
}

.mk-film-visible > :is(img, svg.ep-return-scene),
.mk-film-fallback > :is(img, svg.ep-return-scene) {
  opacity: 1;
  scale: 1;
  filter: none;
}

.mk-depth-frame {
  overflow: hidden;
}

.mk-depth-photo {
  transform: translate3d(0, var(--mk-photo-y, 0px), 0) scale(var(--mk-photo-scale, 1));
  transform-origin: 50% 50%;
  transition: none;
}

.mk-depth-photo.mk-depth-active {
  will-change: transform;
}

@media (max-width: 760px), (pointer: coarse) {
  .mk-cinematic-ready #main :is(.ep-hero-copy, .ep-overview, .ep-chapter-copy, .ep-details-text, .ep-return-copy):not(.mk-copy-visible) > *,
  .mk-cinematic-ready #main .ep-details > figure:not(.mk-copy-visible) {
    transform: translate3d(0, 5px, 0);
  }
  .mk-cinematic-ready #main :is(.ep-hero-image, .ep-chapter-image, .ep-return-image):not(.mk-film-visible):not(.mk-film-fallback) > :is(img, svg.ep-return-scene) {
    scale: 1.02;
    filter: brightness(.94) contrast(.98) blur(1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mk-cinematic-ready #main :is(.ep-hero-copy, .ep-overview, .ep-chapter-copy, .ep-details-text, .ep-return-copy) > *,
  .mk-cinematic-ready #main .ep-details > figure {
    transform: none !important;
  }
  .mk-cinematic-ready #main :is(.ep-hero-image, .ep-chapter-image, .ep-return-image) > :is(img, svg.ep-return-scene) {
    opacity: 1 !important;
    scale: 1 !important;
    filter: none !important;
  }
  .mk-depth-photo {
    transform: none;
    will-change: auto;
  }
}