@layer theme,base,components;@layer surfaces{.dj-hero-band,.dj-section,.dj-set,.dj-rule-list{--dj-hairline:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.dj-hero-band,.dj-section,.dj-set,.dj-rule-list{--dj-hairline:color-mix(in srgb, var(--color-ink) 11%, transparent)}}.dj-hero-band,.dj-section,.dj-set,.dj-rule-list{--dj-hairline-strong:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.dj-hero-band,.dj-section,.dj-set,.dj-rule-list{--dj-hairline-strong:color-mix(in srgb, var(--color-ink) 22%, transparent)}}.dj-hero-band{isolation:isolate;background:radial-gradient(70% 120% at 85% 0%, var(--color-warm-accent), transparent 70%), radial-gradient(60% 110% at 10% 10%, var(--color-category-amber-accent), transparent 70%), linear-gradient(to bottom, var(--color-warm-accent), var(--color-bg));height:148px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dj-hero-band{background:radial-gradient(70% 120% at 85% 0%, color-mix(in srgb, var(--color-warm-accent) 13%, transparent), transparent 70%), radial-gradient(60% 110% at 10% 10%, color-mix(in srgb, var(--color-category-amber-accent) 9%, transparent), transparent 70%), linear-gradient(to bottom, color-mix(in srgb, var(--color-warm-accent) 5%, var(--color-bg)), var(--color-bg))}}@container (min-width:42rem){.dj-hero-band{height:216px}}.dj-hero-band:after{content:"";z-index:2;background:linear-gradient(to bottom, transparent 50%, var(--color-bg));pointer-events:none;position:absolute;inset:0}.dj-hero-band__wave{z-index:1;fill:none;width:200%;height:100%;stroke:var(--color-warm-accent);position:absolute;top:0;left:0;right:auto}@supports (color:color-mix(in lab, red, red)){.dj-hero-band__wave{stroke:color-mix(in srgb, var(--color-warm-accent) 30%, transparent)}}.dj-hero-band__wave{stroke-width:1px;vector-effect:non-scaling-stroke}.dj-hero-band[data-has-photo=true]{background:var(--color-warm-accent)}@supports (color:color-mix(in lab, red, red)){.dj-hero-band[data-has-photo=true]{background:color-mix(in srgb, var(--color-warm-accent) 20%, var(--color-bg))}}.dj-hero-band__photo{z-index:0;object-fit:cover;filter:grayscale()contrast(.9)blur(22px);mix-blend-mode:multiply;opacity:.5;width:120%;height:120%;position:absolute;inset:-10%}.dj-hero-band[data-has-cover=true]{background:var(--color-bg);height:196px}@container (min-width:42rem){.dj-hero-band[data-has-cover=true]{height:320px}}.dj-hero-band__cover{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.dj-hero-band[data-has-cover=true]:before{content:"";z-index:1;background:linear-gradient(to bottom, #00000038, transparent 38%), var(--color-bg);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.dj-hero-band[data-has-cover=true]:before{background:linear-gradient(to bottom, #00000038, transparent 38%), color-mix(in srgb, var(--color-bg) 8%, transparent)}}.dj-hero-band[data-has-cover=true]:before{pointer-events:none}.dj-hero-band[data-has-cover=true]:after{background:linear-gradient(to bottom, transparent 55%, var(--color-bg) 82%, var(--color-bg))}@supports (color:color-mix(in lab, red, red)){.dj-hero-band[data-has-cover=true]:after{background:linear-gradient(to bottom, transparent 55%, color-mix(in srgb, var(--color-bg) 70%, transparent) 82%, var(--color-bg))}}@media (prefers-reduced-motion:no-preference){.dj-hero-band__wave{animation:60s linear infinite dj-hero-wave}}@keyframes dj-hero-wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.dj-avatar{z-index:3;border:3px solid var(--color-bg);background:var(--color-surface);border-radius:999px;flex-shrink:0;width:104px;height:104px;margin-top:-52px;position:relative;box-shadow:0 8px 24px #24232114}@container (min-width:42rem){.dj-avatar{width:132px;height:132px;margin-top:-66px}}.dj-avatar--initial{color:var(--color-warm-accent);background:var(--color-warm-accent);justify-content:center;align-items:center;font-size:42px;font-weight:300;display:flex}@supports (color:color-mix(in lab, red, red)){.dj-avatar--initial{background:color-mix(in srgb, var(--color-warm-accent) 7%, var(--color-surface))}}@container (min-width:42rem){.dj-avatar--initial{font-size:54px}}.dj-eyebrow{text-transform:uppercase;color:var(--color-warm-accent);font-size:12px;font-weight:500}.dj-name{color:var(--color-text-primary);overflow-wrap:anywhere;font-size:clamp(42px,9cqi,84px);font-weight:600;line-height:1.02}.dj-centre{color:var(--color-text-secondary);align-items:center;gap:7px;font-size:13px;display:inline-flex}.dj-centre__dot{background:var(--dj-centre,var(--color-warm-accent));border-radius:999px;flex-shrink:0;width:6px;height:6px}.dj-circle-button{border:1px solid var(--color-ink);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.dj-circle-button{border:1px solid color-mix(in srgb, var(--color-ink) 22%, transparent)}}.dj-circle-button{color:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.dj-circle-button{color:color-mix(in srgb, var(--color-ink) 82%, transparent)}}.dj-circle-button{transition:border-color var(--motion-base) ease, color var(--motion-base) ease, background-color var(--motion-base) ease;background:0 0}a.dj-circle-button:hover,.dj-play-toggle:hover .dj-circle-button{border-color:var(--color-ink);color:var(--color-ink)}.dj-play-toggle[aria-expanded=true] .dj-circle-button{border-color:var(--color-warm-accent);color:var(--color-warm-accent)}.dj-text-link,.dj-quiet-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-ink);-webkit-text-decoration-color:var(--color-ink);-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.dj-text-link,.dj-quiet-link{-webkit-text-decoration-color:color-mix(in srgb, var(--color-ink) 25%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--color-ink) 25%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--color-ink) 25%, transparent);text-decoration-color:color-mix(in srgb, var(--color-ink) 25%, transparent)}}.dj-text-link,.dj-quiet-link{transition:text-decoration-color var(--motion-base) ease, color var(--motion-base) ease}.dj-text-link{color:var(--color-text-primary);font-size:14px;font-weight:500}.dj-quiet-link{color:var(--color-text-secondary)}.dj-text-link:hover,.dj-quiet-link:hover{color:var(--color-text-primary);text-decoration-color:currentColor}.dj-section{margin-top:64px}@container (min-width:42rem){.dj-section{margin-top:88px}}.dj-section+.dj-section{border-top:1px solid var(--dj-hairline);margin-top:10px;padding-top:10px}@container (min-width:42rem){.dj-section+.dj-section{margin-top:12px;padding-top:12px}}.dj-section:has(+.dj-section)>.dj-rule-list>li:last-child{border-bottom:0}.dj-section__title{color:var(--color-text-primary);margin-bottom:14px;font-size:18px;font-weight:500;line-height:1.3}@container (min-width:42rem){.dj-section__title{margin-bottom:18px;font-size:20px}}.dj-subtitle{text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:4px;font-size:12px;font-weight:500}.dj-bio{max-width:62ch;color:var(--color-ink);font-size:17px;line-height:1.8}@supports (color:color-mix(in lab, red, red)){.dj-bio{color:color-mix(in srgb, var(--color-ink) 88%, transparent)}}.dj-rule-list{border-top:1px solid var(--dj-hairline)}.dj-rule-list>li{border-bottom:1px solid var(--dj-hairline)}.dj-upcoming-row{grid-template-columns:minmax(64px,auto) minmax(0,1fr);grid-template-areas:"date body""date cta";align-items:center;gap:10px 20px;padding-block:20px;display:grid}@container (min-width:36rem){.dj-upcoming-row{grid-template-columns:minmax(88px,auto) minmax(0,1fr) auto;grid-template-areas:"date body cta";column-gap:28px;padding-block:26px}}.dj-upcoming-row__body{grid-area:body}.dj-upcoming-row__title{color:var(--color-text-primary);transition:color var(--motion-base) ease;font-size:16px;font-weight:500;line-height:1.45}@container (min-width:36rem){.dj-upcoming-row__title{font-size:17px}}.dj-upcoming-row:hover .dj-upcoming-row__title{color:var(--color-warm-accent)}.dj-date{flex-direction:column;grid-area:date;align-self:start;align-items:center;line-height:1;display:flex}.dj-date__day{font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-size:40px;font-weight:200}@container (min-width:36rem){.dj-date__day{font-size:48px}}.dj-date__meta{white-space:nowrap;color:var(--color-text-secondary);margin-top:8px;font-size:12px}.dj-upcoming-row__cta{color:var(--color-warm-accent);grid-area:cta;justify-self:start;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.dj-upcoming-row__cta:after{content:"←";transition:transform var(--motion-base) ease}.dj-upcoming-row__cta:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{content:"→"}@media (prefers-reduced-motion:no-preference){.dj-upcoming-row:hover .dj-upcoming-row__cta:after{transform:translate(-3px)}.dj-upcoming-row:hover .dj-upcoming-row__cta:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{transform:translate(3px)}}.dj-gallery{flex-direction:column;gap:36px;display:flex}.dj-gallery__list{flex-direction:column;gap:12px;margin-top:12px;display:flex}.dj-set-card{--dj-art-size:84px;background:var(--color-ink);border-radius:18px;padding:12px}@supports (color:color-mix(in lab, red, red)){.dj-set-card{background:color-mix(in srgb, var(--color-ink) 2.5%, var(--color-bg))}}.dj-set-card{transition:background-color var(--motion-base) ease, border-color var(--motion-base) ease;border:1px solid #0000}.dj-set-card:hover{background:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.dj-set-card:hover{background:color-mix(in srgb, var(--color-ink) 4.5%, var(--color-bg))}}.dj-set-card[data-open=true]{border-color:var(--color-warm-accent)}@supports (color:color-mix(in lab, red, red)){.dj-set-card[data-open=true]{border-color:color-mix(in srgb, var(--color-warm-accent) 28%, transparent)}}.dj-set-card[data-open=true]{background:var(--color-warm-accent)}@supports (color:color-mix(in lab, red, red)){.dj-set-card[data-open=true]{background:color-mix(in srgb, var(--color-warm-accent) 5%, var(--color-bg))}}@container (min-width:42rem){.dj-set-card{--dj-art-size:128px;padding:16px}}.dj-set--featured{--dj-art-size:116px;border-radius:22px;padding:16px}@container (min-width:42rem){.dj-set--featured{--dj-art-size:216px;padding:24px}}.dj-set-card__row{align-items:center;gap:16px;display:flex}@container (min-width:42rem){.dj-set-card__row{gap:24px}.dj-set--featured .dj-set-card__row{gap:32px}}.dj-set-card__body{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.dj-set-card__player{margin-top:16px}.dj-art{width:var(--dj-art-size);height:var(--dj-art-size);background:var(--color-warm-accent);border-radius:12px;flex-shrink:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dj-art{background:color-mix(in srgb, var(--color-warm-accent) 12%, var(--color-surface))}}.dj-art{transition:box-shadow var(--motion-base) ease, transform var(--motion-base) ease;box-shadow:0 6px 18px #1412101f}.dj-set--featured .dj-art{border-radius:16px;box-shadow:0 12px 32px #1412102e}.dj-art[data-playable=true]{cursor:pointer}.dj-art[data-open=true]{box-shadow:0 0 0 2px var(--color-warm-accent), 0 10px 34px var(--color-warm-accent)}@supports (color:color-mix(in lab, red, red)){.dj-art[data-open=true]{box-shadow:0 0 0 2px var(--color-warm-accent), 0 10px 34px color-mix(in srgb, var(--color-warm-accent) 38%, transparent)}}.dj-art__img,.dj-art__fallback,.dj-art__fallback-photo{width:100%;height:100%;position:absolute;inset:0}.dj-art__img{object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.dj-art__fallback{background:radial-gradient(90% 90% at 80% 10%, var(--color-warm-accent), transparent 70%), radial-gradient(80% 80% at 10% 100%, var(--color-category-amber-accent), transparent 70%), var(--color-warm-accent);justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.dj-art__fallback{background:radial-gradient(90% 90% at 80% 10%, color-mix(in srgb, var(--color-warm-accent) 34%, transparent), transparent 70%), radial-gradient(80% 80% at 10% 100%, color-mix(in srgb, var(--color-category-amber-accent) 26%, transparent), transparent 70%), color-mix(in srgb, var(--color-warm-accent) 14%, var(--color-surface))}}.dj-art__fallback-photo{object-fit:cover;filter:grayscale()contrast(.95)blur(6px);mix-blend-mode:multiply;opacity:.55;transform:scale(1.15)}.dj-art__mark{width:34%;height:34%;color:var(--color-warm-accent);position:relative}@supports (color:color-mix(in lab, red, red)){.dj-art__mark{color:color-mix(in srgb, var(--color-warm-accent) 80%, var(--color-ink))}}.dj-art__mark{opacity:.85}.dj-art__play{transition:background-color var(--motion-base) ease;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dj-art__play-glyph{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;width:44px;height:44px;transition:opacity var(--motion-base) ease, transform var(--motion-base) ease;background:#00000073;border-radius:999px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex;transform:scale(.9)}.dj-set--featured .dj-art__play-glyph{width:56px;height:56px;font-size:18px}.dj-set-card:hover .dj-art__play-glyph,.dj-set-card:focus-within .dj-art__play-glyph{opacity:1;transform:scale(1)}@media (hover:none){.dj-art__play-glyph{opacity:.9;transform:scale(1)}}.dj-art[data-open=true] .dj-art__play{background:#00000052}.dj-eq{align-items:flex-end;gap:3px;height:22px;display:inline-flex}.dj-eq>span{transform-origin:bottom;background:#fff;border-radius:2px;width:4px;height:100%}.dj-eq>span:first-child{transform:scaleY(.55)}.dj-eq>span:nth-child(2){transform:scaleY(1)}.dj-eq>span:nth-child(3){transform:scaleY(.75)}@media (prefers-reduced-motion:no-preference){.dj-set-card:hover .dj-art__img{transform:scale(1.06)}.dj-set-card:hover .dj-art{box-shadow:0 10px 28px var(--color-warm-accent)}@supports (color:color-mix(in lab, red, red)){.dj-set-card:hover .dj-art{box-shadow:0 10px 28px color-mix(in srgb, var(--color-warm-accent) 26%, #1412101f)}}.dj-set-card:hover .dj-art[data-open=true]{box-shadow:0 0 0 2px var(--color-warm-accent), 0 10px 34px var(--color-warm-accent)}@supports (color:color-mix(in lab, red, red)){.dj-set-card:hover .dj-art[data-open=true]{box-shadow:0 0 0 2px var(--color-warm-accent), 0 10px 34px color-mix(in srgb, var(--color-warm-accent) 38%, transparent)}}.dj-eq>span{animation:1.1s ease-in-out infinite dj-eq}.dj-eq>span:nth-child(2){animation-delay:-.35s}.dj-eq>span:nth-child(3){animation-delay:-.7s}}@keyframes dj-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.dj-latest{text-transform:uppercase;color:var(--color-warm-accent);align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.dj-latest:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.dj-set__title{color:var(--color-text-primary);overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.4}@container (min-width:42rem){.dj-set__title{font-size:17px}}.dj-set__title--clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dj-set__title--featured{font-size:clamp(18px,3.4cqi,28px);line-height:1.25}.dj-set__meta{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;display:flex}.dj-play-toggle{color:var(--color-text-primary);align-items:center;gap:12px;margin-top:2px;font-size:14px;font-weight:500;display:inline-flex}@container (max-width:26rem){.dj-set-card:not(.dj-set--featured) .dj-play-toggle .dj-circle-button{width:34px;height:34px}}}@layer utilities;