.np-hero:where(.astro-b3p6i7ca){padding-block:var(--space-7) var(--space-6);row-gap:var(--space-6);align-items:center}.np-hero:where(.astro-b3p6i7ca)>:where(.astro-b3p6i7ca){grid-column:1/-1}.np-hero__text:where(.astro-b3p6i7ca){gap:var(--space-5);display:grid}.np-hero__title:where(.astro-b3p6i7ca){max-width:12ch;font-size:var(--text-display-xl);line-height:.9}.np-hero:where(.astro-b3p6i7ca) .lead:where(.astro-b3p6i7ca){max-width:520px}@media (width>=1000px){.np-hero:where(.astro-b3p6i7ca){padding-block:var(--space-8) var(--space-7)}.np-hero__text:where(.astro-b3p6i7ca){column-gap:var(--grid-gutter);grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}.np-hero__text:where(.astro-b3p6i7ca) .label:where(.astro-b3p6i7ca){grid-column:1/-1}.np-hero:where(.astro-b3p6i7ca) .lead:where(.astro-b3p6i7ca){margin-bottom:-.35em}}.np:where(.astro-b3p6i7ca){row-gap:var(--space-7);padding-bottom:var(--section-pad)}.np:where(.astro-b3p6i7ca)>:where(.astro-b3p6i7ca){grid-column:1/-1}.np__screen:where(.astro-b3p6i7ca){aspect-ratio:16/9;box-shadow:0 0 0 1px var(--color-rule), 0 40px 80px -40px #000000b3;background:#000;border-radius:12px;position:relative;overflow:hidden}.np__frame:where(.astro-b3p6i7ca),.np__frame:where(.astro-b3p6i7ca) iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.np__poster:where(.astro-b3p6i7ca){z-index:1;cursor:pointer;background:#000;border:0;place-items:center;width:100%;padding:0;display:grid;position:absolute;inset:0}.np__poster:where(.astro-b3p6i7ca) img:where(.astro-b3p6i7ca){object-fit:cover;opacity:.75;width:100%;height:100%;transition:opacity var(--dur-base) var(--ease-out);position:absolute;inset:0}.np__poster:where(.astro-b3p6i7ca):hover img:where(.astro-b3p6i7ca){opacity:.9}.np__big-play:where(.astro-b3p6i7ca){background:var(--color-accent);width:88px;height:88px;color:var(--color-on-accent);transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 12px 30px -8px #0009}.np__big-play:where(.astro-b3p6i7ca) svg:where(.astro-b3p6i7ca){fill:currentColor;width:40px;height:40px;margin-left:4px}.np__poster:where(.astro-b3p6i7ca):hover .np__big-play:where(.astro-b3p6i7ca){transform:scale(1.06)}.has-player .np__poster:where(.astro-b3p6i7ca){display:none}.np__now:where(.astro-b3p6i7ca){gap:var(--space-2);margin-top:var(--space-5);display:grid}.np__now-row:where(.astro-b3p6i7ca){align-items:center;gap:var(--space-3);display:flex}.np__code:where(.astro-b3p6i7ca){min-width:52px;height:34px;box-shadow:inset 0 0 0 1px #ffffff14, 0 0 18px -6px var(--color-accent);color:var(--color-accent);letter-spacing:.08em;text-shadow:0 0 8px color-mix(in oklab, var(--color-accent) 70%, transparent);background:#0b0b0b;border-radius:6px;place-items:center;padding:0 8px;font:700 1.25rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-grid}.np__now-label:where(.astro-b3p6i7ca){align-items:center;gap:var(--space-2);color:var(--color-accent);display:inline-flex}.np__title:where(.astro-b3p6i7ca){color:var(--color-ink);font-family:var(--font-display);font-weight:800;font-stretch:var(--display-stretch);font-size:clamp(1.75rem,1.3rem + 2vw,3rem);line-height:.95}.np__artist:where(.astro-b3p6i7ca){color:var(--color-ink-soft);font:400 1.125rem/1.3 var(--font-text)}.np__controls:where(.astro-b3p6i7ca){align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.np__btn:where(.astro-b3p6i7ca){background:var(--color-surface-raised);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--color-rule);color:var(--color-ink);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.np__btn:where(.astro-b3p6i7ca) svg:where(.astro-b3p6i7ca){fill:currentColor;width:22px;height:22px}.np__btn:where(.astro-b3p6i7ca):hover{background:var(--color-surface-sunk)}.np__btn--play:where(.astro-b3p6i7ca){background:var(--color-accent);width:64px;height:64px;box-shadow:none;color:var(--color-on-accent)}.np__btn--play:where(.astro-b3p6i7ca):hover{background:var(--color-ink);color:var(--color-accent)}.np__btn--play:where(.astro-b3p6i7ca) svg:where(.astro-b3p6i7ca){width:28px;height:28px}.np__btn--play:where(.astro-b3p6i7ca) .i-pause:where(.astro-b3p6i7ca),.is-playing .np__btn--play:where(.astro-b3p6i7ca) .i-play:where(.astro-b3p6i7ca){display:none}.is-playing .np__btn--play:where(.astro-b3p6i7ca) .i-pause:where(.astro-b3p6i7ca){display:block}.np__btn--shuffle:where(.astro-b3p6i7ca)[aria-pressed=true]{background:var(--color-ink);color:var(--color-accent)}.np__yt:where(.astro-b3p6i7ca){margin-left:auto;font-size:.9375rem}.np__list-head:where(.astro-b3p6i7ca){padding-bottom:var(--space-3);border-bottom:var(--rule-section) solid var(--color-ink);color:var(--color-ink)}.np__list-head:where(.astro-b3p6i7ca) span:where(.astro-b3p6i7ca){color:var(--color-ink-muted)}.crate:where(.astro-b3p6i7ca){gap:var(--space-4);margin:var(--space-2) calc(var(--grid-margin) * -1) var(--space-5);padding:64px var(--grid-margin) var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.crate:where(.astro-b3p6i7ca)::-webkit-scrollbar{display:none}.crate:where(.astro-b3p6i7ca){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}@media (width>=900px){.crate:where(.astro-b3p6i7ca){gap:var(--space-6) var(--grid-gutter);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-inline:0;padding-inline:0;display:grid;overflow:visible;-webkit-mask-image:none;mask-image:none}.sleeve__vol:where(.astro-b3p6i7ca){font-size:1.625rem}}.sleeve:where(.astro-b3p6i7ca){color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;flex:0 0 168px;gap:4px;padding:0;display:grid;position:relative}.sleeve__art:where(.astro-b3p6i7ca){aspect-ratio:1;background:var(--color-surface-raised);box-shadow:0 0 0 1px var(--color-rule), 0 16px 30px -18px #000000b3;transition:transform var(--dur-base) var(--ease-out);border-radius:4px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:visible}.sleeve__art:where(.astro-b3p6i7ca) img:where(.astro-b3p6i7ca){z-index:1;object-fit:cover;width:100%;height:100%;position:relative}.sleeve__art--cover:where(.astro-b3p6i7ca){display:block}.sleeve:where(.astro-b3p6i7ca):has(.sleeve__art--cover) .sleeve__letter:where(.astro-b3p6i7ca){top:auto;bottom:calc(2.825rem + 26px)}.sleeve__art--cover:where(.astro-b3p6i7ca) .sleeve__cover{z-index:1;object-fit:cover;border-radius:4px;width:100%;height:100%;display:block;position:relative}.sleeve__art:where(.astro-b3p6i7ca) img:where(.astro-b3p6i7ca):first-child{border-top-left-radius:4px}.sleeve__art:where(.astro-b3p6i7ca) img:where(.astro-b3p6i7ca):nth-child(2){border-top-right-radius:4px}.sleeve__art:where(.astro-b3p6i7ca) img:where(.astro-b3p6i7ca):nth-child(3){border-bottom-left-radius:4px}.sleeve__art:where(.astro-b3p6i7ca) img:where(.astro-b3p6i7ca):nth-child(4){border-bottom-right-radius:4px}.sleeve__disc:where(.astro-b3p6i7ca){z-index:0;aspect-ratio:1;background:radial-gradient(circle, var(--color-accent) 0 17%, #111 18% 20%, transparent 21%), repeating-radial-gradient(circle, #121212 0 2px, #1c1c1c 2px 4px);width:88%;transition:transform var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;top:6%;left:6%;box-shadow:0 0 0 1px #ffffff24}.sleeve:where(.astro-b3p6i7ca)[aria-selected=true] .sleeve__disc:where(.astro-b3p6i7ca){transform:translateY(-34%)}.sleeve:where(.astro-b3p6i7ca)[aria-selected=true] .sleeve__art:where(.astro-b3p6i7ca){transform:translateY(14px)}.sleeve__letter:where(.astro-b3p6i7ca){z-index:2;background:var(--color-accent);width:30px;height:30px;color:var(--color-on-accent);font:800 1rem/1 var(--font-ui);transition:transform var(--dur-base) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;left:8px}.sleeve:where(.astro-b3p6i7ca)[aria-selected=true] .sleeve__letter:where(.astro-b3p6i7ca){transform:translateY(14px)}.sleeve__vol:where(.astro-b3p6i7ca){font-family:var(--font-display);font-weight:800;font-stretch:var(--display-stretch);margin-top:18px;font-size:1.375rem;line-height:1;display:grid}.sleeve__vol:where(.astro-b3p6i7ca) span:where(.astro-b3p6i7ca){color:var(--color-ink-soft);font:600 .875rem/1.2 var(--font-ui);margin-top:2px}.sleeve__count:where(.astro-b3p6i7ca){color:var(--color-ink-muted);font:600 .8125rem/1.2 var(--font-ui)}.sleeve:where(.astro-b3p6i7ca):hover .sleeve__vol:where(.astro-b3p6i7ca),.sleeve:where(.astro-b3p6i7ca)[aria-selected=true] .sleeve__vol:where(.astro-b3p6i7ca){color:var(--color-link)}.sleeve:where(.astro-b3p6i7ca):focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.sleeve--next:where(.astro-b3p6i7ca){cursor:default;opacity:.6}.sleeve--next:where(.astro-b3p6i7ca) .sleeve__art:where(.astro-b3p6i7ca){background:repeating-linear-gradient(135deg, transparent 0 8px, var(--color-rule) 8px 9px);box-shadow:inset 0 0 0 2px var(--color-rule)}.sleeve--next:where(.astro-b3p6i7ca) .sleeve__letter:where(.astro-b3p6i7ca){background:var(--color-surface-sunk);color:var(--color-ink-muted)}.sleeve--next:where(.astro-b3p6i7ca) .sleeve__vol:where(.astro-b3p6i7ca){color:var(--color-ink-muted)}.tracks:where(.astro-b3p6i7ca){border-top:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.track:where(.astro-b3p6i7ca){align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-rule);color:var(--color-ink);transition:background-color var(--dur-fast) var(--ease-out);grid-template-columns:2.5rem 96px 1fr;display:grid}.track:where(.astro-b3p6i7ca):hover{background:var(--color-surface-raised)}.track__n:where(.astro-b3p6i7ca){place-items:center;display:grid}.track__num:where(.astro-b3p6i7ca){color:var(--color-ink-muted);font:700 .8125rem/1 var(--font-ui);letter-spacing:.08em;font-variant-numeric:tabular-nums}.track__n:where(.astro-b3p6i7ca) .eq:where(.astro-b3p6i7ca){display:none}.track__thumb:where(.astro-b3p6i7ca){aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:96px;height:auto}.track__text:where(.astro-b3p6i7ca){gap:3px;min-width:0;display:grid}.track__title:where(.astro-b3p6i7ca){font:700 1.0625rem/1.25 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track__artist:where(.astro-b3p6i7ca){color:var(--color-ink-muted);font:400 .9375rem/1.2 var(--font-ui)}.track:where(.astro-b3p6i7ca)[aria-current=true]{background:var(--color-surface-raised);box-shadow:inset 3px 0 0 var(--color-accent)}.track:where(.astro-b3p6i7ca)[aria-current=true] .track__title:where(.astro-b3p6i7ca){color:var(--color-link)}.track:where(.astro-b3p6i7ca)[aria-current=true] .track__num:where(.astro-b3p6i7ca){display:none}.track:where(.astro-b3p6i7ca)[aria-current=true] .eq:where(.astro-b3p6i7ca){display:inline-flex}.np__ask:where(.astro-b3p6i7ca){margin-top:var(--space-5);color:var(--color-ink-soft);font:400 1rem/1.5 var(--font-text)}.eq:where(.astro-b3p6i7ca){align-items:flex-end;gap:2px;width:14px;height:12px;display:inline-flex}.eq:where(.astro-b3p6i7ca) i:where(.astro-b3p6i7ca){background:var(--color-accent);border-radius:1px;flex:1;height:30%}.is-playing .eq:where(.astro-b3p6i7ca) i:where(.astro-b3p6i7ca){animation:.9s ease-in-out infinite alternate eq}.is-playing .eq:where(.astro-b3p6i7ca) i:where(.astro-b3p6i7ca):nth-child(2){animation-delay:-.3s}.is-playing .eq:where(.astro-b3p6i7ca) i:where(.astro-b3p6i7ca):nth-child(3){animation-delay:-.6s}@keyframes eq{0%{height:20%}to{height:100%}}@media (prefers-reduced-motion:reduce){.is-playing .eq:where(.astro-b3p6i7ca) i:where(.astro-b3p6i7ca){height:70%;animation:none}}@media (width>=1100px){.np__player:where(.astro-b3p6i7ca){grid-column:1/8}.np__list:where(.astro-b3p6i7ca){grid-column:8/13}}
