@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#090c10;--panel:#11171d;--line:#27303a;--orange:#ff6128;--cyan:#59bedb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f0f2f4;font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(930px,calc(100% - 48px));margin:auto}header{height:60px;background:#090c10}.nav{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{font-size:13px;font-weight:800;letter-spacing:.17em}nav{display:flex;gap:19px}nav a{font-size:8px;font-weight:700;letter-spacing:.09em;color:#c8cbd0}nav a:hover,.social a:hover{color:var(--orange)}#menu{display:none}.hero{min-height:500px;background:radial-gradient(ellipse at 85% 55%,#132a3a 0%,#0b131b 34%,#090c10 70%);border-bottom:1px solid var(--line)}.hero-inner{min-height:500px;display:flex;align-items:center;justify-content:space-between}.hero-inner>div:first-child{max-width:520px;position:relative;z-index:1}.tag{font-size:8px;font-weight:800;letter-spacing:.19em;color:var(--orange);margin:0 0 12px}.hero h1{font-size:58px;line-height:.93;letter-spacing:-.06em;margin:0 0 22px;font-weight:700}.accent{color:var(--orange)}.summary{max-width:420px;color:#b8c0c7;margin:0 0 22px}.summary strong{color:var(--cyan)}.actions{display:flex;align-items:center;gap:23px}.btn{display:inline-flex;padding:11px 17px;background:var(--orange);color:#101010;font-size:8px;font-weight:800;letter-spacing:.09em}.smalllink{font-size:8px;font-weight:700;letter-spacing:.09em}.circle{width:250px;height:250px;border:1px dashed #244354;border-radius:50%;box-shadow:0 0 0 22px rgba(33,73,95,.055);margin-right:20px;flex-shrink:0}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:23px}.section-heading p:last-child{max-width:320px;margin:0 0 0 auto;color:#aeb7bf;font-size:11px}.section h2{font-size:28px;letter-spacing:-.04em;line-height:1.1;margin:0}.cards{display:grid;gap:8px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:610px}.card{background:var(--panel);border:1px solid #20272e;padding:18px 20px;min-height:137px;display:flex;flex-direction:column;align-items:flex-start}.card span{font-size:8px;color:var(--orange);letter-spacing:.12em;font-weight:800}.card h3{font-size:14px;margin:15px 0 6px;font-weight:600}.card p{font-size:10px;color:#a9b1ba;margin:0 0 14px}.card b,.blue{font-size:8px;letter-spacing:.09em;color:var(--cyan);margin-top:auto}.card:hover{border-color:#476173}.player iframe{display:block;width:100%;height:360px}.podcast{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.podcast-art{height:195px;background:#101a23;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ring{position:absolute;width:210px;height:210px;border-radius:50%;border:1px dashed #315367}.ring.inner{width:145px;height:145px}.podcast-art strong{font-size:19px;letter-spacing:-.06em;z-index:1}.podcast-art em{font-style:normal;color:var(--orange)}.podcast h2{font-size:30px;margin-bottom:19px}.podcast p:not(.tag){color:#aeb7bf;font-size:11px}.rule{border-top:1px solid var(--line)}.studio{display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);border:1px solid #20272e}.studio>div{padding:15px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.studio>div:last-child{border:0}.studio b{font-size:10px}.studio small{font-size:9px;color:#a9b1ba;margin-bottom:13px}.about .bio{font-size:19px;line-height:1.6;max-width:600px}.about em{font-style:normal;color:var(--orange)}.fine{font-size:10px;color:#aeb7bf}.contact{background:#111c25;border:1px solid var(--line);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact p:not(.tag){font-size:10px;color:#aeb7bf}.social{display:flex;flex-wrap:wrap;gap:16px;align-content:center;height:100%}.social a{font-size:9px;font-weight:700}footer{border-top:1px solid var(--line)}.foot{padding:20px 0;display:flex;justify-content:space-between;color:#aeb7bf;font-size:8px;letter-spacing:.1em}@media(max-width:680px){header{height:58px}#menu{display:block;background:none;border:0;color:white;font-size:10px}nav{display:none;position:absolute;top:58px;left:0;right:0;padding:20px 24px;background:#101820;z-index:3;flex-direction:column}nav.open{display:flex}.hero,.hero-inner{min-height:460px}.hero h1{font-size:clamp(40px,10vw,58px)}.circle{position:absolute;right:-95px;top:80px;opacity:.4}.hero-inner{position:relative;overflow:hidden}.section{padding-top:55px;padding-bottom:55px}.section-heading,.podcast,.contact{grid-template-columns:1fr}.section-heading p:last-child{margin:0}.three,.two{grid-template-columns:1fr;max-width:none}.studio{grid-template-columns:repeat(2,1fr)}.studio>div:nth-child(2){border:0}.studio>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.foot{gap:15px;flex-wrap:wrap}.podcast{gap:28px}.player iframe{height:380px}}
/* V3 refinements */
header{position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(255,255,255,.035)}
nav{align-items:center}
.dropdown{position:relative;display:flex;align-items:center}
.dropbtn{border:0;background:transparent;color:#c8cbd0;font:700 8px Inter,Arial,sans-serif;letter-spacing:.09em;cursor:pointer;padding:14px 0}
.dropbtn:hover,.dropbtn[aria-expanded="true"]{color:var(--orange)}
.dropbtn span{font-size:12px}
.dropmenu{display:none;position:absolute;top:100%;left:-13px;min-width:205px;background:#111a22;border:1px solid #2b3540;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.dropdown:hover .dropmenu,.dropdown:focus-within .dropmenu,.dropdown.open .dropmenu{display:flex;flex-direction:column;gap:0}
.dropmenu a{display:block;padding:10px 9px;white-space:nowrap}
.original-card iframe{display:block;max-width:100%;margin:8px 0 12px;border:0;background:#111}
.original-card{min-width:0}
.podcast-cards{max-width:none}
.show-card{min-height:330px}
.show-art{height:155px;width:100%;margin:15px 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.f9-art{background:radial-gradient(circle,#152c3a,#0e1922 65%,#0b131b)}
.f9-art i{position:absolute;width:150px;height:150px;border-radius:50%;border:1px dashed #365b70;box-shadow:0 0 0 25px rgba(54,91,112,.08)}
.f9-art strong{font-size:20px;letter-spacing:-.04em;z-index:1}
.f9-art em{color:var(--orange);font-style:normal}
.euphoric-art{background:radial-gradient(ellipse at 55% 25%,#343a5a,#18202e 55%,#101820);text-align:center}
.euphoric-art strong{font-size:19px;letter-spacing:.12em;line-height:1.5}
.label-mini{display:block;max-width:145px;height:85px;object-fit:contain;object-position:left center;margin:12px 0 0}
.studio-new small{line-height:1.6}
.bio-secondary{max-width:640px;font-size:12px;color:#b8c0c7;line-height:1.85}
@media(max-width:680px){nav{align-items:stretch}.dropdown{display:block}.dropbtn{padding:0;font-size:10px}.dropmenu{position:static;min-width:0;background:transparent;border:0;box-shadow:none;padding:4px 0 4px 12px}.dropdown:hover .dropmenu{display:none}.dropdown.open .dropmenu,.dropdown:focus-within .dropmenu{display:flex}.show-card{min-height:280px}}

.label-hero{display:grid;grid-template-columns:280px 1fr;gap:45px;align-items:center;margin-top:35px}.label-hero img{display:block;width:100%;max-height:320px;object-fit:contain;background:#0b0d10}.label-hero h1{font-size:38px;line-height:1.1;margin:0 0 20px;letter-spacing:-.04em}.label-hero p{color:#b9c1c8;max-width:500px}.label-hero .btn{margin-top:15px}.email-label{font-size:10px;color:var(--cyan)!important}@media(max-width:680px){.label-hero{grid-template-columns:1fr;gap:24px}.label-hero img{max-width:250px}.label-hero h1{font-size:29px}}

/* V4: homepage headline, two compact music players, uniform biography */
.hero h1{font-size:clamp(88px,11vw,116px);line-height:.98;letter-spacing:-.065em;white-space:nowrap}
.hero-inner>div:first-child{max-width:650px}
.hero .summary{max-width:580px;font-size:13px;line-height:1.8}
.music-cards{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.music-cards .card{min-width:0}
.music-cards iframe{display:block;width:100%;border:0;border-radius:10px;margin:8px 0 12px}
.soundcloud-credit{font-size:10px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:auto}
.soundcloud-credit a{color:#aaa;text-decoration:none}.soundcloud-credit a:hover{color:var(--cyan)}
#about .bio,#about .bio-secondary{font-size:14px;font-weight:400;line-height:1.8;max-width:700px;color:#d0d6dc;font-family:Inter,Arial,sans-serif}
@media(max-width:680px){.hero h1{font-size:clamp(64px,17vw,94px)}.hero .summary{font-size:12px}.music-cards{grid-template-columns:1fr}}

/* V5: midnight navy and supplied artwork */
:root{--bg:#050b1b;--panel:#0b1528;--line:#263751}
body{background:#050b1b}
header{background:#060d1c}
.hero{background:radial-gradient(ellipse at 82% 47%,#102744 0%,#08162b 35%,#050b1b 72%)}
.card,.studio{background:#0c1729;border-color:#22344e}
.contact{background:#0d1a2f}
.hero-inner{min-height:390px}
.hero{min-height:390px}
.hero h1{font-size:clamp(88px,10vw,148px);white-space:nowrap;line-height:1.02;margin:0 0 26px}
.hero-inner>div:first-child{max-width:none;flex:1;min-width:0}
.hero .circle{width:285px;height:285px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,97,40,.7);border-radius:50%;overflow:hidden;box-shadow:0 0 30px rgba(255,97,40,.18);background:#07101e;margin-right:0;margin-left:20px;flex:0 0 285px}
.hero .circle img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.show-art{height:200px;background:#080e1c}
.show-art img{width:100%;height:100%;object-fit:contain;display:block}
.show-art.f9-art,.show-art.euphoric-art{background:#03060d}
.label-mini{background:transparent}
.soundcloud-card iframe{height:166px;min-height:166px}
@media(max-width:800px){.hero h1{font-size:clamp(62px,11vw,96px)}.hero .circle{width:205px;height:205px;flex-basis:205px}}
@media(max-width:680px){.hero,.hero-inner{min-height:360px}.hero h1{font-size:clamp(54px,12vw,84px)}.hero .circle{width:130px;height:130px;flex-basis:130px;position:relative;right:auto;top:auto;margin-left:0}.hero-inner{gap:10px}.hero .tag{max-width:250px}.show-art{height:190px}}
@media(max-width:430px){.hero h1{font-size:clamp(48px,13vw,64px)}.hero .circle{width:105px;height:105px;flex-basis:105px}.hero .actions{gap:12px}.hero .smalllink{font-size:7px}}

/* V6 matte-black headphone and consistent biography */
.hero .circle{border-color:#354151;box-shadow:0 0 16px rgba(8,13,22,.25);background:#05090f}
.hero .circle img{filter:brightness(.76) saturate(0);object-fit:cover}
#about .bio-text{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.85;letter-spacing:normal;color:#c7d0d9;max-width:780px;margin:0 0 18px}
#about .bio-text:last-child{margin-bottom:0}

/* V7 8-bit matte black headphone treatment */
.hero .circle img{image-rendering:pixelated;filter:none;object-fit:cover}

/* V8: solid black hero circle, no headphones or checkerboard */
.hero .circle{background:#000!important;border:1px solid #263448!important;box-shadow:none!important}
.hero .circle::before,.hero .circle::after{content:none!important}