.music-page{--music-ink:#081121;--music-cream:#f7f3ee;--music-paper:#fff;--music-accent:#d37040;--music-accent-deep:#b64c1b;--music-slate:#3b434e;--music-muted:#6f7783;--music-line:#e7e2da;background:var(--music-cream);min-width:0;color:var(--music-slate);overflow-x:clip}.music-header{background:var(--music-ink);color:var(--music-cream);padding:clamp(5rem,10vw,9rem) 1.5rem clamp(4.5rem,9vw,8rem)}.music-header__inner,.music-content{width:min(100%,75rem);margin-inline:auto}.music-header__eyebrow{color:var(--music-accent);letter-spacing:.2em;text-transform:uppercase;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:700;line-height:1.3}.music-header h1{max-width:12ch;color:var(--music-cream);letter-spacing:0;margin:1rem 0 0;font-family:Crimson Pro,ui-serif,Georgia,serif;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;line-height:.98}.music-header__copy{max-width:60ch;color:color-mix(in srgb, var(--music-cream) 70%, transparent);letter-spacing:0;margin:1.5rem 0 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1rem,2vw,1.125rem);font-weight:400;line-height:1.7}.music-content{padding:clamp(3.5rem,8vw,6.5rem) 1.5rem clamp(5rem,10vw,8rem)}.music-filters{flex-wrap:wrap;gap:.625rem;margin:0 0 2.5rem;display:flex}.music-filter{border:1px solid var(--music-line);min-height:2.75rem;color:var(--music-muted);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:999px;padding:.7rem 1.1rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:600;line-height:1}.music-filter[aria-pressed=true]{border-color:var(--music-ink);background:var(--music-ink);color:var(--music-cream)}.music-filter:focus-visible,.music-frame:focus-visible,.music-closing a:focus-visible{outline:3px solid var(--music-accent);outline-offset:4px}.music-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.75rem;display:grid}.music-card{min-width:0}.music-frame{aspect-ratio:16/9;background:var(--music-ink);width:100%;box-shadow:0 14px 34px color-mix(in srgb, var(--music-ink) 14%, transparent);cursor:pointer;text-align:initial;border:0;border-radius:2px;padding:0;display:block;position:relative;overflow:hidden}.music-frame--9x16{aspect-ratio:9/16;max-width:420px;margin-inline:auto}.music-frame[aria-disabled=true]{cursor:default}.music-player,.music-screen{position:absolute;inset:0}.music-player{z-index:1;background:var(--music-ink)}.music-player iframe{border:0;width:100%;height:100%;display:block}.music-screen{z-index:2;transform-origin:top;will-change:transform;transition:transform .9s cubic-bezier(.22,.61,.36,1);overflow:hidden;transform:scaleY(1)}.music-frame[data-playing=true] .music-screen{transform:scaleY(0)}.music-screen__poster,.music-screen__field{width:100%;height:100%;position:absolute;inset:0}.music-screen__poster{object-fit:cover}.music-screen__field{background:var(--music-ink);color:var(--music-cream);letter-spacing:0;place-items:center;font-family:Crimson Pro,ui-serif,Georgia,serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;display:grid}.music-screen__shade{background:linear-gradient(to top, color-mix(in srgb, var(--music-ink) 72%, transparent), transparent 45%);pointer-events:none;position:absolute;inset:0}.music-screen__play{border:1px solid color-mix(in srgb, var(--music-cream) 70%, transparent);background:color-mix(in srgb, var(--music-ink) 72%, transparent);width:3.5rem;height:3.5rem;color:var(--music-cream);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-screen__play:before{content:"";border-top:.42rem solid #0000;border-bottom:.42rem solid #0000;border-left:.68rem solid;width:0;height:0;transform:translate(.1rem)}.music-screen__hem{background:var(--music-ink);height:3px;position:absolute;bottom:0;left:0;right:0}.music-cassette{z-index:3;border-bottom:1px solid var(--music-accent);background:var(--music-ink);pointer-events:none;height:10px;position:absolute;top:0;left:0;right:0}.music-card__meta{padding-top:1rem}.music-card__title{color:var(--music-ink);letter-spacing:0;margin:0;font-family:Crimson Pro,ui-serif,Georgia,serif;font-size:1.25rem;font-weight:600;line-height:1.2}.music-card__genre{color:var(--music-accent-deep);letter-spacing:.12em;text-transform:uppercase;margin:.35rem 0 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:600;line-height:1.4}.music-card__blurb{color:var(--music-slate);letter-spacing:0;margin:.55rem 0 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:400;line-height:1.55}.music-closing{border-top:1px solid var(--music-line);background:var(--music-cream);text-align:center;padding:3.5rem 1.5rem 4rem}.music-closing p{color:var(--music-ink);letter-spacing:0;margin:0;font-family:Crimson Pro,ui-serif,Georgia,serif;font-size:1.25rem;font-style:italic}.music-closing a{color:var(--music-slate);letter-spacing:0;text-underline-offset:.25rem;margin-top:.75rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;text-decoration:underline;display:inline-block}@media (width>=48rem){.music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-card--featured{grid-column:1/-1}}@media (width>=75rem){.music-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover) and (pointer:fine){.music-frame:not([data-playing=true]):not([aria-disabled=true]):hover .music-screen{animation:.52s cubic-bezier(.34,1.56,.64,1) music-screen-nudge}}@keyframes music-screen-nudge{0%,to{transform:scaleY(1)translateY(0)}48%{transform:scaleY(1)translateY(6px)}}@media (prefers-reduced-motion:reduce){.music-screen{transition-duration:0s}.music-frame:hover .music-screen{animation:none}}