:root{--bg:#080808;--panel:#111;--silver:#c7c7c7;--muted:#929292;--white:#f5f5f2;--line:#292929}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;letter-spacing:.02em}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
header{position:fixed;z-index:5;top:0;left:0;width:100%;border-bottom:1px solid #ffffff24}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:800;letter-spacing:.18em}.logo span{color:var(--silver)}
.text-link:hover{color:#fff}
.hero{min-height:760px;height:100svh;max-height:980px;position:relative;display:flex;align-items:end;overflow:hidden;background:#050505}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000c 0%,#0005 48%,#0001 100%),linear-gradient(0deg,#080808 0%,transparent 42%),url("/assets/dj-maske-hero.jpeg") center 35%/cover no-repeat;transform:scale(1.01)}
.hero-content{position:relative;z-index:1;padding:0 0 100px;max-width:720px}
.eyebrow{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:#d1d1d1}
h1{font-size:clamp(58px,10vw,132px);line-height:.86;letter-spacing:-.065em;margin:24px 0 20px;font-weight:800}
h1 span{display:block;color:#c5c5c5}.tagline{font-size:clamp(13px,1.6vw,17px);letter-spacing:.24em;text-transform:uppercase;color:#e4e4e4}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{padding:16px 23px;border:1px solid #d8d8d8;font-size:10px;letter-spacing:.2em;text-transform:uppercase;display:inline-block;transition:.2s}.btn.primary{background:#e8e8e5;color:#090909}.btn:hover{background:#fff;color:#000}
section{padding:110px 0;border-bottom:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}
.kicker{font-size:10px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}
h2{font-size:clamp(38px,6vw,72px);letter-spacing:-.055em;margin:12px 0 0;line-height:.95}
.intro{max-width:400px;color:#aaa;line-height:1.8;font-size:14px}
.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.release{background:var(--panel);border:1px solid var(--line);padding:26px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}
.release .number{font-size:10px;color:#888;letter-spacing:.2em}.release h3{font-size:27px;letter-spacing:-.04em;margin:34px 0 8px}.release p{font-size:10px;letter-spacing:.16em;color:#aaa;text-transform:uppercase}
.release .status{font-size:9px;letter-spacing:.2em;color:#d5d5d5;text-transform:uppercase}
.release.featured{background:linear-gradient(135deg,#242424,#0d0d0d 65%);border-color:#777}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-copy p{color:#aaa;line-height:1.9;font-size:15px;max-width:560px}
.stat{border-top:1px solid #555;padding-top:22px;margin-top:28px}.stat strong{font-size:42px;letter-spacing:-.05em}.stat span{display:block;color:#999;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-top:8px}
.manifesto{font-size:clamp(32px,5vw,62px);line-height:1.05;letter-spacing:-.05em;text-transform:uppercase}.manifesto span{color:#777}
.platforms{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.platforms a{padding:28px 20px;border-right:1px solid var(--line);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.platforms a:nth-child(3n){border-right:0}.platforms a:nth-child(-n+6){border-bottom:1px solid var(--line)}.platforms a:hover{background:#1a1a1a}
.booking{--gold:#c9a24b;--gold-hi:#e8cf8a;background:radial-gradient(ellipse at 50% 0%,#c9a24b1f,transparent 60%),#070707;color:var(--white);padding:110px 0;border-top:1px solid #c9a24b40;border-bottom:1px solid #c9a24b40}
.booking .kicker{color:var(--gold)}.booking h2{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 70%,#9c7a31);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-head{text-align:center;max-width:720px;margin:0 auto 54px}.contact-head .rule{width:64px;height:1px;background:var(--gold);margin:26px auto}.contact-head p{color:#bdbdbd;line-height:1.8;font-size:15px;font-style:italic;margin:0}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:22px}
.contact-direct{display:flex;flex-direction:column;gap:14px}
.contact-card{display:flex;align-items:center;gap:20px;padding:26px;background:linear-gradient(135deg,#161410,#0b0b0b 70%);border:1px solid #c9a24b4d;transition:.25s}.contact-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 14px 40px #c9a24b1a}
.contact-card .icon{flex:none;width:54px;height:54px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);transition:.25s}.contact-card:hover .icon{background:var(--gold);color:#0a0a0a}
.contact-card svg{width:22px;height:22px}.contact-card .label{display:block;font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--gold-hi)}.contact-card .value{display:block;margin-top:8px;font-size:13px;color:#d8d8d8;letter-spacing:.04em;overflow-wrap:anywhere}
.contact-note{margin-top:auto;padding:22px 26px;border:1px solid var(--line);color:#999;font-size:12px;line-height:1.8}.contact-note a{color:var(--gold-hi);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.contact-note a:hover{color:#fff}
.contact-form{padding:34px;background:#0d0d0d;border:1px solid #c9a24b4d}.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:block;margin-bottom:18px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#b9b9b9}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:10px;padding:15px 16px;background:#080808;border:1px solid #333;color:var(--white);font:inherit;font-size:14px;letter-spacing:.02em;border-radius:0;transition:border-color .2s,box-shadow .2s}
.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px #c9a24b26}
.contact-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.btn-gold{width:100%;padding:18px 24px;border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold-hi),var(--gold) 55%,#a8832f);color:#0a0a0a;font:inherit;font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;transition:.25s}.btn-gold:hover{filter:brightness(1.1);box-shadow:0 10px 30px #c9a24b40}.btn-gold:disabled{opacity:.6;cursor:wait}
.form-status{margin:16px 0 0;min-height:1em;font-size:12px;line-height:1.6;letter-spacing:.06em;color:var(--gold-hi)}.form-status.error{color:#e88b7d}
.form-status.success,.form-status.error{padding:14px 16px;border:1px solid #c9a24b80;background:#c9a24b14;font-size:13px}.form-status.error{border-color:#e88b7d80;background:#e88b7d14}
.mini-player{transition:transform .3s ease,opacity .3s ease}html.mp-avoid .mini-player{transform:translateY(calc(100% + 40px));opacity:0;pointer-events:none}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr}.contact-form .row{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){.booking{padding:78px 0}.contact-form{padding:24px 20px}.contact-card{padding:20px;gap:16px}.contact-card .icon{width:46px;height:46px}}
footer{padding:30px 0;color:#777;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.clubset{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:0;padding:0;min-height:0}
.clubset .info{padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:26px;border-left:1px solid var(--line)}.clubset h3{margin:22px 0 8px}
.player{position:relative;background:#000;aspect-ratio:16/9;overflow:hidden}.player video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.player .big-play{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;border:1px solid #e8e8e5;background:#080808b3;color:#fff;font-size:22px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;padding-left:5px}.player .big-play:hover{background:#e8e8e5;color:#090909}
.player.playing .big-play{opacity:0;pointer-events:none}
.controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:26px 16px 12px;background:linear-gradient(0deg,#000d,transparent);transition:opacity .25s}
.player.playing.idle .controls{opacity:0}.controls button{background:none;border:0;color:#eee;font-size:13px;cursor:pointer;padding:6px;min-width:32px;min-height:32px;letter-spacing:.1em}.controls button:hover{color:#fff}
.controls .time{font-size:10px;letter-spacing:.14em;color:#ccc;white-space:nowrap;font-variant-numeric:tabular-nums}
.controls input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:20px;margin:0}.controls .seek{flex:1;min-width:60px}.controls .vol{width:80px}
.controls input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#e8e8e5 var(--p,0%),#ffffff40 var(--p,0%))}
.controls input[type=range]::-moz-range-track{height:3px;background:linear-gradient(90deg,#e8e8e5 var(--p,0%),#ffffff40 var(--p,0%))}
.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:-4.5px}
.controls input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.player .notice{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:24px;background:linear-gradient(0deg,#080808e6,#080808b3),url("/assets/dj-maske-hero.jpeg") center 35%/cover;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#d5d5d5;line-height:2}
.player.unavailable .notice{display:flex}.player .notice iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#080808}.player.unavailable .big-play,.player.unavailable .controls{display:none}
.player:fullscreen{aspect-ratio:auto}
@media(max-width:760px){.wrap{width:min(100% - 34px,1180px)}.nav{height:68px}.hero{min-height:700px}.hero:before{background:linear-gradient(0deg,#080808 0%,#0008 42%,#0002 100%),url("/assets/dj-maske-hero.jpeg") 54% center/cover no-repeat}.hero-content{padding-bottom:76px}.section-top{display:block}.intro{margin-top:22px}.release-grid{grid-template-columns:1fr}.release{min-height:210px}.about{grid-template-columns:1fr;gap:25px}.platforms{grid-template-columns:1fr 1fr}.platforms a:nth-child(2){border-right:0}.platforms a:nth-child(-n+2){border-bottom:1px solid var(--line)}section{padding:78px 0}.clubset{grid-template-columns:1fr}.clubset .info{border-left:0;border-top:1px solid var(--line);padding:24px}.controls{gap:8px;padding:22px 10px 8px}.controls .vol{display:none}.player .big-play{width:64px;height:64px}}
body.has-mini-player{padding-bottom:96px}
.mini-player{--gold:#c9a24b;--gold-hi:#e8cf8a;position:fixed;z-index:60;right:20px;bottom:20px;width:460px;max-width:calc(100% - 40px);background:linear-gradient(135deg,#17140e,#0a0a0a 70%);border:1px solid #c9a24b59;box-shadow:0 18px 50px #000c,0 0 0 1px #0008;color:var(--white);font-family:inherit}
.mp-panel{max-height:0;overflow:hidden;transition:max-height .35s ease;border-bottom:0 solid #c9a24b40}.mini-player.is-open .mp-panel{max-height:166px;border-bottom-width:1px}
.mp-panel iframe{display:block;width:100%;height:166px;border:0;background:#0a0a0a}
.mp-bar{display:flex;align-items:center;gap:12px;padding:10px 12px}
.mp-bar button{flex:none;background:none;border:0;color:var(--gold-hi);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:.2s}.mp-bar button:focus-visible,.mp-vol:focus-visible{outline:1px solid var(--gold-hi);outline-offset:2px}
.mp-bar svg{width:16px;height:16px;fill:currentColor}
.mp-play{width:40px;height:40px;border-radius:50%;border:1px solid var(--gold)!important;background:linear-gradient(135deg,var(--gold-hi),var(--gold) 55%,#a8832f)!important;color:#0a0a0a!important}.mp-play:hover{filter:brightness(1.1);box-shadow:0 0 18px #c9a24b55}
.mp-play .i-pause,.mini-player.is-playing .mp-play .i-play{display:none}.mini-player.is-playing .mp-play .i-pause{display:block}
.mp-meta{flex:1;min-width:0}.mp-kicker{display:block;font-size:8px;letter-spacing:.24em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9a8a66;text-transform:uppercase}
.mp-title{display:block;margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--gold-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-time{float:right;margin-left:8px;color:var(--gold);letter-spacing:.12em;font-variant-numeric:tabular-nums}.mp-progress{height:2px;margin-top:8px;background:#ffffff1f}.mp-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-hi))}
.mp-mute,.mp-more{width:30px;height:30px}.mp-mute:hover,.mp-more:hover{color:#fff}.mp-mute .i-off,.mini-player.is-muted .mp-mute .i-on{display:none}.mini-player.is-muted .mp-mute .i-off{display:block}
.mp-more svg{transition:transform .25s}.mini-player.is-open .mp-more svg{transform:rotate(180deg)}
.mp-vol{-webkit-appearance:none;appearance:none;width:60px;height:20px;margin:0;background:transparent;cursor:pointer}
.mp-vol::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--gold-hi) var(--p,80%),#ffffff30 var(--p,80%))}.mp-vol::-moz-range-track{height:2px;background:linear-gradient(90deg,var(--gold-hi) var(--p,80%),#ffffff30 var(--p,80%))}
.mp-vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--gold-hi);margin-top:-4px}.mp-vol::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--gold-hi)}
@media(hover:none){.mp-vol{display:none}}
@media(max-width:760px){body.has-mini-player{padding-bottom:88px}.mini-player{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-width:none}.mp-bar{gap:10px;padding:9px 10px}.mp-vol{display:none}.mp-title{font-size:10px;letter-spacing:.08em}}
/* Hero: text and portrait side by side, never overlapping */
header{background:#080808f2;border-bottom:1px solid #c9a24b33}
.hero{height:auto;max-height:none;min-height:100svh;align-items:center;padding:110px 0 60px;background:radial-gradient(circle at 75% 40%,#1a160d 0%,#080808 60%)}
.hero:before{display:none}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.hero-content{padding:0;max-width:none}
.hero h1{font-family:"Didot","Bodoni 72","Playfair Display",Georgia,serif;font-weight:400;letter-spacing:.04em;line-height:.95;font-size:clamp(52px,6.6vw,96px)}
.hero h1 span{font-family:Arial,Helvetica,sans-serif;font-size:.24em;letter-spacing:.6em;color:#e8cf8a;margin-top:18px;font-weight:600}
.hero-rule{width:64px;height:1px;background:#c9a24b;margin:26px 0}
.hero-media{margin:0;position:relative;aspect-ratio:1/1;border:1px solid #c9a24b40;box-shadow:0 30px 80px #000c}
.hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
@media(max-width:860px){.nav{height:64px}.logo{font-size:17px}.logo small{display:none}
.hero{padding:84px 0 56px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-media{order:-1;aspect-ratio:4/5}.hero-media img{object-position:center 25%}.hero-content{text-align:center}.hero-rule{margin:22px auto}.actions{justify-content:center}.eyebrow{letter-spacing:.24em}}
#nl-badge-frame{display:none!important}
/* Multi-page navigation */
.logo{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.site-nav{display:flex;align-items:center;gap:26px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ddd}
.site-nav a{position:relative;padding:8px 0;white-space:nowrap;transition:color .2s}.site-nav a:hover{color:#fff}
.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#c9a24b;transform:scaleX(0);transition:transform .25s}
.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.site-nav a[aria-current=page]{color:#e8cf8a}
.site-nav .nav-cta{padding:11px 18px;border:1px solid #c9a24b;color:#e8cf8a}.site-nav .nav-cta:after{display:none}
.site-nav .nav-cta:hover,.site-nav .nav-cta[aria-current=page]{background:linear-gradient(135deg,#e8cf8a,#c9a24b 55%,#a8832f);color:#0a0a0a}
.nav-toggle{display:none;position:relative;z-index:2;width:44px;height:44px;margin-right:-10px;background:none;border:0;cursor:pointer;color:#e8cf8a}
.nav-toggle i{position:absolute;left:11px;right:11px;height:1px;background:currentColor;transition:transform .3s,opacity .2s}.nav-toggle i:nth-child(1){top:16px}.nav-toggle i:nth-child(2){top:22px}.nav-toggle i:nth-child(3){top:28px}
.nav-open .nav-toggle i:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-open .nav-toggle i:nth-child(2){opacity:0}.nav-open .nav-toggle i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1080px){
.nav-toggle{display:block}
.site-nav{position:fixed;inset:0;z-index:1;flex-direction:column;justify-content:center;gap:6px;padding:90px 24px 40px;background:radial-gradient(circle at 50% 20%,#1a160d,#080808 65%);font-size:13px;letter-spacing:.3em;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.site-nav a{padding:14px 0}.site-nav .nav-cta{margin-top:18px;padding:16px 34px}
.nav-open .site-nav{opacity:1;visibility:visible}.nav-open{overflow:hidden}
}
main:focus{outline:0}[id]{scroll-margin-top:100px}
/* Inner pages: first section clears the fixed header */
.page>section:first-child{padding-top:190px;background:radial-gradient(ellipse at 70% 0%,#c9a24b14,transparent 55%)}
.page>section.booking:first-child{background:radial-gradient(ellipse at 50% 0%,#c9a24b1f,transparent 60%),#070707;border-top:0}
.page-title{font-size:clamp(38px,6vw,72px);letter-spacing:-.055em;margin:12px 0 0;line-height:.95;font-weight:700}
.booking .page-title{background:linear-gradient(180deg,#e8cf8a,#c9a24b 70%,#9c7a31);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:760px){.page>section:first-child{padding-top:130px}}
/* Home: page overview cards */
.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.explore-grid .release{transition:border-color .25s,transform .25s,box-shadow .25s}.explore-grid .release:hover{border-color:#c9a24b;transform:translateY(-2px);box-shadow:0 14px 40px #c9a24b1a}
.explore-grid .release:hover .status{color:#e8cf8a}
@media(max-width:860px){.explore-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.explore-grid{grid-template-columns:1fr}}
/* Page-to-page call to action */
.next-cta{padding:80px 0;text-align:center;border-bottom:1px solid #c9a24b33;background:radial-gradient(ellipse at 50% 100%,#c9a24b14,transparent 60%)}
.next-cta h2{font-size:clamp(30px,4.4vw,52px)}.next-cta .actions{justify-content:center}
.foot-nav{display:flex;flex-wrap:wrap;gap:22px;padding:34px 0 22px;border-bottom:1px solid var(--line);margin-bottom:26px}.foot-nav a:hover,.foot a:hover{color:#e8cf8a}
.logo{position:relative;z-index:2}
.nav-open header{z-index:70}
/* Listen & Follow: official platform logos */
.listen-page>section{border-bottom:0}
.listen-page ul{list-style:none;margin:0;padding:0}
.stream-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:64px 32px;padding-top:24px}
.stream{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:12px 6px;border-radius:18px;transition:transform .3s,background-color .3s}
.stream-logo{display:flex;align-items:center;justify-content:center;width:84px;height:84px;margin-bottom:22px;transition:transform .3s,filter .3s}
.stream-logo img{display:block;width:68px;height:68px;object-fit:contain}
.stream.is-tile .stream-logo img{width:64px;height:64px;border-radius:15px}
.stream-name{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f5f5f2}
.stream-desc{margin-top:10px;max-width:180px;font-size:12px;line-height:1.6;letter-spacing:.03em;color:#9a8a66;transition:color .3s}
.stream:hover{transform:translateY(-4px);background-color:#c9a24b0d}.stream:hover .stream-logo{transform:scale(1.06);filter:drop-shadow(0 10px 24px #c9a24b33)}.stream:hover .stream-desc{color:#e8cf8a}
.stream:focus-visible,.feature:focus-visible{outline:1px solid #e8cf8a;outline-offset:6px}
.listen-features{background:radial-gradient(ellipse at 30% 100%,#c9a24b12,transparent 60%)}
.listen-features h2{background:linear-gradient(180deg,#e8cf8a,#c9a24b 70%,#9c7a31);-webkit-background-clip:text;background-clip:text;color:transparent}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px}
.feature{display:flex;flex-direction:column;height:100%;transition:transform .3s}
.feature-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:26px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e8cf8a,#c9a24b 55%,#8a6a28);color:#0a0a0a;box-shadow:0 14px 40px #c9a24b26;transition:box-shadow .3s}
.feature-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feature-kicker{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#9a8a66}
.feature-title{margin-top:12px;font-size:22px;font-weight:700;letter-spacing:-.01em;color:#f5f5f2;transition:color .3s}
.feature-desc{margin-top:12px;font-size:14px;line-height:1.8;color:#aaa}
.feature:hover{transform:translateY(-4px)}.feature:hover .feature-title{color:#e8cf8a}.feature:hover .feature-icon{box-shadow:0 18px 50px #c9a24b4d}
@media(max-width:1080px){.stream-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.stream-grid{grid-template-columns:repeat(3,1fr);gap:52px 20px}.feature-grid{grid-template-columns:1fr;gap:48px}}
@media(max-width:760px){.listen-page>section:first-child{padding-top:calc(64px + env(safe-area-inset-top) + 76px)}.listen-page .page-title{font-size:44px}.stream-grid{grid-template-columns:repeat(2,1fr);gap:44px 14px;padding-top:8px}.stream-logo{width:72px;height:72px;margin-bottom:18px}.stream-logo img{width:58px;height:58px}.stream.is-tile .stream-logo img{width:54px;height:54px;border-radius:13px}.stream-name{font-size:11px;letter-spacing:.18em}.stream-desc{font-size:11.5px}}
/* Animated homepage portrait (static image stays as fallback underneath) */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:0;transition:opacity .6s ease;pointer-events:none}
.hero-video.is-playing{opacity:1}
@media(max-width:860px){.hero-video{object-position:center 25%}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}
/* Responsive refinements: phones, tablets, laptops and large monitors */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:clip}
img,video,iframe,svg{max-width:100%}img{height:auto}.hero-media img{height:100%}
h1,h2,h3,.manifesto{overflow-wrap:break-word;hyphens:manual}
.btn,.btn-gold,.site-nav .nav-cta{touch-action:manipulation}
/* Tablet (iPad portrait & landscape) */
@media(min-width:761px) and (max-width:1080px){
.wrap{width:min(1180px,calc(100% - 64px))}
.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.release-grid>.release:not(.clubset):last-child:nth-child(odd){grid-column:1/-1}
.clubset~.release:last-child:nth-child(even){grid-column:1/-1}
.about{gap:44px}.platforms a{padding:24px 16px}
}
@media(min-width:861px) and (max-width:1080px){.hero-grid{gap:40px}.hero h1{font-size:clamp(48px,6.4vw,72px)}}
@media(max-width:860px){.hero-media{width:100%;max-width:560px;margin-inline:auto}}
@media(min-width:561px) and (max-width:860px){.hero-media{aspect-ratio:1/1}}
/* Phones */
@media(max-width:760px){
.contact-form input,.contact-form textarea{font-size:16px;padding:14px}
.btn-gold{min-height:54px}
.release p,.release .status,.stream-desc,.foot-nav,footer{font-size:11px}
.intro,.about-copy p{font-size:15px}
.actions{gap:10px}.actions .btn{flex:1 1 200px;text-align:center;padding:17px 18px}
.foot{flex-direction:column;gap:12px}.foot-nav{gap:16px 20px}
}
@media(max-width:380px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:46px}.hero h1 span{letter-spacing:.45em}.contact-form{padding:20px 16px}.contact-card{padding:18px 16px}.contact-card .value{font-size:12px}.stream-grid{gap:36px 8px}}
/* Phones held sideways: keep text and portrait side by side */
@media(max-width:960px) and (orientation:landscape) and (max-height:520px){
.hero{padding:84px 0 40px;min-height:0}.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.hero-media{order:0;aspect-ratio:1/1;max-width:none}.hero-content{text-align:left}.hero-rule{margin:18px 0}.actions{justify-content:flex-start}
.site-nav{justify-content:flex-start;padding-top:76px;overflow-y:auto;gap:0}.site-nav a{padding:9px 0}.site-nav .nav-cta{margin-top:10px;padding:12px 28px}
}
/* Large monitors */
@media(min-width:1440px){
.wrap{width:min(1320px,calc(100% - 96px))}
.hero-grid{gap:90px}.hero h1{font-size:clamp(96px,6.4vw,124px)}.tagline{font-size:18px}
.site-nav{gap:32px;font-size:11px}.logo{font-size:24px}
.release{padding:32px;min-height:280px}.release h3{font-size:30px}.release p{font-size:11px}
.intro{max-width:460px;font-size:15px}section{padding:130px 0}.contact-grid{gap:28px}
}
@media(min-width:1920px){
.wrap{width:min(1560px,calc(100% - 160px))}
.nav{height:92px}.hero{padding-top:130px}.hero-grid{gap:120px}.hero h1{font-size:136px}.eyebrow{font-size:11px}
.btn{padding:19px 28px;font-size:11px}
h2,.page-title{font-size:84px}.release{min-height:320px;padding:38px}.release h3{font-size:34px}
.intro,.about-copy p,.feature-desc{font-size:16px}
.page>section:first-child{padding-top:220px}.contact-form{padding:44px}.contact-card{padding:30px}
.stream-grid{gap:72px 40px}.stream-logo{width:96px;height:96px}.stream-logo img{width:76px;height:76px}
}
@media(hover:none){.contact-card:hover,.explore-grid .release:hover,.stream:hover,.feature:hover{transform:none}}
/* FEEL THE BEAT: welcome screen, beat switch and visual bass pulse */
.dm-locked,.dm-locked body{overflow:hidden}
.dm-welcome{--gold:#c9a24b;--gold-hi:#e8cf8a;position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 42%,#c9a24b26,transparent 58%),radial-gradient(ellipse at 50% 120%,#c9a24b1a,transparent 50%),#050505;color:var(--white);text-align:center;transition:opacity .8s ease,transform .8s ease,filter .8s ease}
.dm-welcome.is-leaving{opacity:0;transform:scale(1.08);filter:blur(6px);pointer-events:none}
.dm-w-inner{position:relative;width:min(100%,380px);margin:auto}
.dm-w-rings{position:absolute;left:50%;top:42%;width:0;height:0;pointer-events:none}
.dm-w-rings i{position:absolute;left:-150px;top:-150px;width:300px;height:300px;border-radius:50%;border:1px solid #c9a24b59;opacity:0;animation:dm-ring 3.6s cubic-bezier(.2,.6,.3,1) infinite}
.dm-w-rings i:nth-child(2){animation-delay:1.2s}.dm-w-rings i:nth-child(3){animation-delay:2.4s}
@keyframes dm-ring{0%{transform:scale(.35);opacity:0}20%{opacity:.9}100%{transform:scale(1.9);opacity:0}}
.dm-w-k{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);opacity:0;animation:dm-up .9s .2s forwards}
.dm-w-logo{margin:22px 0 0;font-size:clamp(54px,17vw,92px);line-height:.88;letter-spacing:-.06em;font-weight:800;background:linear-gradient(180deg,#fff,var(--gold-hi) 45%,var(--gold) 75%,#9c7a31);-webkit-background-clip:text;background-clip:text;color:transparent}
.dm-w-logo span{display:block;opacity:0;animation:dm-in 1.1s cubic-bezier(.2,.7,.2,1) forwards}.dm-w-logo span:first-child{font-size:.42em;letter-spacing:.3em;margin-right:-.3em;animation-delay:.35s}.dm-w-logo span:last-child{animation-delay:.6s}
@keyframes dm-in{from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes dm-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dm-w-rule{width:64px;height:1px;margin:24px auto;background:var(--gold);transform:scaleX(0);animation:dm-rule .9s 1.1s forwards}@keyframes dm-rule{to{transform:none}}
.dm-w-tag{margin:0;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:#e4e4e4;opacity:0;animation:dm-up .9s 1.3s forwards}
.dm-eq{display:inline-flex;align-items:flex-end;gap:3px;height:16px}.dm-eq i{width:3px;height:100%;background:var(--gold-hi,#e8cf8a);transform-origin:bottom;transform:scaleY(.3);animation:dm-eq 1s ease-in-out infinite}
.dm-eq i:nth-child(2){animation-delay:-.4s}.dm-eq i:nth-child(3){animation-delay:-.7s}.dm-eq i:nth-child(4){animation-delay:-.2s}.dm-eq i:nth-child(5){animation-delay:-.55s}.dm-eq i:nth-child(6){animation-delay:-.85s}.dm-eq i:nth-child(7){animation-delay:-.3s}
@keyframes dm-eq{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.dm-w-eq{height:28px;gap:5px;margin:30px 0 0;opacity:0;animation:dm-up .9s 1.5s forwards}.dm-w-eq i{width:4px}
.dm-w-enter{display:block;width:100%;margin:30px 0 0;padding:20px 24px;border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold-hi),var(--gold) 55%,#a8832f);color:#0a0a0a;font:inherit;font-size:13px;font-weight:700;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;cursor:pointer;opacity:0;animation:dm-up .9s 1.7s forwards,dm-glow 2.4s 2.6s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
.dm-w-enter:active{transform:scale(.98)}.dm-w-enter:focus-visible{outline:1px solid var(--gold-hi);outline-offset:5px}
@keyframes dm-glow{0%,100%{box-shadow:0 0 0 0 #c9a24b00}50%{box-shadow:0 0 34px 2px #c9a24b59}}
.dm-welcome .dm-switches{margin-top:22px;text-align:left;opacity:0;animation:dm-up .9s 1.9s forwards}
.dm-w-foot{margin:24px 0 0;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);opacity:0;animation:dm-up .9s 2.1s forwards}
/* ON/OFF switches */
.dm-switches{display:grid;gap:2px;border:1px solid #c9a24b40;background:#0b0b0b}
.dm-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.dm-row+.dm-row{border-top:1px solid #ffffff14}
.dm-row b{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-hi,#e8cf8a)}.dm-row small{display:block;margin-top:5px;font-size:11px;letter-spacing:.03em;line-height:1.45;color:#9a9a9a}
.dm-row input{position:absolute;opacity:0;width:1px;height:1px}
.dm-sw{flex:none;position:relative;width:46px;height:26px;border-radius:13px;border:1px solid #555;background:#161616;transition:.25s}.dm-sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8a8a8a;transition:.25s}
.dm-row input:checked+.dm-sw{border-color:var(--gold,#c9a24b);background:#c9a24b33}.dm-row input:checked+.dm-sw i{left:23px;background:var(--gold-hi,#e8cf8a);box-shadow:0 0 12px #c9a24b99}
.dm-row input:focus-visible+.dm-sw{outline:2px solid var(--gold-hi,#e8cf8a);outline-offset:3px}
.dm-row.is-off{cursor:default}.dm-row.is-off .dm-sw{opacity:.35}
/* Floating BEAT control */
.dm-dock{--gold:#c9a24b;--gold-hi:#e8cf8a;position:fixed;z-index:61;left:20px;bottom:20px;transition:transform .3s ease,opacity .3s ease}
.mp-avoid .dm-dock{transform:translateY(calc(100% + 40px));opacity:0;pointer-events:none}
.dm-btn{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border:1px solid #c9a24b73;border-radius:24px;background:linear-gradient(135deg,#17140e,#0a0a0a 70%);color:var(--gold-hi);font:inherit;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 34px #000b;-webkit-tap-highlight-color:transparent}
.dm-btn:hover,.dm-dock.is-open .dm-btn{border-color:var(--gold)}.dm-btn:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.dm-btn .dm-eq i{animation-play-state:paused}.dm-beat-on .dm-btn .dm-eq i{animation-play-state:running}
.dm-led{width:6px;height:6px;border-radius:50%;background:#444;transition:.25s}.dm-beat-on .dm-led{background:var(--gold-hi);box-shadow:0 0 8px var(--gold)}
.dm-panel{position:absolute;left:0;bottom:calc(100% + 12px);width:min(330px,calc(100vw - 20px));padding:20px;background:linear-gradient(135deg,#17140e,#0a0a0a 70%);border:1px solid #c9a24b59;box-shadow:0 18px 50px #000c;color:var(--white)}
.dm-panel[hidden]{display:none}
.dm-panel-k{font-size:9px;letter-spacing:.3em;color:var(--gold)}.dm-panel-t{margin:6px 0 16px;font-size:22px;font-weight:800;letter-spacing:-.03em;text-transform:uppercase}
.dm-status{margin:14px 0 0;font-size:11px;line-height:1.6;color:#aaa}.dm-status b{color:var(--gold-hi);letter-spacing:.14em;text-transform:uppercase}.dm-status a{color:var(--gold-hi);text-decoration:underline}
/* Visual bass pulse (devices without vibration, or vibration switched off) */
.dm-pulse{position:fixed;inset:0;z-index:59;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px #c9a24b59,inset 0 0 0 1px #c9a24b80;background:radial-gradient(ellipse at 50% 115%,#c9a24b38,transparent 55%)}
@media(max-width:760px){.dm-dock{left:10px;bottom:calc(88px + env(safe-area-inset-bottom))}.dm-btn{width:48px;padding:0;justify-content:center;gap:0}.dm-btn-l,.dm-btn .dm-led{display:none}
html:has(.mini-player.is-open) .dm-dock{opacity:0;pointer-events:none}.dm-beat-on .dm-btn{border-color:var(--gold);box-shadow:0 12px 34px #000b,0 0 14px #c9a24b4d}}
@media(max-height:560px) and (orientation:landscape){.dm-w-logo{font-size:44px}.dm-w-rule{margin:14px auto}.dm-w-eq{display:none}.dm-w-enter{margin-top:18px;padding:15px}.dm-welcome .dm-switches{margin-top:14px}.dm-w-foot{margin-top:14px}}
@media(min-width:1440px){.dm-btn{height:54px;font-size:11px;padding:0 20px}.dm-dock{left:28px;bottom:28px}}
@media(prefers-reduced-motion:reduce){.dm-welcome *{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.dm-w-rings{display:none}.dm-welcome{transition:opacity .25s}.dm-welcome.is-leaving{transform:none;filter:none}.dm-eq i{animation:none!important;transform:scaleY(.6)}}
/* Music page: new single with built-in player */
.track{--gold:#c9a24b;--gold-hi:#e8cf8a;display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:0;margin-bottom:18px;background:linear-gradient(135deg,#17140e,#0a0a0a 70%);border:1px solid #c9a24b59;box-shadow:0 18px 50px #0008}
.track-cover{position:relative;aspect-ratio:1;background:#0a0a0a;overflow:hidden}.track-cover img{display:block;width:100%;height:100%;object-fit:cover}
.track-body{display:flex;flex-direction:column;justify-content:center;padding:40px 44px;border-left:1px solid #c9a24b40;min-width:0}
.track .number{font-size:10px;letter-spacing:.3em;color:var(--gold)}
.track h3{font-size:clamp(24px,3vw,38px);letter-spacing:-.04em;line-height:1.05;margin:18px 0 18px}
.track-quote{font-size:clamp(15px,1.6vw,18px);font-style:italic;color:var(--gold-hi);margin:0 0 14px;line-height:1.5}
.track-desc{font-size:14px;line-height:1.8;color:#bbb;margin:0 0 14px;max-width:520px}
.track-tag{font-size:10px;letter-spacing:.3em;color:#ddd;margin:0 0 30px}
.track-player{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#0a0a0acc;border:1px solid #c9a24b40}
.track-player button{background:none;border:0;padding:0;color:var(--gold-hi);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;-webkit-tap-highlight-color:transparent}
.track-player svg{width:20px;height:20px;fill:currentColor}
.tp-play{width:54px!important;height:54px!important;border-radius:50%;border:1px solid var(--gold)!important;background:linear-gradient(135deg,#e8cf8a,#c9a24b 55%,#8c6d2c)!important;color:#0a0a0a!important;box-shadow:0 0 18px #c9a24b40;transition:transform .2s,box-shadow .2s}
.tp-play:hover{transform:scale(1.05);box-shadow:0 0 26px #c9a24b80}.tp-play svg{width:22px;height:22px}.tp-play .i-play{margin-left:3px}
.tp-play .i-pause,.track.is-playing .tp-play .i-play{display:none}.track.is-playing .tp-play .i-pause{display:block}
.track.is-loading .tp-play{animation:tp-pulse 1s ease-in-out infinite}@keyframes tp-pulse{50%{box-shadow:0 0 0 6px #c9a24b30}}
.tp-main{flex:1;min-width:0}.tp-time{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;letter-spacing:.14em;color:#999;font-variant-numeric:tabular-nums}
.tp-volume{display:flex;align-items:center;gap:8px;flex:none}.tp-mute{width:32px;height:32px}.tp-mute:hover{color:#fff}
.tp-mute .i-off,.track.is-muted .tp-mute .i-on{display:none}.track.is-muted .tp-mute .i-off{display:block}.track.no-vol .tp-vol{display:none}
.track-player input[type=range]{-webkit-appearance:none;appearance:none;background:none;margin:0;height:24px;cursor:pointer;touch-action:none}
.tp-seek{width:100%}.tp-vol{width:90px}
.track-player input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--gold-hi) var(--p,0%),#ffffff30 var(--p,0%))}
.track-player input[type=range]::-moz-range-track{height:3px;background:linear-gradient(90deg,var(--gold-hi) var(--p,0%),#ffffff30 var(--p,0%))}
.track-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold-hi);border:0;margin-top:-5.5px;box-shadow:0 0 8px #c9a24b99}
.track-player input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold-hi);border:0;box-shadow:0 0 8px #c9a24b99}
.track-player input[type=range]:focus-visible,.track-player button:focus-visible{outline:1px solid var(--gold-hi);outline-offset:3px}
@media(max-width:900px){.track{grid-template-columns:1fr}.track-cover{max-height:none}.track-body{border-left:0;border-top:1px solid #c9a24b40;padding:28px 22px}}
@media(max-width:480px){.track-player{flex-wrap:wrap;gap:12px;padding:14px}.tp-main{flex-basis:calc(100% - 70px)}.tp-volume{width:100%}.tp-vol{flex:1}.track.no-vol .tp-volume{width:auto}.track.no-vol .tp-main{flex-basis:0}}