/* Load after page CSS. All movement stays inside decorative art; copy/layout is stable.
   JS auto-discovers .cosmic-stage, .chitta-hero-art, .purpose-art, or an art-only
   [data-cinematic-scene]. Wrap the generated mark image in .invocation-logo.
   The original image remains the semantic and unsupported-mask fallback. */
.cinematic-scene{--cine-x:0px;--cine-y:0px;--cine-scroll:0px;position:relative;isolation:isolate}
.cinematic-sky{position:absolute;inset:-6%;z-index:0;pointer-events:none;overflow:hidden;contain:strict;border-radius:50%;mask-image:radial-gradient(ellipse at 50% 48%,#000 12%,#000c 55%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse at 50% 48%,#000 12%,#000c 55%,transparent 77%)}
.cinematic-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:.95;mix-blend-mode:screen}
.cinematic-aurora{position:absolute;inset:5%;border-radius:46% 54% 62% 38%;background:radial-gradient(ellipse at 30% 28%,#8f5ec84f,transparent 58%),radial-gradient(ellipse at 74% 68%,#c2825634,transparent 54%),radial-gradient(ellipse at 45% 55%,#9a78ca26,transparent 62%);opacity:.85;animation:cinematicAurora 28s ease-in-out infinite alternate;animation-play-state:paused;translate:calc(var(--cine-x)*-.25) calc(var(--cine-y)*-.25 + var(--cine-scroll)*-.2)}
.cinematic-aurora-two{inset:14% 2% 2% 14%;background:conic-gradient(from 70deg,transparent 8%,#9b6cdf20 22%,transparent 41%,#c59a7228 60%,transparent 75%);border-radius:50%;animation:cinematicAuroraTwo 43s linear infinite;animation-play-state:paused;opacity:.75}
.cinematic-scene[data-cinematic-active="true"] .cinematic-aurora{animation-play-state:running}
.cinematic-scene .hero-companion,.cinematic-scene .chitta-companion{z-index:2;translate:calc(var(--cine-x)*.75) calc(var(--cine-y)*.75 + var(--cine-scroll)*.32)}
.cinematic-scene .hero-companion{position:absolute}
.cinematic-scene .mandala,.cinematic-scene .chitta-mandala{translate:calc(var(--cine-x)*-.32) calc(var(--cine-y)*-.32 + var(--cine-scroll)*-.23)}
.cinematic-scene .orbit,.cinematic-scene .harmony-orbit{translate:calc(var(--cine-x)*-.52) calc(var(--cine-y)*-.52 + var(--cine-scroll)*-.36)}
.cinematic-scene .starfield,.cinematic-scene .stage-glow{translate:calc(var(--cine-x)*-.2) calc(var(--cine-y)*-.2 + var(--cine-scroll)*-.16)}
.cinematic-scene.purpose-art>.invocation-logo,.cinematic-scene.purpose-art>img{position:relative;z-index:2;translate:calc(var(--cine-x)*.45) calc(var(--cine-y)*.45 + var(--cine-scroll)*.2)}
.cinematic-scene .stage-label,.cinematic-scene .chitta-art-caption{z-index:4}
.cinematic-scene[data-cinematic-active="false"] .mandala,.cinematic-scene[data-cinematic-active="false"] .orbit,.cinematic-scene[data-cinematic-active="false"] .hero-companion,.cinematic-scene[data-cinematic-active="false"] .chitta-companion,.cinematic-scene[data-cinematic-active="false"] .chitta-mandala,.cinematic-scene[data-cinematic-active="false"] .harmony-orbit,.cinematic-scene[data-cinematic-active="false"] .harmony-point{animation-play-state:paused!important}
.invocation-logo{--invocation-mask:url('/assets/aavahanam-invocation.svg');display:inline-flex;position:relative;flex:none;vertical-align:middle;isolation:isolate}
.invocation-logo>img{width:100%;height:100%;object-fit:contain;display:block}
.invocation-logo-large{width:min(62%,230px);height:110px}
@supports ((mask-image:url('/assets/aavahanam-invocation.svg')) or (-webkit-mask-image:url('/assets/aavahanam-invocation.svg'))){
  .invocation-logo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,#f6efd9 3%,#d4bcff 20%,#9685df 39%,#efbd8b 58%,#faf3df 74%,#ba9bec 92%);background-size:280% 100%;mask-image:var(--invocation-mask);-webkit-mask-image:var(--invocation-mask);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;animation:cinematicLogo 14s ease-in-out infinite alternate;animation-play-state:paused}
  .invocation-logo[data-cinematic-active="true"]::before{animation-play-state:running}
}
@keyframes cinematicAurora{from{transform:rotate(-14deg) scale(.96);opacity:.65}to{transform:rotate(18deg) scale(1.08);opacity:1}}
@keyframes cinematicAuroraTwo{from{transform:rotate(0deg) scale(.95)}to{transform:rotate(360deg) scale(.95)}}
@keyframes cinematicLogo{from{background-position:0% 50%}to{background-position:100% 50%}}
:root[data-cinematic-mode="hidden"] .cinematic-scene *,:root[data-cinematic-mode="hidden"] .invocation-logo::before,:root[data-cinematic-mode="static"] .cinematic-aurora,:root[data-cinematic-mode="static"] .invocation-logo::before,.motion-paused .cinematic-aurora,.motion-paused .invocation-logo::before{animation-play-state:paused!important}
:root[data-cinematic-mode="static"] .cinematic-scene{--cine-x:0px!important;--cine-y:0px!important;--cine-scroll:0px!important}
@media(max-width:620px),(pointer:coarse){.cinematic-sky{inset:-2%}.cinematic-canvas{opacity:.78}.cinematic-aurora{opacity:.65}.invocation-logo-large{height:90px}}
@media(prefers-reduced-motion:reduce){.cinematic-aurora,.invocation-logo::before{animation:none!important}.cinematic-scene{--cine-x:0px!important;--cine-y:0px!important;--cine-scroll:0px!important}}
@media print{.cinematic-sky,.invocation-logo::before{display:none!important}}