.sound-section{scroll-margin-top:calc(var(--header-island-height) + var(--space-5));padding-block:var(--space-8)}.sound-section__header{max-width:50rem;margin-bottom:var(--space-6)}.sound-section__header h2,.mix-grid{display:grid;gap:var(--space-5)}.mix-card{position:relative;padding:var(--space-1);overflow:hidden;transition:transform var(--duration-state) var(--easing-out),box-shadow var(--duration-state) var(--easing-out)}.mix-card__preview{display:grid}.mix-card__art:focus-visible{box-shadow:var(--shadow-focus)}.mix-card__art,.mix-card__player{border-radius:var(--radius-card-inner)}.mix-card__art{display:block;position:relative;width:100%;min-height:0;padding:0;border:0;aspect-ratio:1;overflow:hidden;background:none;cursor:pointer}.mix-card__art:disabled{cursor:default}.mix-card__art.is-loading{cursor:wait}.mix-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mix-card__scrim{position:absolute;inset:0;background:linear-gradient(to top,hsl(var(--ink-deep) / .58),transparent 58%)}.mix-card__play{position:absolute;right:var(--space-4);bottom:var(--space-4);display:grid;width:3.75rem;aspect-ratio:1;place-items:center;border-radius:50%;color:hsl(var(--ink-deep));background:hsl(var(--pastel-yellow));box-shadow:0 1rem 2rem -1rem hsl(var(--ink-deep) / .8);transition:transform var(--duration-state) var(--easing-editorial)}.mix-card__art:active .mix-card__play{box-shadow:inset 0 2px 6px hsl(var(--ink-deep) / .3),0 .65rem 1.4rem -.9rem hsl(var(--ink-deep) / .72);transform:translateY(0)}.mix-card__play-icon{width:1.25rem;height:1.25rem;margin-left:.18rem}.mix-card__art[hidden],.mix-card__player[hidden],.mix-card__preview[hidden]{display:none}.mix-card__player,.mix-card__player iframe{width:100%;aspect-ratio:1}.mix-card__player{position:relative;display:grid;place-items:center;overflow:hidden;color:hsl(var(--cream-white) / .7);background:hsl(var(--vinyl-black))}.player-loading-status{position:absolute;font-size:var(--type-small-size);transition:opacity var(--duration-state) var(--easing-out)}.mix-card__player iframe{position:relative;z-index:1;display:block;height:100%;min-height:0;border:0;opacity:0;transition:opacity var(--duration-state) var(--easing-out)}.mix-card__player.is-ready .player-loading-status{opacity:0}.mix-card__player.is-ready iframe{opacity:1}.spotify-section{scroll-margin-top:calc(var(--header-island-height) + var(--space-5));padding-block:var(--space-7)}.spotify-section__header{max-width:42rem;margin-bottom:var(--space-6)}.spotify-section__header h2{max-width:16ch;text-wrap:balance}.playlist-grid{display:grid;align-items:start;gap:var(--space-5);margin:0;padding:0;list-style:none}.playlist-grid>li{min-width:0}.playlist-card{--playlist-player-height: 352px;display:grid;min-width:0;padding:0;overflow:hidden}.playlist-card__preview,.playlist-card__player{grid-area:1 / 1;min-width:0}.playlist-card__preview{display:grid;align-content:space-between;gap:var(--space-5);min-height:var(--playlist-player-height);padding:var(--space-card-pad)}.playlist-card__copy{display:grid;gap:var(--space-2)}.playlist-card__title{font-family:var(--font-display);font-size:var(--type-h4-size);line-height:var(--type-h4-leading);letter-spacing:var(--type-h4-tracking);font-weight:600;color:hsl(var(--ink-deep))}.playlist-card__text{max-width:34rem;color:hsl(var(--ink-deep) / .72);font-size:var(--type-card-size);line-height:var(--type-card-leading)}.playlist-card__load{justify-self:start}.playlist-card__load[aria-disabled=true]{pointer-events:none}.playlist-card__load.is-loading{opacity:.6;cursor:progress}.playlist-card__play-icon{width:1rem;height:1rem}.playlist-card__preview[hidden],.playlist-card__player[hidden]{display:none}.playlist-card__player iframe{display:block;width:100%;height:var(--playlist-player-height);border:0}.spotify-section__privacy-note{margin-top:var(--space-5);color:hsl(var(--muted-foreground));font-size:var(--type-caption-size);line-height:var(--type-caption-leading)}.music-closing h2{text-wrap:balance}@media(hover:hover)and (pointer:fine){.mix-card:hover,.mix-card:focus-within{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mix-card:hover .mix-card__play,.mix-card:focus-within .mix-card__play{box-shadow:0 1.2rem 2.2rem -1rem hsl(var(--ink-deep) / .9);transform:translateY(-2px)}.playlist-card__load:hover{box-shadow:0 6px 18px -10px hsl(var(--deep-mauve) / .6)}}@media(min-width:40rem){.sound-section{padding-block:var(--space-9)}.spotify-section{padding-block:var(--space-8)}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.sound-section__header{margin-bottom:var(--space-7)}}@media(min-width:64rem){.sound-section{padding-block:var(--space-10)}.spotify-section{padding-block:var(--space-9)}.mix-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.mix-card,.mix-card__play,.mix-card__player iframe,.playlist-card__load,.player-loading-status{transition:none}}