/* Shiny border + light sweep for the "Enter the studio" button.
   Original effect rebuilt for the SS palette (gold on deep red). */
.cta { position: relative; overflow: hidden; isolation: isolate; }
.cta .cta-ring {
  position: absolute; inset: 0; border-radius: inherit; padding: 1.5px;
  background: conic-gradient(from var(--cta-a, 0deg),
    rgba(245,204,52,0) 0turn, var(--gold) .07turn, rgba(245,204,52,0) .22turn,
    rgba(245,204,52,0) .5turn, var(--gold-soft) .62turn, rgba(245,204,52,0) .78turn);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: ctaRingSpin 3.4s linear infinite;
  pointer-events: none;
}
.cta .cta-shine {
  position: absolute; top: -20%; bottom: -20%; width: 45%; left: -60%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255,246,227,.45), transparent);
  animation: ctaShine 3.4s cubic-bezier(.4, 0, .2, 1) infinite;
  pointer-events: none;
}
@keyframes ctaRingSpin { to { --cta-a: 360deg; } }
@keyframes ctaShine { 0%, 55% { left: -60%; } 85%, 100% { left: 135%; } }
.cta:hover .cta-ring, .cta:focus-visible .cta-ring { animation-duration: 1.5s; }
.cta:hover .cta-shine, .cta:focus-visible .cta-shine { animation-duration: 1.5s; }
.cta.no-shine .cta-ring, .cta.no-shine .cta-shine { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .cta .cta-ring, .cta .cta-shine { animation: none; }
}