/* The alpana ring that fills the empty band around the portrait disc. js/disc-fill.js builds the ornament SVG inside
   .stage, behind the halo. */

/* the ornament: centred on the disc, 2.7 discs wide, behind every word, never clickable, clipped to the screen width */
header{overflow-x:clip}
.alpana{position:absolute;left:50%;top:50%;width:calc(var(--ps)*2.7);height:calc(var(--ps)*2.7);translate:-50% -50%;
  pointer-events:none;overflow:visible;color:#ffd27a;fill:none;stroke:currentColor}
html[data-theme="light"] .alpana{color:#9c2f0a}

/* gold line art at texture strength, a turn every 120 s */
.alpana{opacity:.6;stroke-width:.75;
  /* gone before the ওঁ line: fades out from just under the disc to the bottom of the stage */
  -webkit-mask-image:linear-gradient(180deg,#000 calc(50% + var(--ps)*.48),transparent calc(50% + var(--ps)*.68));
          mask-image:linear-gradient(180deg,#000 calc(50% + var(--ps)*.48),transparent calc(50% + var(--ps)*.68))}
.alpana .thin{stroke-width:.5}
.alpana .dot{fill:currentColor;stroke:none}
.alpana .spin{animation:alpanaSpin 120s linear infinite}
html[data-theme="light"] .alpana{opacity:.55}
@keyframes alpanaSpin{to{rotate:360deg}}

/* reduced motion: the alpana holds still */
@media (prefers-reduced-motion:reduce){.alpana .spin{animation:none}}