@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.video-grid iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid #34372f;background:#000}
@media(max-width:700px){.video-grid{grid-template-columns:1fr}}
:root{--bg:#10110f;--panel:#1b1d19;--fg:#f2f3ea;--muted:#a8aca1;--lime:#d3ff43;--line:#34372f}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 'DM Sans',Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a{ -webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
header{height:105px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{font:800 34px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;display:inline-block}
.brand span{display:block;font:600 11px/1.6 'DM Sans',sans-serif;letter-spacing:3px;margin-top:6px}
nav{display:flex;gap:34px}
nav a,.nav-listen{font-size:14px}
nav a:hover,.text-link:hover{color:var(--lime)}
.nav-listen{border:1px solid #676d5d;padding:12px 18px}
.hero{display:grid;grid-template-columns:1.3fr 1fr;padding:60px 5% 55px;gap:45px;min-height:640px}
.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600;line-height:1.6}
.hero .eyebrow{display:flex;gap:25px;flex-wrap:wrap}
.hero .eyebrow span{color:var(--lime)}
h1,h2,p{margin:0}
h1{font:800 clamp(70px,7.6vw,125px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.5px;margin:48px 0}
em{font-style:normal;color:var(--lime)}
.hero-copy{display:flex;flex-direction:column;justify-content:space-between}
.hero-bottom{display:flex;justify-content:space-between;gap:25px;align-items:end}
.hero-bottom p{color:var(--muted);font-size:16px}
.button{border:0;background:var(--fg);color:#10110f;padding:16px 22px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:28px;white-space:nowrap}
.lime{background:var(--lime)}
.button:hover{background:#e2ff87}
.feature{position:relative;min-height:480px;overflow:hidden}
.feature>img{width:100%;height:100%;position:absolute;object-fit:cover}
.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 65%,#0004);pointer-events:none}
.feature-top,.feature-caption{position:absolute;z-index:1;left:25px;right:25px;display:flex;justify-content:space-between}
.feature-top{top:22px;font-size:12px;letter-spacing:2px}
.feature-caption{bottom:25px;align-items:end}
.feature-caption span{font-size:12px;letter-spacing:1.5px}
.feature-caption h2{font:700 68px/1.1 'Barlow Condensed',sans-serif}
.round{border:0;background:var(--lime);height:65px;width:65px;border-radius:50%;font-size:22px}
.genre-strip{display:flex;justify-content:space-around;gap:28px;background:var(--lime);color:#10110f;padding:17px 25px;overflow:hidden;white-space:nowrap;font:700 20px 'Barlow Condensed',sans-serif;letter-spacing:1px}
.genre-strip i{font-style:normal}
.section{padding:90px 5%;scroll-margin-top:20px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}
.section h2,.xynthea-section h2{font:600 clamp(40px,4vw,60px)/1.05 'Barlow Condensed',sans-serif;letter-spacing:-.5px}
.section .eyebrow{color:var(--muted);margin-bottom:20px}
.text-link{font-size:14px;border-bottom:1px solid var(--muted);padding-bottom:6px}
.releases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 22px}
.cover{aspect-ratio:1;position:relative;overflow:hidden;background:var(--panel)}
.cover img{height:100%;width:100%;object-fit:cover;transition:transform .4s}
.release:hover img{transform:scale(1.035)}
.cover button{position:absolute;bottom:14px;right:14px;border:0;border-radius:50%;width:46px;height:46px;background:var(--fg);color:#111}
.release h3{font-size:18px;margin:14px 0 2px}
.release p{font-size:14px;color:var(--muted)}
.release .genre{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--lime);margin-top:9px}
.section-note{font-size:14px;color:var(--muted);margin-top:35px}
.artists-section{background:#191b17}
.section-heading>p{color:var(--muted)}
.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.artist img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:50% 25%;filter:grayscale(1);transition:filter .3s}
.artist:hover img{filter:grayscale(0)}
.artist .artist-name{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-size:22px;font-weight:600}
.artist p{color:var(--muted);font-size:14px}
.label-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.label-copy p{font-size:18px;color:var(--muted);margin-bottom:24px;max-width:550px}
.xynthea-section{margin:0 5%;background:var(--lime);color:#111;display:flex;align-items:center;gap:35px;padding:45px}
.x-mark{font:800 150px/1 'Barlow Condensed',sans-serif}
.xynthea-section h2{font-size:42px;margin:10px 0 18px}
.xynthea-section p:not(.eyebrow){font-size:14px}
.xynthea-section .button{margin-left:auto;background:#111;color:var(--fg)}
.contact>a{display:inline-block;font:600 clamp(35px,5vw,70px)/1.2 'Barlow Condensed',sans-serif}
.family-links{display:flex;gap:35px;margin-top:35px;font-size:14px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:38px 5% 115px;display:flex;justify-content:space-between;gap:25px;align-items:center}
footer p,footer>span,footer>div{font-size:12px;color:var(--muted)}
footer>div{display:flex;gap:20px}
.chat-launch{position:fixed;bottom:24px;right:24px;background:var(--lime);border:1px solid #111;padding:13px 20px;border-radius:35px;z-index:5;color:#111;box-shadow:0 5px 30px #0005}
dialog{background:#20231c;border:1px solid #555f42;color:var(--fg);width:min(420px,calc(100% - 30px));padding:24px;border-radius:12px;position:fixed;margin:auto 24px 86px auto;max-height:80vh}
dialog::backdrop{background:#0008}
.chat-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}
.chat-head span{display:block;font-size:12px;color:var(--muted)}
.chat-head button,#close-player{border:0;background:none;color:var(--fg);font-size:28px}
.chat-choices{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}
.chat-choices button{background:transparent;border:1px solid #697657;color:var(--fg);padding:10px;font-size:14px}
.chat-note{font-size:12px;color:var(--muted)}
#chat-content{padding-top:22px}
#chat-content a{color:var(--lime);display:block;padding:7px 0}
#player{position:fixed;bottom:0;left:0;width:100%;z-index:8;background:#292e21;border-top:1px solid #6c7954;padding:14px 5%;display:flex;align-items:center;gap:20px}
#player[hidden]{display:none}
#player img{width:50px;height:50px;object-fit:cover}
.player-title{min-width:180px}
.player-title span{display:block;color:var(--muted);font-size:12px}
audio{flex:1;height:38px;max-width:650px}
#audio-status{font-size:12px}
#close-player{margin-left:auto}
.skip{position:absolute;left:10px;top:-60px;background:var(--lime);color:#111;padding:10px;z-index:10}
.skip:focus{top:10px}
@media(min-width:1500px){body{max-width:1800px;margin:auto}
}
@media(max-width:1050px){h1{font-size:80px}
.hero{gap:25px}
.hero-bottom{align-items:start;flex-direction:column}
.feature{min-height:490px}
.nav-listen{display:none}
.xynthea-section{flex-wrap:wrap}
.xynthea-section .button{margin-left:0}
.releases{grid-template-columns:repeat(3,minmax(0,1fr))}
footer{flex-wrap:wrap}
}
@media(max-width:700px){header{height:85px}
.brand{font-size:29px}
nav{gap:16px}
nav a{font-size:12px}
.hero{grid-template-columns:1fr;padding-top:32px;gap:30px}
.hero .eyebrow{font-size:10px;gap:12px}
h1{font-size:clamp(65px,14.4vw,100px);margin:30px 0}
.hero-bottom{flex-direction:row;align-items:end}
.hero-bottom p{font-size:14px}
.button{font-size:12px;padding:14px;gap:10px}
.feature{min-height:390px}
.section{padding:60px 5%}
.section-heading{align-items:start;flex-direction:column}
.section-heading>p{font-size:14px}
.releases{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}
.release h3{font-size:16px}
.release p{font-size:12px}
.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}
.artist .artist-name{font-size:18px}
.label-section{grid-template-columns:1fr;gap:30px}
.label-copy p{font-size:16px}
.xynthea-section{padding:28px;gap:20px}
.x-mark{font-size:80px}
.xynthea-section h2{font-size:36px}
.xynthea-section br{display:none}
.family-links{flex-direction:column;gap:16px}
footer{align-items:start;flex-direction:column}
#player{padding:12px;gap:10px;flex-wrap:wrap}
#player audio{order:5;flex-basis:100%;max-width:100%}
.player-title{min-width:0;flex:1}
#audio-status{max-width:150px}
dialog{margin:auto 15px 90px}
.chat-launch{right:15px;bottom:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}


.hero-copy,.feature{min-width:0}
@media(max-width:360px){h1{font-size:16vw}
header{flex-wrap:wrap;height:auto;padding-top:18px;padding-bottom:18px;gap:20px}
nav{width:100%;justify-content:space-between}
.hero-bottom{flex-direction:column;align-items:start}
.feature{min-height:300px}
}


.brand{line-height:0;flex-shrink:0}
.brand img {
    display: block;
    width: 148px;
    height: auto;
    background: transparent;
}
footer .brand img{width:160px}
.transport{border:0;background:transparent;color:var(--fg);min-width:36px;height:42px;padding:6px;font-size:14px}.main-play{background:var(--lime);color:#10110f;border-radius:50%;width:44px;flex-shrink:0}.wave-area{flex:1;min-width:120px}.wave-seek{position:relative;height:42px}.wave-seek canvas{display:block;width:100%;height:42px}.wave-seek input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.wave-seek:focus-within{outline:2px solid var(--lime);outline-offset:3px}.wave-time{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}#player{gap:12px}#player .player-title{min-width:0;max-width:220px}#audio-status:empty{display:none}#audio-status{max-width:130px}.player-open .chat-launch{bottom:110px}audio[hidden]{display:none!important}@media(max-width:700px){#player .wave-area{order:5;flex-basis:100%}#player .player-title{max-width:none}#player img{width:38px;height:38px}#player-mute{font-size:12px}.player-open .chat-launch{bottom:172px}#player{gap:7px}#audio-status{order:6;max-width:none;width:100%}}
.feature-controls{position:absolute;top:58px;right:24px;z-index:2;display:flex;gap:6px}.feature-controls button{background:#10110fe6;border:1px solid #828876;color:var(--fg);min-width:44px;min-height:40px;padding:6px 12px;font-size:14px}.feature-caption h2{font-size:clamp(32px,4vw,60px);overflow-wrap:anywhere}.feature-caption>div{max-width:calc(100% - 80px)}.legal-content{max-width:850px;margin:auto;padding:65px 5% 90px}.legal-content h1{font-size:64px;margin:20px 0}.legal-content h2{font-size:24px;margin:32px 0 12px}.legal-content p,.legal-content li{color:var(--muted);margin-bottom:15px}.legal-content a{text-decoration:underline;color:var(--fg)}footer>div{flex-wrap:wrap}
@media(max-width:700px){.brand img{width:112px}
header{min-height:85px}
}

/* SPYDA-PREVIEW-WAVE-1.1.0: standalone waveform transport, matching existing dark/lime theme. */
#player{box-shadow:0 -8px 34px #0008;min-height:90px}
#player .player-title{min-width:120px;flex:0 1 190px;line-height:1.35}
#player .player-title strong,#player .player-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#player .player-title span{margin-top:5px}
#player .wave-area{flex:1 1 260px;min-width:145px;max-width:none}
#player .wave-seek{height:46px;border-radius:4px;background:#1b2018;overflow:hidden}
#player .wave-seek canvas{height:46px}
#player .wave-seek input{touch-action:pan-y}
#player .wave-seek:hover{background:#222b1d}
#player .wave-seek:focus-within{outline:2px solid var(--lime);outline-offset:2px}
#player .wave-time{padding:2px 1px 0;font-variant-numeric:tabular-nums}
#player .transport:focus-visible,#player #close-player:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
#player #player-mute{font-size:12px;min-width:66px;border:1px solid #78836b;border-radius:4px;padding:8px}
#player #audio-status{font-size:11px;line-height:1.35;max-width:170px}
#player #close-player{padding:4px 8px;line-height:1;margin-left:0}
@media(max-width:850px){
 #player{flex-wrap:wrap;padding:10px 14px;gap:8px}
 #player img{width:40px;height:40px}
 #player .player-title{flex:1 1 calc(100% - 210px);min-width:90px;max-width:none}
 #player .wave-area{order:5;flex:1 1 100%;min-width:100%}
 #player #audio-status{order:6;flex:1 1 100%;max-width:none}
 #player #close-player{margin-left:auto}
 .player-open .chat-launch{bottom:174px}
}
@media(max-width:380px){#player{gap:5px}#player .transport{min-width:29px;padding:4px}#player #player-mute{min-width:52px;padding:5px}}

/* Keep the floating music guide above the player, even if the status wraps on mobile. */
body.player-open .chat-launch{bottom:calc(var(--spyda-player-height, 210px) + 14px)}

/* SPYDA-GENRE-TICKER-1.1.1: seamless right-to-left banner; no audio/player changes. */
.genre-strip{display:block;position:relative;padding:17px 0;overflow:hidden}
.genre-track{display:flex;width:max-content;animation:spyda-genre-scroll 36s linear infinite;will-change:transform}
.genre-group{display:flex;align-items:center;flex:0 0 auto;gap:28px;padding-right:28px}
.genre-group span,.genre-group i{flex-shrink:0}
@keyframes spyda-genre-scroll{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@media(prefers-reduced-motion:reduce){.genre-track{animation:none;will-change:auto}}