/* Two unequal groups with clear space between them. */
html body .volt-learning-backdrop--home .volt-learning-backdrop__art {
  background-image: url('/logistik-warehouse-scene.svg'), url('/logistik-loading-dock.svg');
  background-repeat: no-repeat;
  background-size: clamp(550px, 58vw, 1020px) auto, clamp(300px, 39vw, 690px) auto;
  background-position: right -84px top -45px, left -128px bottom -112px;
  opacity: 1;
  animation: logistik-scene-arrival 1.4s ease-out both;
}
.volt-learning-backdrop--home .volt-learning-backdrop__art > :is(svg, .volt-home-motif) {
  display: none !important;
}
@keyframes logistik-scene-arrival {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (max-width: 760px) {
  html body .volt-learning-backdrop--home .volt-learning-backdrop__art {
    background-size: 410px auto, 275px auto;
    background-position: right -170px top 20px, left -104px bottom -36px;
    opacity: .72;
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body .volt-learning-backdrop--home .volt-learning-backdrop__art { animation: none; }
}
