.latest-mixes{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--foreground);background:var(--background);grid-template-columns:minmax(0,1fr);gap:2rem 1rem;padding:clamp(3rem,6vw,6rem) max(5%,50% - 765px) clamp(4rem,8vw,9rem);scroll-margin-top:2rem;display:grid}.latest-mixes>h2,.music-catalogue>h2,.featured-heading{font-family:var(--font-display), Impact, sans-serif;text-transform:uppercase;grid-column:1;margin:0;font-size:clamp(2.5rem,5vw,5.6rem);font-weight:400;line-height:1.1}.latest-mixes>h2 span,.music-catalogue>h2 span,.featured-heading span{color:inherit}.latest-mixes>h2,.music-catalogue:not(.events-catalogue)>h2{font-size:clamp(2rem,3vw,3.25rem);line-height:1.25}.music-catalogue>h2{margin-bottom:2rem}.featured-heading{grid-column:1/-1}.latest-mixes-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,4rem) clamp(1rem,2vw,2rem);margin:0;padding:0;list-style:none;display:grid}.explore-mixes{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--editorial-background);color:var(--editorial-foreground);margin:0;padding:clamp(3rem,5vw,5rem) max(5%,50% - 765px)}.explore-mixes-heading{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.explore-mixes h2{font:400 clamp(2rem, 3.5vw, 3.5rem)/1.1 var(--font-display), Impact, sans-serif;text-transform:uppercase;margin:0}.explore-mixes h2 span{color:inherit}.explore-mixes a:not(.hero-cta){color:var(--editorial-foreground)}.explore-mixes .mix-copy a:hover{color:var(--editorial-foreground);text-decoration:underline}.explore-mixes .mix-card-metadata{color:var(--editorial-muted)}.explore-mixes :focus-visible{outline-color:var(--editorial-foreground)}.explore-mixes .mix-cover-play:focus-visible{outline-color:var(--accent-light)}.explore-mixes .mix-playback-message{color:var(--foreground)}.explore-mixes .hero-cta{background:var(--editorial-foreground);color:var(--editorial-background);border-color:var(--editorial-foreground);flex-shrink:0}.explore-mixes .hero-cta:hover{background:var(--cta-background);color:var(--cta-foreground);border-color:var(--cta-background)}@media (max-width:600px){.explore-mixes-heading{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.explore-mixes{padding-inline:1.2rem}}.latest-mixes-list li{flex-direction:column;min-width:0;display:flex}.mix-cover{margin-bottom:1.25rem;position:relative}.mix-cover-link{display:block}.mix-copy :is(h2,h3) a,.featured-mix-copy h3 a{color:inherit;text-decoration:none}.mix-copy :is(h2,h3) a:hover,.featured-mix-copy h3 a:hover{color:var(--accent-light)}.latest-mixes-list .mix-artwork{border-radius:8px;margin:0;overflow:hidden}.latest-mixes-list .mix-artwork-fallback{text-align:center;padding:.5rem;font-size:.85rem}.mix-cover .mix-player{margin:0;position:absolute;bottom:1rem;right:1rem}.mix-cover-play{background:rgb(var(--background-rgb) / 92%);color:#fff;cursor:pointer;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 2px 12px #0000004d}.mix-cover-play:hover{background:var(--background);border-color:var(--accent-light)}.mix-cover-play:disabled{cursor:wait}.mix-cover-play[data-playing=true]{background:var(--cta-background);color:var(--cta-foreground);box-shadow:none;border-color:#0000}.mix-cover-play[data-playing=true]:hover{background:var(--cta-background);color:var(--cta-foreground);border-color:var(--accent-light)}.mix-cover-play[data-playing=true] svg{width:20px;height:20px}.mix-cover>.mix-playback-message{background:var(--background);margin:0;padding:.75rem;position:absolute;inset:auto 0 0}.mix-artwork{aspect-ratio:1;background:var(--surface);margin-bottom:1.25rem;position:relative}.mix-artwork img{object-fit:contain}.mix-artwork-fallback{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.mix-copy{flex-direction:column;flex:1;min-width:0;display:flex}.mix-copy :is(h2,h3){font-family:var(--font-display), Impact, sans-serif;overflow-wrap:anywhere;margin:0 0 .5rem;font-size:clamp(1.4rem,2.1vw,2.25rem);font-weight:400;line-height:1.2}.mix-card-metadata{color:var(--foreground);font:400 .95rem/1.6 var(--font-body), Arial, sans-serif;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin:0;display:flex}.mix-card-metadata time{white-space:nowrap}.mixes-message{border-top:1px solid rgb(var(--foreground-rgb) / 24%);min-height:8rem;margin:0;padding:2rem 0}.mixes-message p{margin:0 0 .75rem}.mixes-message a{color:var(--foreground);padding-block:.5rem;text-decoration:underline;display:inline-block}.latest-mixes :focus-visible{outline-color:var(--accent-light)}.mix-player{margin-top:1rem}.mix-player audio{width:100%}.mix-playback-message{margin-top:.75rem;font-size:.85rem}.music-explore{justify-self:center;margin-top:1rem}.music-catalogue{max-width:1530px;margin:var(--page-content-space) auto clamp(3rem, 6vw, 6rem)}.music-catalogue>header{margin-bottom:var(--page-heading-space)}.music-catalogue h1{font-family:var(--font-display), Impact, sans-serif;font-size:var(--page-title-size);text-transform:uppercase;margin:0;line-height:1.1}.music-catalogue h1 span{color:inherit}.music-profile-heading{padding-bottom:var(--page-heading-padding);border-bottom:1px solid color-mix(in srgb, var(--foreground) 24%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.music-profile{align-items:center;gap:var(--page-heading-gap);min-width:0;display:flex}.music-profile-portrait{width:var(--page-portrait-size);height:var(--page-portrait-size);background:var(--surface);border-radius:50%;flex:none;position:relative;overflow:hidden}.music-profile-portrait img{object-fit:cover;object-position:center}.music-profile-copy{min-width:0}.music-profile-copy p{max-width:38ch;color:var(--muted);margin:.6rem 0 0;font-size:.95rem}@media (max-width:760px){.music-profile-heading{flex-direction:column;align-items:start}.music-profile-portrait{width:var(--page-portrait-size);height:var(--page-portrait-size)}.music-profile-copy h1{font-size:var(--page-title-size);overflow-wrap:anywhere}.music-profile-copy p{font-size:.85rem}}.music-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:3rem;display:flex}.music-pagination a{align-items:center;min-height:44px;padding:.5rem;display:inline-flex}@media (max-width:900px){.latest-mixes-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.latest-mixes-list{grid-template-columns:minmax(0,1fr)}.mix-copy :is(h2,h3){font-size:clamp(1.5rem,6vw,2rem)}}.featured-mix{isolation:isolate;border-bottom:1px solid rgb(var(--foreground-rgb) / 24%);grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem) clamp(2rem,6vw,6rem);margin-bottom:1rem;padding:.5rem .5rem clamp(2rem,4vw,4rem);display:grid;position:relative}.featured-cover{isolation:isolate;min-width:0;box-shadow:0 0 12px 1px color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid #0000;border-radius:8px;position:relative}.featured-cover .mix-cover,.featured-cover .mix-artwork{margin:0}.featured-cover .mix-artwork{border-radius:8px;overflow:hidden}.featured-artwork{min-width:0}.featured-cover:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg, transparent 10%, color-mix(in srgb, var(--accent) 75%, transparent) 35%, var(--accent) 50%, color-mix(in srgb, var(--accent) 75%, transparent) 65%, transparent 90%) 100% 0 / 300% 100%;filter:blur(8px);opacity:0;border-radius:12px;position:absolute;inset:-4px}.featured-mix-copy{isolation:isolate;align-self:stretch;min-width:0;position:relative}.featured-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 15% 70%,#0000);mask-image:linear-gradient(#0000,#000 15% 70%,#0000)}.featured-backdrop img{object-fit:cover;object-position:center 45%;filter:blur(12px);opacity:.85;transform:scale(1.04)}.featured-backdrop:after{content:"";background:linear-gradient(to right, rgb(var(--background-rgb) / 75%), transparent 18%, transparent 82%, rgb(var(--background-rgb) / 75%)), linear-gradient(to right, rgb(var(--background-rgb) / 45%), rgb(var(--background-rgb) / 88%) 45%, rgb(var(--background-rgb) / 88%) 75%, rgb(var(--background-rgb) / 45%));position:absolute;inset:0}.featured-content{max-width:38rem;padding-block:.5rem 1.5rem;position:relative}.featured-content .mix-player{margin:0}.featured-content .mix-text-play{font-family:var(--font-display), Impact, sans-serif;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;gap:1rem;margin:0;padding:0;font-size:1.3rem}.featured-content .mix-text-play svg{box-sizing:content-box;background:var(--cta-background);color:var(--cta-foreground);border-radius:50%;flex:none;padding:1rem}.featured-content .mix-text-play:hover svg{background:var(--accent-light);color:var(--background)}.featured-actions{border-top:1px solid rgb(var(--foreground-rgb) / 24%);flex-wrap:wrap;align-items:flex-start;gap:.5rem 2rem;margin-top:1.5rem;padding-top:.5rem;font-size:.8rem;display:flex}.featured-actions>a{align-items:center;gap:.75rem;min-height:48px;display:inline-flex}@media (prefers-reduced-motion:no-preference){.featured-content .mix-text-play svg{transition:background-color .16s,color .16s}}.featured-mix-copy h3{font-family:var(--font-display), Impact, sans-serif;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 1.5rem;font-size:clamp(1.75rem,3.5vw,3.5rem);line-height:1.15}.featured-mix-copy time{color:var(--muted);font:.85rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.featured-description{white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:5;-webkit-box-orient:vertical;max-width:55ch;margin-top:1.5rem;display:-webkit-box;overflow:hidden}@media (max-width:760px){.featured-description{-webkit-line-clamp:3}}@media (prefers-reduced-motion:no-preference){.featured-cover[data-visible=true]:before{animation:6.2s ease-in-out infinite featured-shimmer}.cover-motion[data-visible=true][data-playing=true]{animation:.86s infinite featured-pulse}@keyframes featured-shimmer{0%{opacity:0;background-position:100% 0}10%,90%{opacity:1}to{opacity:0;background-position:0 0}}@keyframes featured-pulse{0%{animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(1)}34%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:scale(1.008)}to{transform:scale(1)}}}@media (max-width:760px){.featured-mix{grid-template-columns:minmax(0,1fr)}.featured-backdrop{opacity:.5}.featured-content{max-width:none;padding:0}}.featured-metadata{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 1.5rem;font:.85rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.featured-release{color:var(--foreground);font:400 .95rem/1.6 var(--font-body), Arial, sans-serif;letter-spacing:normal;text-transform:none;flex-wrap:wrap;flex-basis:100%;align-items:baseline;gap:.35rem 0;margin-top:.25rem;display:flex}.featured-release time{color:inherit;font:inherit}.featured-release span[aria-hidden=true]{margin-inline:.85rem}.featured-metadata>.featured-vibe{border:1px solid color-mix(in srgb, var(--accent-light) 35%, transparent);background:color-mix(in srgb, var(--accent) 10%, var(--background));max-width:100%;color:var(--accent-light);text-transform:capitalize;overflow-wrap:anywhere;border-radius:999px;padding:.25rem .75rem;font-size:.75rem}.mix-text-play{border:1px solid var(--accent-light);min-height:48px;color:var(--foreground);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem 1.5rem;display:inline-flex}.mix-text-play:hover{color:var(--accent-light)}.mix-text-play[data-playing=true]{background:var(--cta-background);color:var(--cta-foreground);border-color:#0000}.mix-text-play[data-playing=true]:hover{background:var(--cta-background);color:var(--cta-foreground);border-color:var(--accent-light)}.mix-text-play:disabled{cursor:wait}.featured-mix-editorial{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:1.5rem clamp(2rem,6vw,6rem);padding-inline:0}.featured-mix-editorial>.featured-heading{margin:0;font-size:clamp(2rem,3vw,3.25rem);line-height:1.25}.featured-mix-editorial>.featured-artwork{grid-area:2/2}.featured-mix-editorial>.featured-mix-copy{grid-area:2/1;align-self:center}.featured-mix-editorial .featured-content{padding:0}.featured-mix-editorial .featured-mix-copy h3{margin-bottom:1rem;font-size:clamp(2rem,2.6vw,2.875rem)}.featured-mix-editorial .featured-cover{box-shadow:none;border:0}.featured-mix-editorial .featured-cover:before{content:none;animation:none}.featured-mix-editorial .featured-metadata{gap:.4rem .75rem;margin-bottom:1.25rem}.featured-mix-editorial .featured-vibe{background:0 0;border:0;border-radius:0;padding:0}.featured-mix-editorial .featured-release{color:var(--muted);font-size:.85rem}.featured-mix-editorial .featured-description{max-width:48ch;color:var(--muted);-webkit-line-clamp:3;margin-block:1.25rem 0}.featured-mix-editorial .featured-actions{border-top:0;margin-top:1rem;padding-top:0}@media (max-width:760px){.featured-mix-editorial{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}.featured-mix-editorial>.featured-artwork{grid-area:2/1}.featured-mix-editorial>.featured-mix-copy{grid-area:3/1}.featured-mix-editorial .featured-mix-copy h3{font-size:clamp(1.75rem,5vw,2rem)}}
