/* Single-event sample. Local CSS masks only; original artwork remains intact. */
.storybook .story-art{display:flex;align-items:center;justify-content:center;transform:translate3d(0,var(--story-drift,0px),0);}
.storybook .story-art img{position:static;inset:auto;width:100%;height:auto;max-height:100%;object-fit:contain;filter:none;
-webkit-mask-image:radial-gradient(ellipse at 48% 49%,#000 42%,rgba(0,0,0,.96) 56%,rgba(0,0,0,.62) 72%,rgba(0,0,0,.18) 88%,transparent 100%);
mask-image:radial-gradient(ellipse at 48% 49%,#000 42%,rgba(0,0,0,.96) 56%,rgba(0,0,0,.62) 72%,rgba(0,0,0,.18) 88%,transparent 100%);
-webkit-mask-composite:source-over;mask-composite:add;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.storybook .story-detail img{width:84%;height:auto;}
/* Progressive enhancement: absent JS leaves everything fully visible. */
@media(prefers-reduced-motion:no-preference){
.storybook .story-copy.story-enter{animation:story-copy-enter .7s ease-out backwards;}
.storybook .story-art.story-enter img{animation:story-image-enter .95s .12s ease-out backwards;}
@keyframes story-copy-enter{from{opacity:.35;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes story-image-enter{from{opacity:.35;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
}
@media(max-width:640px){.storybook .story-art{transform:none!important;}}
@media(prefers-reduced-motion:reduce){.storybook .story-art{transform:none!important;}.storybook .story-art img{transition:none!important;}}