/* Keep contacts and occlusion intact: one solid scene moves in perspective. */
.story-scene{position:relative;perspective:1100px;transform-style:preserve-3d;--depth-x:0deg;--depth-y:0deg;--scroll-depth:0px;animation:none!important;pointer-events:auto;isolation:isolate}.story-svg{width:100%;height:100%;overflow:visible;display:block;transform:rotateX(var(--depth-x)) rotateY(var(--depth-y)) translateZ(var(--scroll-depth));transition:transform .55s cubic-bezier(.2,.7,.3,1);transform-origin:50% 70%;filter:none!important;backface-visibility:hidden}.world-stage>.story-scene{width:100%;aspect-ratio:800/440}.story-person,.story-head,.story-box,.story-flap,.story-ring,.story-plant,.story-hair{animation:none!important}.story-visible .story-svg{animation:scene-breathe 8s ease-in-out infinite}.scene-letter-world.story-visible .story-svg{animation:scene-breathe 8s ease-in-out infinite}.scene-ring-world.story-visible .story-svg{animation:scene-breathe 8s ease-in-out infinite}.story-scene:not(.story-visible) *{animation-play-state:paused!important}.story-visible{opacity:1}.door-art.story-scene{height:210px;margin-bottom:25px}.product-art.story-scene{height:220px}.page-art.story-scene{width:320px;height:200px}.illustrated-heading>.story-scene{width:240px;height:185px}.journal-illustration>.story-scene{width:100%;height:200px}.mission-art.story-scene{width:320px;height:210px;margin:0 auto 35px}.world-stage{transform:none}.world-handnote{animation:none}.story-scene:hover .story-svg{animation-play-state:running}.motion-paused .story-scene *,.motion-paused .world-handnote{animation:none!important;transform:none!important;transition:none!important}@keyframes solid-scene{0%,100%{transform:rotateX(4deg) rotateY(-9deg) translateY(3px) translateZ(0)}50%{transform:rotateX(-5deg) rotateY(9deg) translateY(-10px) translateZ(24px)}}@keyframes letter-depth{0%,100%{transform:rotateX(2deg) rotateY(-8deg) rotate(-1deg) translateY(0)}50%{transform:rotateX(-4deg) rotateY(10deg) rotate(1.5deg) translateY(-9px)}}@keyframes ring-depth{0%,100%{transform:rotateY(-10deg) rotateX(3deg) translateY(2px)}50%{transform:rotateY(10deg) rotateX(-4deg) translateY(-10px)}}
@media(max-width:640px){.door-art.story-scene{float:none;width:100%;height:190px;margin:0 0 18px}.illustrated-heading>.story-scene{width:145px;height:140px}.product-art.story-scene{height:180px}.mission-art.story-scene{width:240px;height:175px}.journal-illustration>.story-scene{height:130px}.page-art.story-scene{height:160px;width:260px}}
@media(prefers-reduced-motion:reduce){.story-scene *,.world-handnote{animation:none!important;transform:none!important;transition:none!important}}

@keyframes scene-breathe{0%,100%{translate:0 0}50%{translate:0 -4px}}