/* Storm of Light - shared hero layer styles. v1 */
.ce-storm{overflow:hidden;width:100%}
.ce-storm__godray{position:absolute;top:-12%;width:120px;height:130%;transform-origin:top;background:linear-gradient(var(--ce-godray, rgba(255,215,0,.18)),transparent 70%);filter:blur(12px);mix-blend-mode:screen;z-index:2;animation:ce-sway 10s ease-in-out infinite alternate}
@keyframes ce-sway{from{translate:-12px 0}to{translate:14px 0}}
.ce-storm[data-ce-hero-mode="static"] canvas,.ce-storm[data-ce-hero-mode="static"] .ce-storm__godray{display:none}
/* lite + static share a CSS-only atmospheric background (page plans add the photo/poster) */
.ce-storm[data-ce-hero-mode="lite"],
.ce-storm[data-ce-hero-mode="static"]{
  background:
    radial-gradient(120% 90% at 50% 8%,rgba(123,47,190,.30),transparent 45%),
    radial-gradient(80% 60% at 50% 0%,rgba(255,20,147,.22),transparent 55%),
    linear-gradient(180deg,#0b0813 0%,#08070d 55%,#050409 100%);
}
@media (prefers-reduced-motion: reduce){
  .ce-storm__godray{animation:none}
}