/* The HANDEL scene arrives with the same timing as Volt-Klar. */
.volt-learning-backdrop--home .volt-learning-backdrop__light {
  animation:handel-home-light-arrival 3.6s cubic-bezier(.22,1,.36,1) both;
}
.volt-learning-backdrop--home .volt-learning-backdrop__art {
  background-image:url('/handel-background-calm.svg');
  background-size:1600px 1000px;
  background-repeat:repeat-y;
  animation:handel-home-art-arrival 4.8s cubic-bezier(.22,.61,.36,1) .15s both;
}
@keyframes handel-home-light-arrival { from {opacity:.3} to {opacity:1} }
@keyframes handel-home-art-arrival { from {opacity:0} to {opacity:1} }
@media (prefers-reduced-motion:reduce) {
  .volt-learning-backdrop--home .volt-learning-backdrop__light,
  .volt-learning-backdrop--home .volt-learning-backdrop__art { animation:none; }
}

.volt-learning-backdrop--home .volt-learning-backdrop__art{background:url(/handel-background-calm.svg) center/cover no-repeat!important;animation:handel-motifs-arrive 3.8s ease-out .25s both!important}@keyframes handel-motifs-arrive{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.volt-learning-backdrop--home .volt-learning-backdrop__art{animation:none!important}}

@media(max-width:760px){html body.kk-app-viewport .volt-calm-background>.volt-calm-background__art,.volt-learning-backdrop--home .volt-learning-backdrop__art{background-image:url(/handel-background-calm-mobile.svg)!important;background-size:cover!important;background-position:center top!important}}