/* Scoped embed styles. No page reset, controls or visible text. */
.ki-scene {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: var(--ki-scene-height, clamp(500px, 56vw, 680px));
  overflow: hidden;
  background: #070809;
  touch-action: pan-y pinch-zoom;
  -webkit-tap-highlight-color: transparent;
  contain: layout paint;
}
.ki-scene__table, .ki-scene__canvas, .ki-scene__vignette { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ki-scene__table { background-size: cover; background-position: center 63%; opacity: 0; transition: opacity .7s ease; }
.ki-scene__canvas { opacity: 0; transition: opacity .3s ease; }
.ki-scene--visible .ki-scene__table { opacity: .76; }
.ki-scene--visible .ki-scene__canvas { opacity: 1; }
.ki-scene__vignette { background: linear-gradient(180deg,#070809 0%,transparent 19%,transparent 80%,#070809 100%),linear-gradient(90deg,rgba(7,8,9,.5),transparent 18%,transparent 82%,rgba(7,8,9,.5)); }
.ki-scene--pointing { cursor: pointer; }
/* Invisible keyboard hotspots: no visible playback controls. */
.ki-scene__target { position: absolute; z-index: 2; padding: 0; border: 0; border-radius: 50%; background: transparent; pointer-events: none; min-width: 44px; min-height: 44px; opacity: 0; }
.ki-scene__target:focus-visible { opacity: 1; outline: 1px solid #e6cd92; outline-offset: 7px; box-shadow: 0 0 30px #e6cd921c; }
.ki-scene__loading[hidden] { display: none; }
.ki-scene__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 619px) { .ki-scene { height: var(--ki-scene-height, clamp(460px, 138vw, 580px)); } }
@media (prefers-reduced-motion: reduce) { .ki-scene__table,.ki-scene__canvas { transition-duration: .35s; transition-delay: 0s; } }
/* The site forces full playback for this user-requested scene. Its generic
   reduced-motion reset must not make the initial photographic reveal abrupt. */
.ki-scene[data-motion="full"] .ki-scene__table { transition: opacity .7s ease !important; }
.ki-scene[data-motion="full"] .ki-scene__canvas { transition: opacity .3s ease !important; }

/* Replace the story photo without the old image mask or reveal transform. */
.story__image.story__animation { min-width: 0; min-height: 0; display: grid; background: #070809; }
.story__image.story__animation::after { content: none; }
.story__animation .ki-scene { min-width: 0; align-self: stretch; }
@media (min-width: 768px) {
  .story__animation .ki-scene { height: 100%; min-height: 640px; }
}