.hero[data-astro-cid-u7gfklue]{max-width:26rem;margin:0 auto;padding:2.5rem 1rem 4rem;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-art-wrap[data-astro-cid-u7gfklue]{position:relative;width:100%;aspect-ratio:1;border-radius:1.25rem;overflow:hidden;border:1px solid rgb(64 64 64);box-shadow:0 24px 80px #0000008c}.hero[data-astro-cid-u7gfklue].is-playing .hero-art-wrap[data-astro-cid-u7gfklue]:after{content:"";position:absolute;inset:0;pointer-events:none;animation:hero-art-breathe 4s ease-in-out infinite}@keyframes hero-art-breathe{0%,to{box-shadow:inset 0 0 #fff0}50%{box-shadow:inset 0 0 60px 4px #ffffff14}}.hero-art[data-astro-cid-u7gfklue]{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.hero-toggle[data-astro-cid-u7gfklue]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.hero-toggle[data-astro-cid-u7gfklue] svg[data-astro-cid-u7gfklue]{width:5.5rem;height:5.5rem;padding:1.4rem;border-radius:9999px;background:#0a0a0a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 24px #0006;transition:transform .2s ease,background .2s ease,opacity .3s ease}.hero-toggle[data-astro-cid-u7gfklue]:hover svg[data-astro-cid-u7gfklue]{transform:scale(1.08);background:#0a0a0abf}.hero-toggle[data-astro-cid-u7gfklue]:focus{outline:none}.hero-toggle[data-astro-cid-u7gfklue]:focus-visible svg[data-astro-cid-u7gfklue]{box-shadow:0 0 0 2px #f5f5f5,0 4px 24px #0006}.icon-pause[data-astro-cid-u7gfklue]{display:none}.hero[data-astro-cid-u7gfklue].is-playing .icon-pause[data-astro-cid-u7gfklue]{display:block}.hero[data-astro-cid-u7gfklue].is-playing .icon-play[data-astro-cid-u7gfklue]{display:none}.hero[data-astro-cid-u7gfklue].is-playing .hero-toggle[data-astro-cid-u7gfklue] svg[data-astro-cid-u7gfklue]{opacity:.25}.hero[data-astro-cid-u7gfklue].is-playing .hero-toggle[data-astro-cid-u7gfklue]:hover svg[data-astro-cid-u7gfklue],.hero[data-astro-cid-u7gfklue].is-playing .hero-toggle[data-astro-cid-u7gfklue]:focus-visible svg[data-astro-cid-u7gfklue]{opacity:1}.hero-progress[data-astro-cid-u7gfklue]{position:absolute;left:0;right:0;bottom:0;height:3px}.hero-progress-fill[data-astro-cid-u7gfklue]{height:100%;width:0%;background:#f5f5f5;box-shadow:0 0 6px #0000008c;transition:width .25s linear}.hero-title[data-astro-cid-u7gfklue]{margin-top:1.5rem;font-size:1.75rem;font-weight:800;color:#f5f5f5}.hero-artist[data-astro-cid-u7gfklue]{margin-top:.25rem;color:#a3a3a3;font-size:.95rem}.hero-actions[data-astro-cid-u7gfklue]{margin-top:1.5rem;display:flex;align-items:center;gap:.75rem}.hero-share[data-astro-cid-u7gfklue],.hero-streaming[data-astro-cid-u7gfklue]{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border:1px solid rgb(64 64 64);border-radius:9999px;font-size:.875rem;color:#d4d4d4;cursor:pointer;transition:border-color .2s ease,color .2s ease}.hero-share[data-astro-cid-u7gfklue]:hover,.hero-streaming[data-astro-cid-u7gfklue]:hover{border-color:#737373;color:#fff}.hero-share[data-astro-cid-u7gfklue] svg[data-astro-cid-u7gfklue]{width:1rem;height:1rem}.hero-share-tip[data-astro-cid-u7gfklue]{position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%);padding:.25rem .6rem;border-radius:.4rem;background:#f5f5f5;color:#171717;font-size:.72rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.hero-share-tip[data-astro-cid-u7gfklue].is-visible{opacity:1}.hero-others[data-astro-cid-u7gfklue]{position:relative;margin-top:2rem;width:calc((var(--n, 3) - 1) * 3.25rem + 2.25rem);height:2.5rem;transition:height .7s cubic-bezier(.32,.72,.28,1)}.hero[data-astro-cid-u7gfklue].is-playing .hero-others[data-astro-cid-u7gfklue]{height:8rem;animation:hero-orbit 26s linear infinite}.hero-other[data-astro-cid-u7gfklue]{position:absolute;left:calc(50% + var(--dx) * 3.25rem);top:50%;width:2.25rem;height:2.25rem;transform:translate(-50%,-50%);transition:left .7s cubic-bezier(.32,.72,.28,1),top .7s cubic-bezier(.32,.72,.28,1)}.hero[data-astro-cid-u7gfklue].is-playing .hero-other[data-astro-cid-u7gfklue]{left:calc(50% + var(--tx));top:calc(50% + var(--ty))}.hero-other[data-astro-cid-u7gfklue] img[data-astro-cid-u7gfklue]{width:100%;height:100%;border-radius:9999px;object-fit:cover;display:block;box-shadow:0 0 0 1px #a3a3a366;transition:box-shadow .2s ease,opacity .3s ease}.hero[data-astro-cid-u7gfklue].is-playing .hero-other[data-astro-cid-u7gfklue] img[data-astro-cid-u7gfklue]{animation:hero-orbit-reverse 26s linear infinite}.hero-other[data-astro-cid-u7gfklue]:hover img[data-astro-cid-u7gfklue]{box-shadow:0 0 0 1px #d4d4d4e6}.hero-other[data-astro-cid-u7gfklue]:focus{outline:none}.hero-other[data-astro-cid-u7gfklue]:focus-visible img[data-astro-cid-u7gfklue]{box-shadow:0 0 0 2px #f5f5f5}@keyframes hero-orbit{to{transform:rotate(360deg)}}@keyframes hero-orbit-reverse{to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.hero[data-astro-cid-u7gfklue].is-playing .hero-art-wrap[data-astro-cid-u7gfklue]:after{animation:none}.hero[data-astro-cid-u7gfklue].is-playing .hero-others[data-astro-cid-u7gfklue],.hero[data-astro-cid-u7gfklue].is-playing .hero-other[data-astro-cid-u7gfklue] img[data-astro-cid-u7gfklue]{animation:none}}