/* Two broad multi-lobed cloud planes, not individual opaque oval particles.
   Placement follows the original dust band; compositor-only drift, no image warp. */
#story :is(.dust478,.d461-picture:has(.d461-dust,.d476-dust)){pointer-events:none;overflow:hidden;--cloud-top:45%;--cloud-height:55%}
#story :is(.dust478,.d461-picture:has(.d461-dust,.d476-dust))::before,#story :is(.dust478,.d461-picture:has(.d461-dust,.d476-dust))::after{content:"";position:absolute;display:block;left:-16%;top:var(--cloud-top);width:125%;height:var(--cloud-height);border:0;border-radius:0;box-shadow:none;clip-path:none;background:radial-gradient(ellipse 25% 60% at 15% 65%,#dcb17cf2 0% 39%,#d8ac77d9 51%,#d8ac7770 62%,transparent 70%),radial-gradient(ellipse 24% 57% at 38% 44%,#e1ba86ed 0% 38%,#d4a771d4 50%,#d4a77166 61%,transparent 69%),radial-gradient(ellipse 28% 66% at 57% 72%,#d4aa76ed 0% 35%,#dbb27dd6 47%,#dbb27d66 57%,transparent 65%),radial-gradient(ellipse 23% 53% at 76% 40%,#e6c08ce0 0% 34%,#ddaf78cc 46%,#ddaf7866 57%,transparent 65%),radial-gradient(ellipse 25% 61% at 94% 76%,#dfb77fe8 0% 37%,#d8ab77d1 49%,#d8ab7766 60%,transparent 68%);filter:blur(1.2px);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 91%,transparent);transform-origin:50% 70%;opacity:0;animation:dust478-cloud 7.6s ease-in-out -2.3s infinite;pointer-events:none}
#story :is(.dust478,.d461-picture:has(.d461-dust,.d476-dust))::after{left:-25%;top:calc(var(--cloud-top) + 3%);width:140%;height:calc(var(--cloud-height) * .9);animation-duration:10.2s;animation-delay:-6.2s;filter:blur(2px)}
/* Retire the small point/oval renderers instead of layering both versions. */
#story .dust478>i,#story .d461-picture .d461-dust,#story .d461-picture .d476-dust,#story .d461-picture .d476-dust-cloud{display:none!important}
@keyframes dust478-cloud{0%,100%{opacity:.78;transform:translate3d(-4%,3%,0) scale(1)}45%{opacity:1;transform:translate3d(5%,-5%,0) scale(1.05)}75%{opacity:.9;transform:translate3d(11%,0,0) scale(1.02)}}
#story .review261-paused::before,#story .review261-paused::after,#story .review258-paused::before,#story .review258-paused::after,#story .d461-picture:not([data-running="true"])::before,#story .d461-picture:not([data-running="true"])::after,.dust262-hidden #story .dust478::before,.dust262-hidden #story .dust478::after,.dust262-scrolling #story .dust478::before,.dust262-scrolling #story .dust478::after{animation-play-state:paused!important}
/* The existing R2 atlas has four complete 300x400 transparent cells. */
#story .honey-bee .honey-bee-sprite478{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:initial;background:url('/assets/nativity-es/bee-wing-sprite.webp') no-repeat 0 0;background-size:400% 100%;transform:scaleX(-1);animation:bee478-wingbeat .24s steps(1,end) infinite}
@keyframes bee478-wingbeat{0%,100%{background-position:0% 0}25%{background-position:33.333333% 0}50%{background-position:66.666667% 0}75%{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){#story :is(.dust478,.d461-picture:has(.d461-dust,.d476-dust))::before,#story :is(.dust478,.d461-picture:has(.d461-dust,.d476-dust))::after{display:none!important}#story .honey-bee .honey-bee-sprite478{animation:none!important}}
@media print{#story :is(.dust478,.d461-picture:has(.d461-dust,.d476-dust))::before,#story :is(.dust478,.d461-picture:has(.d461-dust,.d476-dust))::after{display:none!important}}

/* 482: 1.5x481 composited opacity; narrower cloud-edge feathering. */
#story :is(.dust478,.d461-picture:has(.d461-dust,.d476-dust)){opacity:.75}