/* v10.2: visible travelling illumination; approved warm neutral colours only. */
html[data-light='clear'] .yura-atmosphere::before{
 inset:-45%;
 background:radial-gradient(ellipse 27% 45% at 28% 38%,rgba(114,81,109,.34) 0%,rgba(114,81,109,.16) 40%,transparent 76%),radial-gradient(ellipse 32% 38% at 68% 64%,#bdb6ba 0%,rgba(189,182,186,.85) 22%,rgba(189,182,186,0) 78%);
 animation:yura-light-travel 14s cubic-bezier(.45,0,.55,1) -4s infinite alternate;
}
html[data-light='clear'] .yura-atmosphere::after{
 inset:-40%;
 background:radial-gradient(ellipse 28% 60% at 48% 50%,#f4f1e9 0%,rgba(244,241,233,.98) 28%,rgba(244,241,233,.45) 52%,rgba(244,241,233,0) 76%);
 animation:yura-light-cross 18s cubic-bezier(.45,0,.55,1) -9s infinite alternate;
}
@keyframes yura-light-travel{
 from{transform:translate(-20vw,-10vh) rotate(-18deg) scale(1.04)}
 to{transform:translate(22vw,14vh) rotate(20deg) scale(1.08)}
}
@keyframes yura-light-cross{
 from{transform:translate(25vw,14vh) rotate(18deg)}
 to{transform:translate(-24vw,-16vh) rotate(-20deg)}
}
html[data-light='clear'][data-motion='quiet'] .yura-atmosphere::before,
html[data-light='clear'][data-motion='quiet'] .yura-atmosphere::after,
html[data-light='clear'][data-background='still'] .yura-atmosphere::before,
html[data-light='clear'][data-background='still'] .yura-atmosphere::after{animation:none;will-change:auto}
@media(prefers-reduced-motion:reduce){html[data-light='clear'] .yura-atmosphere::before,html[data-light='clear'] .yura-atmosphere::after{animation:none!important;will-change:auto}}