/* Reel layout belongs to its page; inactive frames are also hidden without JS. */
.index-site [data-art-reel] .art-reel-frame{opacity:0;visibility:hidden;transition:opacity 650ms ease,visibility 0s linear 650ms}
.index-site [data-art-reel] .art-reel-frame.is-active{opacity:1;visibility:visible;transition-delay:0s}
/* Readable throughout, even if the observer never fires. Individual translate
   preserves the small rotations already present on the illustrative cards. */
@media(prefers-reduced-motion:no-preference){
  .index-site [data-ui-reveal].is-ui-ready.is-ui-visible [data-ui-step]{animation:index-ui-arrive 420ms cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--ui-step-delay,0ms)}
}
@keyframes index-ui-arrive{from{opacity:.65;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){
  .index-site [data-art-reel] .art-reel-frame{transition:none}
  .index-site [data-ui-reveal] [data-ui-step]{animation:none!important;translate:none}
}