/* Shared gold CTA hover system. Use .js-gold-cta on CTA links/buttons on future pages. */
:is(.nm-about-action,.svo-btn,.js-gold-cta){
  position:relative;
  isolation:isolate;
  overflow:visible;
  transition:box-shadow .22s ease,border-color .22s ease,color .22s ease,background .22s ease;
}
:is(.nm-about-action,.svo-btn,.js-gold-cta)::before{
  content:"";
  position:absolute;
  inset:-20px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,205,92,.34),rgba(255,171,37,.13) 42%,rgba(255,164,27,0) 72%);
  filter:blur(14px);
  opacity:0;
  transform:scale(.96);
  transition:opacity .24s ease,transform .24s ease;
}
:is(.nm-about-action,.svo-btn,.js-gold-cta):is(:hover,:focus-visible)::before{
  opacity:1;
  transform:scale(1.08);
}
:is(.nm-about-action-primary,.svo-btn-primary,.js-gold-cta-primary):is(:hover,:focus-visible){
  box-shadow:0 0 10px rgba(255,238,174,.95),
    0 0 24px rgba(255,213,99,.95),
    0 0 46px rgba(255,182,42,.82),
    0 0 78px rgba(255,145,17,.48),
    inset 0 0 18px rgba(255,248,215,.38);
}
:is(.nm-about-action-outline,.svo-btn-outline,.js-gold-cta-outline):is(:hover,:focus-visible){
  border-color:#ffd880;
  box-shadow:0 0 10px rgba(255,238,174,.92),
    0 0 24px rgba(255,210,91,.88),
    0 0 46px rgba(255,177,38,.7),
    0 0 72px rgba(255,139,14,.4),
    inset 0 0 24px rgba(255,198,69,.1);
}
:is(.nm-about-action,.svo-btn,.js-gold-cta)>:not(.cta-gold-particle){
  position:relative;
  z-index:2;
}
.cta-gold-particle{
  position:absolute;
  display:block;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  z-index:4;
  background:radial-gradient(circle,#fff8cf 0 18%,#ffd86f 36%,#ffae2d 66%,rgba(255,152,20,0) 100%);
  box-shadow:0 0 6px rgba(255,238,166,1),0 0 13px rgba(255,188,54,.9);
  animation:ctaGoldParticleFloat var(--life,.82s) ease-out forwards;
}
@keyframes ctaGoldParticleFloat{
  0%{opacity:0;transform:translate3d(0,8px,0) scale(.45)}
  12%{opacity:1}
  65%{opacity:.9}
  100%{opacity:0;transform:translate3d(var(--tx),var(--ty),0) scale(.08)}
}
@media(prefers-reduced-motion:reduce){
  :is(.nm-about-action,.svo-btn,.js-gold-cta)::before{
    transition:none;
    transform:none;
  }
  .cta-gold-particle{animation:none;display:none}
}
