/* Native input, one transform per image, no scroll-linked opacity or hover
   transform transitions. Cinematic composition remains; input stays native. */
html:has(body.scroll-cinematic) { scroll-behavior: auto !important; }
body.scroll-cinematic .wf-scroll-enter { animation: none !important; }
body.city-cinematic .story-chapter h2,
body.city-cinematic .story-gallery-art .story-gallery-heading h2 {
  clip-path: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
@media (prefers-reduced-motion: no-preference) {
  html body.city-cinematic .city-story .story-chapter-primary.city-edit-photo img,
  html body.city-cinematic .city-story .story-chapter-primary.city-edit-photo:hover img,
  html body.city-cinematic .city-story .story-chapter-secondary img,
  html body.city-cinematic .city-story .story-chapter-secondary button:hover img,
  html body.city-cinematic .city-story .story-gallery-art .story-frame img,
  html body.city-cinematic .city-story .story-gallery-art .story-frame button:hover img {
    transform: translate3d(0,var(--art-y,0px),0) scale(1.065);
    transition: none;
    will-change: transform;
  }
  html body.city-cinematic .city-story .story-hero-image > img {
    transition: opacity .45s ease;
  }
  html body.home-cinematic .story img,
  html body.home-cinematic .story:hover img {
    transform: translate3d(0,var(--hc-story-y,0px),0) scale(1.065);
    transition: none;
    filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.scroll-cinematic .story img,
  html body.scroll-cinematic .story-chapter-primary img,
  html body.scroll-cinematic .story-chapter-secondary img,
  html body.scroll-cinematic .story-gallery-art .story-frame img {
    transform: none !important;
    transition: none !important;
  }
}
@media print {
  body.scroll-cinematic .home-guide-rail { height: auto !important; }
  body.scroll-cinematic .home-guide-sticky { position: static; overflow: visible; }
  body.scroll-cinematic .home-guide-track { transform: none !important; }
  body.scroll-cinematic .home-guide-grid { display: grid; width: auto; }
}