/* Two technical illustrations, cropped at opposite edges of the fixed canvas. */
html body .volt-learning-backdrop--home .volt-learning-backdrop__art,
html body.kk-app-viewport .volt-calm-background > .volt-calm-background__art {
  --med-scene-opacity: .9;
  position: absolute;
  inset: 0;
  background: url('/med-scene-stethoscope.svg') right -160px top -116px / clamp(620px, 69vw, 1100px) auto no-repeat,
    url('/med-scene-cuff.svg') left -126px bottom -100px / clamp(500px, 60vw, 975px) auto no-repeat;
  opacity: var(--med-scene-opacity);
  transform: none;
  mask-image: none;
  animation: med-instruments-arrive 3.6s ease-out .15s both;
}
html body.kk-app-viewport .volt-calm-background > .volt-calm-background__art {
  --med-scene-opacity: .56;
  background-size: clamp(510px, 51vw, 860px) auto, clamp(380px, 38vw, 650px) auto;
}
.volt-learning-backdrop--home .volt-learning-backdrop__art > :is(svg, .volt-home-motif) {
  display: none !important;
}
@keyframes med-instruments-arrive { from { opacity: 0; } }
@media (max-width: 760px) {
  html body .volt-learning-backdrop--home .volt-learning-backdrop__art,
  html body.kk-app-viewport .volt-calm-background > .volt-calm-background__art {
    --med-scene-opacity: .65;
    background-size: 490px auto, 450px auto;
    background-position: right -156px top -67px, left -112px bottom -48px;
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body .volt-learning-backdrop--home .volt-learning-backdrop__art,
  html body.kk-app-viewport .volt-calm-background > .volt-calm-background__art { animation: none; }
}