/* THE OUROBOROS SESSIONS (site/albums/the-ouroboros-sessions.json): the ring.
   A gold circle behind the title that turns once a minute and never quite
   closes: the gap is where the mouth meets the tail. Drawn with a conic
   gradient cut to a ring by a mask; it sits behind the hero's words and takes
   no clicks. Still under reduced motion. */
.al-the-ouroboros-sessions .al-hero { isolation: isolate; }
.al-the-ouroboros-sessions .al-hero::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  width: min(118vw, 860px); aspect-ratio: 1; left: 50%; top: 50%;
  translate: -50% -50%; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0 4%, rgba(232,197,106,.05) 8%, rgba(232,197,106,.55) 72%,
    rgba(79,214,255,.75) 96%, transparent 97%);
  -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
          mask: radial-gradient(closest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  animation: ouro-turn 60s linear infinite;
}
@keyframes ouro-turn { to { rotate: 360deg; } }
.al-the-ouroboros-sessions .al-cover { border-color: rgba(232,197,106,.45);
  box-shadow: 0 24px 70px rgba(0,0,0,.7), 0 0 60px rgba(79,214,255,.12); }
.al-the-ouroboros-sessions .al-hero h1 { letter-spacing: .01em; text-shadow: 0 0 34px rgba(79,214,255,.25); }
@media (prefers-reduced-motion: reduce) { .al-the-ouroboros-sessions .al-hero::before { animation: none; } }