.music-page{min-height:calc(100vh - 160px);position:relative;z-index:2}.music-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--sp-surface-1) 95%,transparent),color-mix(in srgb,var(--sp-surface-2) 82%,transparent)),radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--sp-primary) 16%,transparent),transparent 44%),radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--sp-violet) 13%,transparent),transparent 46%);border:1px solid var(--sp-border-strong);border-radius:22px;box-shadow:var(--sp-shadow-panel);margin-bottom:.95rem;overflow:hidden;padding:1.2rem;position:relative}.music-hero:before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 19px);content:"";top:0;right:0;bottom:0;left:0;opacity:.2;pointer-events:none;position:absolute}.music-hero>*{position:relative;z-index:1}.music-overline{color:var(--sp-text-muted);font-family:Orbitron,sans-serif;font-size:.62rem;letter-spacing:.16em;margin:0;text-transform:uppercase}.music-hero h1{color:color-mix(in srgb,var(--sp-primary) 86%,var(--sp-accent));font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,3.2vw,2.72rem);letter-spacing:.01em;margin:.5rem 0 0}.music-intro{color:var(--sp-text-main);line-height:1.62;margin:.8rem 0 0;max-width:70ch}.music-section{background:linear-gradient(170deg,color-mix(in srgb,var(--sp-surface-1) 93%,transparent),color-mix(in srgb,var(--sp-surface-3) 90%,transparent)),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--sp-accent) 12%,transparent),transparent 52%);border:1px solid color-mix(in srgb,var(--sp-accent) 34%,var(--sp-border-mid));border-radius:18px;box-shadow:var(--sp-shadow-panel);margin-bottom:.92rem;padding:.95rem}.music-section-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:.35rem .8rem;justify-content:space-between;margin-bottom:.82rem}.music-section-head h2{color:color-mix(in srgb,var(--sp-secondary) 82%,white);font-family:Orbitron,sans-serif;font-size:clamp(1.08rem,2.1vw,1.48rem);letter-spacing:.01em;margin:0}.music-section-head p{color:var(--sp-text-muted);margin:0}.music-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.music-track-card{background:linear-gradient(165deg,color-mix(in srgb,var(--sp-surface-2) 92%,transparent),color-mix(in srgb,var(--sp-surface-3) 88%,transparent)),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--sp-primary) 10%,transparent),transparent 52%);border:1px solid color-mix(in srgb,var(--sp-primary) 34%,var(--sp-border-mid));border-radius:14px;display:flex;flex-direction:column;gap:.54rem;min-width:0;padding:.82rem}.music-track-card.is-extra{background:linear-gradient(165deg,color-mix(in srgb,var(--sp-surface-2) 92%,transparent),color-mix(in srgb,var(--sp-surface-3) 88%,transparent)),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--sp-violet) 12%,transparent),transparent 52%);border-color:color-mix(in srgb,var(--sp-violet) 38%,var(--sp-border-mid))}.music-track-kicker{color:var(--sp-text-muted);font-family:Orbitron,sans-serif;font-size:.56rem;letter-spacing:.12em;margin:0;text-transform:uppercase}.music-track-card h3{color:var(--sp-text-strong);font-family:Orbitron,sans-serif;font-size:1rem;line-height:1.36;margin:0}.music-track-meta{color:var(--sp-text-dim);display:grid;font-size:.84rem;gap:.15rem}.music-track-desc{color:var(--sp-text-main);line-height:1.55;margin:0}.music-track-link{align-self:flex-start;background:color-mix(in srgb,var(--sp-surface-2) 90%,transparent);border:1px solid color-mix(in srgb,var(--sp-primary) 44%,var(--sp-border-mid));border-radius:9px;color:var(--sp-text-strong);font-family:Orbitron,sans-serif;font-size:.58rem;letter-spacing:.1em;margin-top:auto;padding:.4rem .56rem;text-decoration:none;text-transform:uppercase;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.music-track-link:hover,.music-track-link:focus-visible{border-color:color-mix(in srgb,var(--sp-primary) 56%,var(--sp-border-strong));box-shadow:0 0 0 2px var(--sp-focus-ring);color:#fff;outline:none}@media (max-width: 991px){.music-grid{grid-template-columns:1fr}}@media (max-width: 767px){.music-hero,.music-section{border-radius:16px;padding:.92rem}}
