body.djs-page{background:var(--color-ink-950)}
.dj-hero{position:relative;min-height:max(44rem,88svh);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:#08080a}
.dj-hero::before{content:"";position:absolute;inset:-10%;z-index:-2;background:radial-gradient(circle at 72% 22%,rgba(155,114,255,.22),transparent 28rem),radial-gradient(circle at 18% 74%,rgba(199,170,114,.10),transparent 24rem),linear-gradient(135deg,#09090b 0%,#0d0c12 48%,#08080a 100%)}
.dj-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,5,6,.95),transparent 52%)}
.dj-hero-inner{padding-top:calc(var(--header-height) + 5rem);padding-bottom:7rem}
.dj-kicker,.dj-profile-kicker{color:#b5b0ba;font-size:.68rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.dj-hero h1{max-width:72rem;margin:1.15rem 0 0;font-family:var(--font-display);font-size:clamp(4rem,9.5vw,9.5rem);font-weight:500;line-height:.82;letter-spacing:-.07em;text-transform:uppercase}
.dj-hero h1 em{display:block;color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(255,255,255,.52)}
.dj-hero-copy{max-width:38rem;margin:2rem 0 0;color:#b7b3bd;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.7}
.dj-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:2rem}
.dj-roster{padding:var(--section-space) 0;background:var(--color-paper-100);color:var(--color-ink-text)}
.dj-roster-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.6fr);gap:clamp(2rem,6vw,5rem);align-items:end;margin-bottom:3.25rem}
.dj-roster-heading h2{margin:.9rem 0 0;font-family:var(--font-display);font-size:clamp(3rem,5.7vw,5.7rem);font-weight:500;line-height:.92;letter-spacing:-.055em}
.dj-roster-heading p{margin:0;color:var(--color-ink-muted);line-height:1.75}
.dj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.dj-card{position:relative;display:flex;min-width:0;min-height:39rem;flex-direction:column;overflow:hidden;background:#121217;color:#fff;border-radius:var(--radius-xs)}
.dj-card-media{position:relative;min-height:27rem;overflow:hidden;background:linear-gradient(145deg,#15151c,#09090c)}
.dj-card-media::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(155,114,255,.32),transparent 44%),linear-gradient(160deg,transparent 30%,rgba(255,255,255,.04) 30.4%,transparent 31%)}
.dj-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,9,12,.92) 0%,transparent 54%)}
.dj-initial{position:absolute;right:1.1rem;bottom:-.35rem;z-index:1;font-family:var(--font-display);font-size:clamp(7rem,12vw,10rem);font-weight:600;line-height:.8;letter-spacing:-.08em;color:rgba(255,255,255,.14)}
.dj-media-status{position:absolute;top:1rem;left:1rem;z-index:2;padding:.5rem .65rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);background:rgba(7,7,8,.52);color:#c9c5cf;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(10px)}
.dj-card-body{display:flex;flex:1;flex-direction:column;padding:1.35rem 1.35rem 1.5rem}
.dj-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.dj-card h3{margin:0;font-family:var(--font-display);font-size:clamp(2rem,3.2vw,3rem);font-weight:550;letter-spacing:-.045em}
.dj-card-role{color:#8f8a95;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.dj-card-copy{margin:1rem 0 1.4rem;color:#aaa6b0;font-size:.8rem;line-height:1.65}
.dj-audio-shell{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}
.dj-play{width:2.65rem;height:2.65rem;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:.85rem;cursor:pointer}
.dj-play[disabled]{cursor:not-allowed;opacity:.42}
.dj-wave{display:flex;align-items:center;gap:2px;height:1.8rem;overflow:hidden}
.dj-wave i{display:block;width:2px;border-radius:2px;background:#6f6b75}
.dj-wave i:nth-child(4n+1){height:35%}.dj-wave i:nth-child(4n+2){height:70%}.dj-wave i:nth-child(4n+3){height:100%}.dj-wave i:nth-child(4n){height:52%}
.dj-audio-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.dj-audio-copy strong{font-size:.69rem;font-weight:600}.dj-audio-copy span{color:#77737e;font-size:.58rem}
.dj-card-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;color:#eeeaf1;font-size:.72rem;font-weight:600}
.dj-approach{padding:var(--section-space) 0;background:#09090b}
.dj-approach-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.dj-approach h2{margin:1rem 0 1.5rem;font-family:var(--font-display);font-size:clamp(3.2rem,6vw,6.4rem);font-weight:500;line-height:.92;letter-spacing:-.055em}
.dj-approach-copy p{max-width:34rem;color:#aaa6af;line-height:1.75}
.dj-approach-list{border-top:1px solid rgba(255,255,255,.12)}
.dj-approach-list article{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
.dj-approach-list span{padding-top:.2rem;color:#706c76;font-size:.65rem}.dj-approach-list h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.25rem;font-weight:550}.dj-approach-list p{margin:0;color:#98949e;font-size:.78rem;line-height:1.6}
.dj-coming{padding:var(--section-space) 0;background:#f7f3eb;color:#17161a}
.dj-coming-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.62fr);gap:clamp(2rem,6vw,5rem);align-items:end}
.dj-coming h2{margin:1rem 0 0;font-family:var(--font-display);font-size:clamp(3rem,5.8vw,5.8rem);font-weight:500;line-height:.94;letter-spacing:-.055em}.dj-coming p{margin:0;color:#66626b;line-height:1.75}

/* Profile */
.dj-profile-hero{position:relative;min-height:max(46rem,92svh);display:flex;align-items:flex-end;overflow:hidden;background:#09090b;isolation:isolate}
.dj-profile-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 68% 25%,rgba(155,114,255,.24),transparent 26rem),linear-gradient(145deg,#0c0c10,#070708)}
.dj-profile-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,7,8,.96),transparent 55%)}
.dj-profile-inner{padding-top:calc(var(--header-height) + 5rem);padding-bottom:5.5rem}
.dj-profile-name{margin:1.1rem 0 0;font-family:var(--font-display);font-size:clamp(5rem,14vw,13rem);font-weight:550;line-height:.75;letter-spacing:-.075em;text-transform:uppercase}
.dj-profile-sub{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.dj-profile-sub span{padding:.55rem .8rem;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);color:#bdb9c2;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.dj-profile-intro{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(3rem,7vw,7rem);padding:var(--section-space) 0;background:#f7f3eb;color:#17161a}
.dj-profile-copy h2,.dj-sound h2{margin:1rem 0 1.4rem;font-family:var(--font-display);font-size:clamp(3rem,5.8vw,5.7rem);font-weight:500;line-height:.94;letter-spacing:-.055em}
.dj-profile-copy p{max-width:34rem;color:#625e67;line-height:1.8}
.dj-profile-placeholder{min-height:35rem;position:relative;overflow:hidden;background:linear-gradient(145deg,#15151b,#09090d)}
.dj-profile-placeholder::before{content:attr(data-initial);position:absolute;right:1rem;bottom:-1rem;font-family:var(--font-display);font-size:clamp(10rem,24vw,20rem);font-weight:600;line-height:.8;letter-spacing:-.08em;color:rgba(255,255,255,.10)}
.dj-profile-placeholder span{position:absolute;top:1.2rem;left:1.2rem;padding:.5rem .65rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);color:#bcb8c1;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}
.dj-sound{padding:var(--section-space) 0;background:#09090b}.dj-sound-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,7rem);align-items:center}.dj-sound p{max-width:33rem;color:#aaa6af;line-height:1.75}.dj-player-large{padding:1.4rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(155,114,255,.09),rgba(255,255,255,.02))}.dj-player-large .dj-audio-shell{margin:0;padding:0;border:0;grid-template-columns:auto 1fr}.dj-player-large .dj-play{width:3.6rem;height:3.6rem}.dj-player-note{margin-top:1rem!important;color:#77727d!important;font-size:.7rem!important}.dj-facts{padding:var(--section-space) 0;background:#f7f3eb;color:#17161a}.dj-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-light)}.dj-fact{min-height:12rem;padding:1.5rem 1.5rem 1.5rem 0;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}.dj-fact:nth-child(3n){border-right:0;padding-left:1.5rem}.dj-fact:nth-child(3n+2){padding-left:1.5rem}.dj-fact span{color:#8d8992;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.dj-fact strong{display:block;margin-top:2rem;font-family:var(--font-display);font-size:1.35rem;font-weight:550}.dj-fact small{display:block;margin-top:.4rem;color:#716d75;line-height:1.5}

@media(max-width:73.75rem){.dj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-card:last-child{grid-column:1/-1;min-height:32rem}.dj-card:last-child .dj-card-media{min-height:20rem}.dj-approach-grid,.dj-profile-intro,.dj-sound-grid{grid-template-columns:1fr}.dj-profile-placeholder{min-height:30rem}}
@media(max-width:48rem){.dj-hero{min-height:max(40rem,100svh)}.dj-hero-inner{padding-top:calc(var(--header-height) + 4rem);padding-bottom:4.5rem}.dj-hero h1{font-size:clamp(3.6rem,16vw,5.8rem);line-height:.86}.dj-roster-heading,.dj-coming-inner{grid-template-columns:1fr;gap:1.4rem}.dj-grid{grid-template-columns:1fr}.dj-card,.dj-card:last-child{grid-column:auto;min-height:0}.dj-card-media,.dj-card:last-child .dj-card-media{min-height:24rem}.dj-approach{padding:5.5rem 0}.dj-profile-hero{min-height:max(40rem,100svh)}.dj-profile-inner{padding-bottom:4rem}.dj-profile-name{font-size:clamp(4.4rem,22vw,7rem)}.dj-profile-intro{padding:5.5rem 0}.dj-profile-placeholder{min-height:25rem}.dj-facts-grid{grid-template-columns:1fr}.dj-fact,.dj-fact:nth-child(n){min-height:9rem;padding:1.25rem 0;border-right:0}.dj-fact strong{margin-top:1.25rem}}
@media(max-width:30rem){.dj-hero-actions{flex-direction:column;align-items:stretch}.dj-hero-actions .button{width:100%}.dj-card-media{min-height:21rem}.dj-audio-shell{grid-template-columns:auto minmax(0,1fr)}.dj-audio-shell>.dj-audio-copy{grid-column:2}.dj-wave{grid-column:2}.dj-profile-sub{gap:.45rem}.dj-profile-sub span{font-size:.55rem}}