/* Kälte-Klar's 4.8 s arrival and 26–38 s drift, in the Volt palette.
   The complete scene remains attached to the scrolling page. */
.volt-learning-backdrop--home .volt-learning-backdrop__light {
  animation:volt-home-light-arrival 3.6s cubic-bezier(.22,1,.36,1) both;
}
.volt-learning-backdrop--home .volt-learning-backdrop__art {
  animation:volt-home-art-arrival 4.8s cubic-bezier(.22,.61,.36,1) .15s both;
}
.volt-learning-backdrop--home[data-home-motion-ready] .volt-learning-backdrop__art {
  background-image:none;
  animation:none;
}
.volt-home-art-defs { position:absolute; width:0; height:0; overflow:hidden; }
.volt-home-motif { position:absolute; aspect-ratio:1; pointer-events:none; transform-origin:center; }
.volt-home-reveal,.volt-home-drift,.volt-home-motif svg { display:block; width:100%; height:100%; }
.volt-home-motif svg { overflow:visible; }
.volt-home-drift {
  transform-origin:center;
  animation:volt-home-symbol-drift var(--volt-drift-duration,28s) ease-in-out infinite;
  animation-delay:var(--volt-drift-phase,0s);
  animation-play-state:paused;
}
.volt-home-motif:not(.is-revealed) .volt-home-reveal { opacity:0; transform:translateY(18px); }
.volt-home-motif.is-revealed .volt-home-reveal {
  animation:volt-home-symbol-arrival 4.8s cubic-bezier(.22,.61,.36,1) var(--volt-reveal-delay,.15s) both;
  animation-play-state:paused;
}
.volt-home-motif.is-drifting :is(.volt-home-reveal,.volt-home-drift) { animation-play-state:running; }
.volt-home-motif.is-settled .volt-home-reveal { animation:none; opacity:1; transform:none; }
@keyframes volt-home-light-arrival { from{opacity:.3} to{opacity:1} }
@keyframes volt-home-art-arrival { from{opacity:0} to{opacity:var(--volt-art-opacity)} }
@keyframes volt-home-symbol-arrival { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
@keyframes volt-home-symbol-drift {
  0%,100% { transform:translate(-5px,7px) rotate(-1deg); }
  50% { transform:translate(7px,-7px) rotate(1deg); }
}
@media(prefers-reduced-motion:reduce){
  .volt-learning-backdrop--home .volt-learning-backdrop__light,
  .volt-learning-backdrop--home .volt-learning-backdrop__art { animation:none; }
  .volt-home-motif :is(.volt-home-reveal,.volt-home-drift),
  .volt-home-motif:not(.is-revealed) .volt-home-reveal,
  .volt-home-motif.is-revealed .volt-home-reveal { animation:none;transform:none;opacity:1; }
}