/* Shared Qure headline glint. Starts with the existing hero entrance. */
.hero h1 .hero-highlight{position:relative;display:inline-block;--highlight-tint:rgba(255,215,159,.4);--highlight-hot:#fff7da;--highlight-spark:#ffbc6f;--highlight-halo:rgba(255,130,83,.5)}
.curator .hero h1 .hero-highlight{--highlight-tint:rgba(209,185,255,.5);--highlight-hot:#fff;--highlight-spark:#b893ff;--highlight-halo:rgba(144,96,230,.4)}
.mate .hero h1 .hero-highlight{--highlight-tint:rgba(190,217,255,.5);--highlight-hot:#fff;--highlight-spark:#83afff;--highlight-halo:rgba(76,132,232,.4)}
.hero h1 .hero-highlight::after{content:attr(data-text);position:absolute;inset:0;color:transparent;background:linear-gradient(110deg,transparent 38%,var(--highlight-tint) 46%,var(--highlight-hot) 50%,var(--highlight-tint) 54%,transparent 62%) 100% 0/310% 100%;background-clip:text;-webkit-background-clip:text;pointer-events:none}
.hero h1 .hero-highlight::before{content:'✦';position:absolute;top:-.36em;right:-.12em;color:var(--highlight-spark);font-size:.25em;line-height:1;text-shadow:0 0 10px var(--highlight-halo);opacity:0;pointer-events:none}
.hero.hero-ready h1 .hero-highlight::after{animation:qollab-hero-glint 5.4s ease-in-out 0s infinite}
.hero.hero-ready h1 .hero-highlight::before{animation:qollab-hero-spark 5.4s ease-in-out 0s infinite}
@keyframes qollab-hero-glint{0%{background-position:100% 0}18%,100%{background-position:0 0}}
@keyframes qollab-hero-spark{0%,6%,22%,100%{opacity:0;transform:scale(.3) rotate(-25deg)}12%{opacity:1;transform:scale(1) rotate(0)}18%{opacity:.65;transform:scale(.75) rotate(17deg)}}
@media(prefers-reduced-motion:reduce){.hero.hero-ready h1 .hero-highlight::before,.hero.hero-ready h1 .hero-highlight::after{animation:none!important}}