/* The existing artwork keeps its layout; only its shared parent follows input. */
.story-hero .hero-book-scene{perspective:none;transform-style:flat}
.story-hero .hero-artwork-perspective{position:absolute;inset:0;perspective:1800px;perspective-origin:50% 50%;pointer-events:none;overflow:visible}
.story-hero .hero-artwork{position:absolute;inset:0;transform-origin:50% 50%;transform-style:preserve-3d;overflow:visible;pointer-events:none;transition:none!important;animation:none!important}
.story-hero .hero-artwork>a{pointer-events:auto;touch-action:pan-y pinch-zoom}
.story-hero .hero-artwork.is-tracking{will-change:transform}
.story-hero .hero-book,.story-hero .floating-photo{animation:none!important;transition:none!important}
/* Static context makes the response to a pointer easy to read. */
.story-hero .hero-book-scene,.story-hero .hero-atmosphere,.story-hero h1,
.story-hero .hero-copy>p,.story-hero .hero-actions,.story-hero .red-rule,
.story-hero .studio-teaser,.story-hero .studio-teaser .teaser-icon,
.story-hero .scroll-mark:before{animation:none!important}
@media(prefers-reduced-motion:reduce){.story-hero .hero-artwork{transform:none!important;will-change:auto}}
html:not(.motion-on) .story-hero .hero-artwork{transform:none!important;will-change:auto}