/* Spotlight: a soft spectrum glow that drifts and follows the cursor.
   Used by the home hero (.ah) and the media kit hero (.mk-hero).
   spotlight.js adds <div class="spot"><i></i></div> to any [data-spotlight]. */
html .spot{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
html .ah>.spot{position:absolute;z-index:0}
html .spot i{position:absolute;left:var(--sx,50%);top:var(--sy,42%);width:min(900px,120vw);height:600px;transform:translate(-50%,-50%);
  background:radial-gradient(40% 50% at 30% 50%,rgba(255,122,61,.34),transparent 70%),radial-gradient(40% 50% at 70% 45%,rgba(61,155,255,.34),transparent 70%),radial-gradient(35% 45% at 50% 60%,rgba(155,92,255,.28),transparent 70%);
  filter:blur(40px);opacity:var(--so,1);animation:spotdrift 14s ease-in-out infinite alternate;transition:left 1.2s cubic-bezier(.22,1,.36,1),top 1.2s cubic-bezier(.22,1,.36,1)}
html .ah[data-spotlight]{--so:.85}
html .ah.has-spot::before{opacity:0}
html[data-theme="dark"] .spot i{opacity:calc(var(--so,1) * .8)}
@keyframes spotdrift{50%{transform:translate(-46%,-54%) rotate(8deg) scale(1.08)}100%{transform:translate(-54%,-48%) rotate(-6deg)}}
@media(prefers-reduced-motion:reduce){html .spot i{animation:none;transition:none}}
html .spot{-webkit-mask:linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent);mask:linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent)}