/* Lightweight motion: transform/opacity only, no animation dependencies. */
@keyframes mystes-enter{from{opacity:.15;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes mystes-backdrop{from{opacity:0}to{opacity:1}}
@keyframes mystes-orbit{to{transform:rotate(332deg)}}
@media(prefers-reduced-motion:no-preference){
 .hero-content>*{animation:mystes-enter .65s cubic-bezier(.22,1,.36,1) backwards}
 .hero-content>:nth-child(2){animation-delay:60ms}.hero-content>:nth-child(3){animation-delay:120ms}
 .hero-content>:nth-child(4){animation-delay:180ms}.hero-content>:nth-child(5){animation-delay:240ms}.hero-content>:nth-child(6){animation-delay:300ms}
 dialog[open]{animation:mystes-enter .22s ease-out}
 dialog[open]::backdrop{animation:mystes-backdrop .22s ease-out}
 .world-tabs button,.nav-cta,.record-card,.categories button{transition:transform .2s ease-out,color .2s,border-color .2s,background-color .2s}
 .gallery b{transition:transform .25s ease-out}
 .button:active,.archive-page button:active{transform:translateY(1px)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .record-card:hover,.record-card:focus-visible{transform:translateY(-3px)}
 .gallery button:hover b{transform:rotate(90deg)}
 .nav-cta:hover{transform:translateY(-2px)}
 .book-art img{transition:transform .5s ease-out}
 .book-art:hover img{transform:rotateY(0) rotateZ(0)}
 .orbital.motion-in-view .o1{animation:mystes-orbit 24s linear 2}
 .orbital .o1{animation-play-state:paused}
 .orbital.motion-in-view .o1{animation-play-state:running}
}
@media(max-width:600px){dialog::backdrop{backdrop-filter:none}}