.qiellor-scroll .celestial-copy h3{max-width:none;white-space:nowrap;font-size:clamp(17px,1.75vw,25px);letter-spacing:0}
.qiellor-scroll .celestial-art,.qiellor-scroll .intro-sigil{perspective:1100px}
.qiellor-scroll .celestial-art img,.qiellor-scroll .intro-sigil img{rotate:y 0deg;backface-visibility:visible;transform-origin:50% 50%;will-change:rotate}
.qiellor-scroll .celestial-art:is(:hover,:focus-visible) img{animation:sigil-drift 10s ease-in-out infinite,celestial-flip 4.8s cubic-bezier(.45,0,.25,1) 1 both}
.qiellor-scroll .intro-sigil:hover img{animation:sigil-drift 9s ease-in-out infinite,celestial-flip 4.8s cubic-bezier(.45,0,.25,1) 1 both}
@keyframes celestial-flip{from{rotate:y 0deg}to{rotate:y 360deg}}
@media(max-width:700px){.qiellor-scroll .celestial-copy h3{font-size:clamp(14px,4.4vw,23px)}}
@media(prefers-reduced-motion:reduce){.qiellor-scroll .celestial-art img,.qiellor-scroll .intro-sigil img{animation:none!important;will-change:auto}}
html[data-motion=off] .qiellor-scroll .celestial-art img,html[data-motion=off] .qiellor-scroll .intro-sigil img{rotate:y 0deg!important}
@media(prefers-reduced-motion:reduce){.qiellor-scroll .celestial-art img,.qiellor-scroll .intro-sigil img{rotate:y 0deg!important}}