/* Existing illustrations remain the fallback; only their image layers move. */
.living-scene, [data-living-scene] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
[data-living-scene] > .living-scene__image {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  visibility: hidden;
}
.living-scene[data-scene-ready="true"] {
  background-image: none;
}
.living-scene[data-scene-ready="true"] > .living-scene__image {
  visibility: visible;
  animation: living-image-drift 32s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.living-scene[data-scene-running="true"] > .living-scene__image {
  animation-play-state: running;
}
.living-scene[data-scene-ready="true"]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
#mission.living-scene::after {
  background: linear-gradient(180deg,rgba(5,17,33,.66),rgba(5,17,33,.16) 43%,rgba(5,17,24,.92) 80%);
}
.parthenon-scene.living-scene::after {
  background: linear-gradient(0deg,#101d2c,transparent 42%);
}
.parthenon-scene[data-scene-ready="true"] > .living-scene__image {
  object-position: center 48%;
  animation-direction: alternate-reverse;
}
.heritage-caption { flex-wrap: wrap; align-items: center; }
.scene-motion-toggle {
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #cbb77e;
  border-radius: 24px;
  background: #101d2c;
  color: #ffe5a7;
  font: inherit;
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
}
.scene-motion-toggle[hidden] { display: none !important; }
.scene-motion-toggle:focus-visible { outline: 3px solid #ead5a5; outline-offset: 3px; }
.parthenon-motion-control { margin: 12px 25px 0; }
@keyframes living-image-drift {
  from { transform: scale(1.025) translate(-.25%, .15%); }
  to { transform: scale(1.045) translate(.25%, -.15%); }
}
@media (max-width: 640px) {
  #mission > .living-scene__image { object-position: 58% center; }
}
@media (prefers-reduced-motion: reduce) {
  .living-scene > .living-scene__image { animation: none !important; transform: none; }
  .scene-motion-toggle { display: none !important; }
}