.page { background:transparent; }
.art-container { z-index:1; background:#000; }
.motion-background { position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0; }
.motion-flake { position:absolute;top:-110px;left:var(--x);opacity:var(--opacity);animation:motion-fall var(--duration) var(--delay) linear infinite; }
.motion-sway { animation:motion-sway var(--sway) ease-in-out infinite alternate; }
.motion-flake img { display:block;height:var(--size);width:auto;animation:motion-spin var(--spin) linear infinite;animation-direction:var(--direction); }
@keyframes motion-fall { from{transform:translateY(0)}to{transform:translateY(calc(100vh + 240px))} }
@keyframes motion-sway { from{transform:translateX(-18px)}to{transform:translateX(18px)} }
@keyframes motion-spin { from{transform:rotate(0deg)}to{transform:rotate(360deg)} }
@media(max-width:999px){.motion-flake:nth-child(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.motion-background{display:none}}