/* Artist page: animated, nicer biography disclosure (violet/magenta artist palette) */
html body .artistpage .fk-bio-accordion{--bio-a:#c084fc;--bio-b:#e879f9;max-width:680px;margin:14px auto 0!important}
html body .artistpage .fk-bio-accordion > .btn{display:inline-flex!important;width:auto!important;margin:0 auto!important;padding:9px 20px 9px 16px!important;gap:9px!important;justify-content:center!important;align-items:center!important;
  border:1px solid rgba(192,132,252,.38)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(168,85,247,.16),rgba(232,121,249,.08))!important;color:#f3e8ff!important;font-size:13px!important;
  box-shadow:0 6px 18px rgba(124,58,237,.14)!important;transition:background .3s,box-shadow .3s,transform .2s,border-color .3s!important}
html body .artistpage .fk-bio-accordion > .btn:hover{opacity:1!important;transform:translateY(-1px);border-color:rgba(232,121,249,.6)!important;box-shadow:0 8px 22px rgba(168,85,247,.28)!important}
html body .artistpage .fk-bio-accordion > .btn[aria-expanded="true"]{background:linear-gradient(135deg,rgba(168,85,247,.5),rgba(232,121,249,.32))!important;border-color:rgba(232,121,249,.7)!important}
.fk-bio-ico{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1)}
.fk-bio-ico svg{width:14px;height:14px}
html body .artistpage .fk-bio-accordion > .btn .arrow{margin:0!important;font-size:9px!important;transition:transform .45s cubic-bezier(.34,1.4,.64,1)!important}

/* height is animated by js/fk-artist-bio.js (works in every browser); CSS alone still opens/closes correctly */
html body .artistpage .fk-bio-accordion > .allinfo{display:block!important;overflow:hidden}
html body .artistpage .fk-bio-accordion > .allinfo.hidden{height:0}
.fk-bio-clip{min-height:0;overflow:hidden}
.fk-bio-accordion > .allinfo.hidden .fk-bio-clip{visibility:hidden;transition:visibility 0s .55s}

html body .artistpage .fk-bio-card{position:relative;margin:14px 2px 6px;padding:22px 22px 20px;max-height:min(58vh,420px);overflow:auto;border-radius:22px;
  background:radial-gradient(ellipse at 100% 0%,rgba(168,85,247,.16),transparent 55%),linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 40px rgba(0,0,0,.28);font-size:13.5px;line-height:2.15;color:#d9d4e4;
  opacity:0;transform:translateY(-10px) scale(.98);transform-origin:50% 0;transition:opacity .4s ease,transform .55s cubic-bezier(.22,1,.36,1);scrollbar-width:thin;scrollbar-color:rgba(192,132,252,.5) transparent}
html body .artistpage .fk-bio-card:before{content:"";position:absolute;top:0;right:22px;left:22px;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,var(--bio-a),var(--bio-b),transparent);opacity:.8}
html body .artistpage .fk-bio-accordion > .allinfo:not(.hidden) .fk-bio-card{opacity:1;transform:none;transition-delay:.08s}
.fk-bio-card p{margin:0 0 12px}.fk-bio-card p:last-child{margin-bottom:0}
.fk-bio-card::-webkit-scrollbar{width:5px}.fk-bio-card::-webkit-scrollbar-thumb{background:rgba(192,132,252,.45);border-radius:9px}
/* paragraphs glide in one after another */
.fk-bio-accordion > .allinfo:not(.hidden) .fk-bio-card p{animation:fkBioIn .6s cubic-bezier(.22,1,.36,1) both}
.fk-bio-card p:nth-child(1){animation-delay:.16s!important}.fk-bio-card p:nth-child(2){animation-delay:.26s!important}.fk-bio-card p:nth-child(3){animation-delay:.36s!important}.fk-bio-card p:nth-child(n+4){animation-delay:.46s!important}
@keyframes fkBioIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:640px){html body .artistpage .fk-bio-card{padding:18px 16px;font-size:13px;line-height:2.05;border-radius:18px}}
@media(prefers-reduced-motion:reduce){html body .artistpage .fk-bio-accordion > .allinfo{transition:none!important}html body .artistpage .fk-bio-accordion > .allinfo,html body .artistpage .fk-bio-card,.fk-bio-card p{transition:none!important;animation:none!important}}