/* v2: exactly +10% specular and edge-light opacity relative to v1. */
/* Garra da Loba — isolated first-screen pearlescent cursor reflection.
   Owner reference: 21st.dev Rainbow Button lighting only, NOT its animated
   rainbow border or the underneath glow. Preserve exact approved PNG/logo. */
.intro-stage .intro-logo-wrap.gdl-pearl-follow {
  --gdl-pearl-x: 50%;
  --gdl-pearl-y: 50%;
  --gdl-pearl-power: 0;
  isolation: isolate;
}
.intro-stage .intro-logo-wrap.gdl-pearl-follow .gdl-pearl-specular,
.intro-stage .intro-logo-wrap.gdl-pearl-follow .gdl-pearl-aura {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  pointer-events: none;
  user-select: none;
  background-repeat: no-repeat;
  -webkit-mask-image: url("../../assets/garra-pearl-logo.png");
  mask-image: url("../../assets/garra-pearl-logo.png");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mix-blend-mode: screen;
  will-change: opacity;
}
/* A cool-white/champagne pearlescent reflection, NOT a looping color stripe. */
.intro-stage .intro-logo-wrap.gdl-pearl-follow .gdl-pearl-specular {
  background:
    radial-gradient(
      ellipse 17% 112% at var(--gdl-pearl-x) var(--gdl-pearl-y),
      rgba(255, 255, 255, .94) 0%,
      rgba(240, 249, 255, .77) 13%,
      rgba(213, 224, 241, .43) 29%,
      rgba(224, 206, 236, .21) 46%,
      rgba(247, 227, 205, .08) 56%,
      transparent 76%
    ),
    radial-gradient(
      ellipse 11% 85% at calc(var(--gdl-pearl-x) + 1.3%) var(--gdl-pearl-y),
      rgba(221, 194, 232, .15),
      transparent 74%
    );
  opacity: calc(var(--gdl-pearl-power) * .638);
}
/* Light grazes the exact letter edges near the pointer — no lower border. */
.intro-stage .intro-logo-wrap.gdl-pearl-follow .gdl-pearl-aura {
  background: radial-gradient(
    ellipse 14% 105% at var(--gdl-pearl-x) var(--gdl-pearl-y),
    rgba(245, 251, 255, .9) 0%,
    rgba(222, 233, 245, .44) 19%,
    rgba(229, 208, 233, .12) 41%,
    transparent 72%
  );
  filter: blur(7px);
  opacity: calc(var(--gdl-pearl-power) * .242);
}
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce) {
  .intro-stage .intro-logo-wrap.gdl-pearl-follow .gdl-pearl-specular,
  .intro-stage .intro-logo-wrap.gdl-pearl-follow .gdl-pearl-aura {
    display: none !important;
  }
}