:root{color-scheme:dark;--cyan:#02e6ff;--pink:#ff22d5;--violet:#8f65ff;--ink:#060818;--white:#fff;--muted:#bfc5e4;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070719;color:var(--white);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}body:before{content:"";position:fixed;inset:0;background:linear-gradient(95deg,rgba(3,4,17,.58),rgba(5,3,18,.12) 53%,rgba(5,2,15,.14)),url('assets/club-background.webp') center center/cover no-repeat;z-index:-2}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#080716 0%,transparent 32%,transparent 75%,rgba(0,0,10,.5) 100%)}.shell{width:min(1460px,calc(100% - 7vw));margin:auto}.topbar{position:relative;z-index:10;border-bottom:1px solid #ffffff17;background:#06071952;backdrop-filter:blur(10px)}.nav{min-height:80px;display:flex;align-items:center;gap:40px}.brand{font-size:1.45rem;font-weight:1000;letter-spacing:-1.5px;white-space:nowrap;text-shadow:2px 2px var(--pink)}.brand span{color:white}.navlinks{display:flex;align-items:center;gap:clamp(16px,2.5vw,40px);margin-left:auto}.navlinks a{font-size:.88rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;opacity:.9;transition:color .2s}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--cyan)}.languages{display:flex;gap:9px;margin-left:22px}.languages button{border:0;background:transparent;color:#c1c7e3;font-weight:900;padding:7px 2px}.languages button.active{color:var(--pink)}.languages button:last-child.active{color:var(--cyan)}.menu-button{display:none;border:1px solid #ffffff40;background:#090a1b99;color:white;border-radius:8px;padding:8px 12px}.home{min-height:calc(100svh - 80px);display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(36px,5vh,76px);padding-bottom:clamp(30px,5vh,66px)}.hero-grid{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:clamp(350px,53vh,660px)}.intro{align-self:end;padding-bottom:clamp(10px,3vh,38px);position:relative;z-index:2}.eyebrow{font-size:.82rem;letter-spacing:.7em;font-weight:800;text-transform:uppercase;margin:0 0 14px;color:#e6e8ff}.intro h1{font-size:clamp(4.5rem,8.5vw,9.5rem);letter-spacing:-.07em;line-height:.91;margin:0;font-weight:1000;text-shadow:4px 6px 0 #04040b,4px 9px 25px #000}.intro h1 span{color:white;filter:drop-shadow(0 5px 0 #bd14d7)}.genre{font-size:clamp(.75rem,1.15vw,1.2rem);font-weight:800;letter-spacing:.2em;line-height:1.9;text-transform:uppercase;margin:20px 0 0;text-shadow:0 2px 8px #000}.logo-wrap{display:flex;align-items:center;justify-content:center;position:relative;min-width:0}.logo-wrap:before{content:"";position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#ff16d94d 0%,#01dbff43 36%,transparent 72%);filter:blur(42px);animation:breathe 7s ease-in-out infinite}.hero-logo{width:min(100%,680px);height:auto;position:relative;filter:drop-shadow(0 12px 32px #0009);animation:float 8s ease-in-out infinite}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1100px}.card{display:flex;align-items:center;gap:18px;min-height:115px;padding:20px 23px;background:#04091bd9;border:2px solid var(--cyan);border-radius:12px;box-shadow:0 0 8px #00dfff,0 0 25px #00dfff3d,inset 0 0 18px #04d4ff0c;backdrop-filter:blur(12px);transition:transform .2s,box-shadow .2s}.card:nth-child(2){border-color:var(--pink);box-shadow:0 0 8px var(--pink),0 0 25px #ff22d53d}.card:nth-child(3){border-color:#8a7aff;box-shadow:0 0 8px #8a7aff,0 0 25px #8a7aff3d}.card:hover{transform:translateY(-7px);box-shadow:0 0 17px currentColor}.card-icon{font-size:2.7rem;line-height:1;color:var(--cyan);flex:0 0 52px;text-align:center}.card:nth-child(2) .card-icon{color:var(--pink)}.card:nth-child(3) .card-icon{color:var(--violet)}.card-text{flex:1;min-width:0}.card h2{font-size:1.1rem;margin:0 0 7px;font-weight:900}.card p{font-size:.83rem;color:#b9bdd5;margin:0;line-height:1.4}.arrow{font-size:1.5rem;color:var(--cyan)}.card:nth-child(2) .arrow{color:var(--pink)}.card:nth-child(3) .arrow{color:var(--violet)}.footer{position:relative;background:#050615b8;border-top:1px solid #ffffff1a;padding:20px 0;color:#c8c9df;font-size:.8rem}.footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-note{max-width:680px;margin:0;color:#a3a5c0}.inner{padding:clamp(48px,8vh,110px) 0 100px;min-height:calc(100svh - 150px)}.inner-header{display:flex;gap:28px;align-items:center;max-width:1100px;margin-bottom:38px}.inner-logo{width:clamp(110px,18vw,220px);height:auto;flex:none}.inner h1{font-size:clamp(2.5rem,6vw,5rem);margin:0 0 14px;line-height:1;letter-spacing:-.04em}.inner .lead{font-size:clamp(1rem,1.5vw,1.25rem);color:#e5e6f7;line-height:1.65;margin:0}.panel{max-width:1000px;background:#060a20df;border:1px solid #9e66fa77;box-shadow:0 0 35px #b41ee125;border-radius:20px;padding:clamp(24px,4vw,48px);backdrop-filter:blur(16px)}.panel h2{font-size:1.65rem;margin:0 0 16px}.panel p{line-height:1.75;color:#d6d7eb}.cta{display:inline-block;margin-top:12px;padding:14px 20px;background:linear-gradient(110deg,#05d9f2,#c71bcf);color:#040717;border-radius:8px;font-weight:900}.back{display:inline-block;margin-top:28px;color:var(--cyan);font-weight:800}.note{border-left:3px solid var(--pink);padding-left:17px}.story-line{font-size:1.2rem}.status{font-size:.85rem;color:#c2bbd9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{50%{transform:scale(1.12);opacity:.7}}@keyframes float{50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:950px){.nav{min-height:70px;flex-wrap:wrap;gap:15px}.menu-button{display:block;margin-left:auto}.languages{margin-left:0}.navlinks{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:0 0 15px}.navlinks.open{display:flex}.navlinks a{padding:13px;border-bottom:1px solid #ffffff22}.home{min-height:calc(100svh - 70px)}.hero-grid{grid-template-columns:1fr 1fr;min-height:380px}.intro h1{font-size:clamp(4rem,10vw,7rem)}.cards{gap:12px}.card{padding:16px 12px;gap:8px}.card-icon{flex-basis:35px;font-size:2rem}.card h2{font-size:.92rem}}@media(max-width:650px){.shell{width:calc(100% - 34px)}body:before{background-position:58% center}.home{padding-top:25px;gap:30px}.hero-grid{display:flex;flex-direction:column-reverse;min-height:0}.logo-wrap{width:min(94%,400px);align-self:center}.intro{align-self:stretch;padding:0}.intro h1{font-size:clamp(4rem,18vw,6.5rem)}.eyebrow{font-size:.7rem;letter-spacing:.4em}.genre{font-size:.75rem;letter-spacing:.08em}.cards{grid-template-columns:1fr;max-width:none;gap:13px}.card{min-height:85px;padding:14px 19px}.card h2{font-size:1.05rem}.inner-header{flex-direction:column;align-items:flex-start;gap:12px}.inner-logo{width:160px}.footer .shell{display:block}.footer-note{margin-top:10px}}@media(min-width:1600px){.hero-grid{min-height:58vh}}

/* V0.6: cohesive navigation and display lettering */
:root{--display-font:'Arial Black','Arial Narrow',Impact,Arial,sans-serif}
.topbar{background:rgba(5,5,23,.78);backdrop-filter:blur(12px)}
.nav{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;min-height:78px}
.brand{justify-self:start;font-family:var(--display-font);font-size:1.45rem;font-weight:900;font-style:italic;letter-spacing:-.055em;text-shadow:2px 2px 0 #e92cd8}
.navlinks{margin:0;justify-self:center;gap:clamp(20px,3vw,48px)}
.navlinks a{font-family:var(--display-font);font-size:clamp(.85rem,1vw,1.08rem);font-weight:700;letter-spacing:-.035em;white-space:nowrap}
.languages{margin:0;justify-self:end}
.inner h1{font-family:var(--display-font);font-weight:900;font-style:italic;letter-spacing:-.065em;text-transform:uppercase;line-height:1.06;text-shadow:3px 3px 0 #110519,5px 5px 0 #e220c7,0 0 25px #00e7ff45}
.inner .panel h2{font-family:var(--display-font);font-weight:800;letter-spacing:-.035em}
@media(max-width:950px){.nav{display:flex;flex-wrap:wrap}.navlinks{order:4;flex-basis:100%;margin:0}.languages{margin-left:0}.menu-button{margin-left:auto}}

/* Hearthis embed on the Mixes page only */
.hearthis-mix-panel{border:1px solid rgba(0,232,255,.35);box-shadow:0 0 22px rgba(212,23,192,.12)}
.hearthis-player{width:100%;max-width:100%;overflow:hidden;border-radius:10px;margin:18px 0}
.hearthis-player iframe{max-width:100%}


/* DJ Cliq: smartphone-only inner-page layout; desktop and home untouched. */
@media (max-width:700px) {
  html { overflow-x:hidden; }
  body:not(.original-home) { width:100%; min-width:0; overflow-x:hidden; }
  body:not(.original-home) .shell { width:calc(100% - 28px); max-width:480px; }
  body:not(.original-home) .site-header {
    height:auto; min-height:0; padding:12px 14px 10px;
    display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;
    gap:12px 8px;
  }
  body:not(.original-home) .site-brand { flex:1 1 auto; }
  body:not(.original-home) .site-brand img { width:125px; max-width:42vw; height:auto; }
  body:not(.original-home) .site-languages { order:2; margin:0; gap:7px; }
  body:not(.original-home) .site-languages button { min-width:38px; min-height:38px; padding:5px; }
  body:not(.original-home) .site-languages button img { max-width:34px; height:auto; }
  body:not(.original-home) .site-links {
    order:3; flex:0 0 100%; width:100%; min-width:0;
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px; align-items:stretch; justify-items:stretch;
  }
  body:not(.original-home) .site-links a {
    min-width:0; min-height:47px; padding:9px 3px;
    display:flex; justify-content:center; align-items:center;
    background:#16132c; border:1px solid #534473; border-radius:9px;
  }
  body:not(.original-home) .site-links a[aria-current="page"] { border-color:#02e6ff; background:#153044; }
  body:not(.original-home) .site-links a[aria-current="page"]::after { display:none; }
  body:not(.original-home) .site-links a img { max-width:95%; height:auto; max-height:15px; object-fit:contain; }
  body:not(.original-home) main.shell.inner {
    display:block; min-height:0; padding:18px 0 22px;
    overflow:visible; height:auto;
  }
  body:not(.original-home) .inner-header {
    display:flex; flex-direction:row; align-items:center;
    gap:12px; margin:0 0 18px; max-width:100%;
  }
  body:not(.original-home) .inner-logo { width:70px; max-width:23vw; flex:none; }
  body:not(.original-home) .inner-header > div { min-width:0; flex:1; }
  body:not(.original-home) .ethno-heading { margin:0 0 8px; }
  body:not(.original-home) .ethno-heading img {
    display:block; max-width:100%; width:auto; height:auto; max-height:32px; object-fit:contain;
  }
  body:not(.original-home) .inner .lead { font-size:.9rem; line-height:1.4; }
  body:not(.original-home) main.inner>.panel {
    display:block; width:100%; max-width:100%; min-height:0; height:auto;
    overflow:visible; padding:16px 12px; border-radius:15px;
  }
  body:not(.original-home) .panel h2 { font-size:1.15rem; }
  body:not(.original-home) main.inner>.back { display:inline-block; margin-top:18px; font-size:.85rem; line-height:1.5; }
  body:not(.original-home) .footer { padding:15px 0; }
  body:not(.original-home) .footer .shell { display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; }
  body:not(.original-home) .footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; }
  /* Download player, controls and mix list */
  .mix-download-panel .mix-section-title { margin:0 0 12px; }
  .mix-download-panel .mix-section-title img { max-width:100%; height:auto; max-height:32px; }
  .mix-download-panel .mix-player-area { padding:14px 12px; border-radius:12px; }
  .mix-download-panel .mix-player-main { display:block; }
  .mix-download-panel .mix-player-info { width:100%; min-width:0; }
  .mix-download-panel .mix-current-title { font-size:1.12rem; line-height:1.35; margin:9px 0 12px; }
  .mix-download-panel #djcliq-audio { width:100%; min-width:0; height:54px; }
  .mix-download-panel .mix-spectrum { display:none!important; }
  .mix-download-panel .mix-list-heading { margin:18px 0 10px; font-size:.86rem; line-height:1.45; }
  .mix-download-panel .mix-track-list {
    display:grid; gap:9px; max-height:315px; min-height:0;
    overflow-y:auto; overflow-x:hidden; padding-right:5px;
    -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  }
  .mix-download-panel .mix-track { display:flex; flex-wrap:wrap; padding:7px; gap:4px; }
  .mix-download-panel .mix-choose { flex:1 0 100%; min-width:0; min-height:45px; padding:8px 6px; gap:8px; }
  .mix-download-panel .mix-track-name { font-size:.88rem; line-height:1.35; }
  .mix-download-panel .mix-track-duration { font-size:.74rem; }
  .mix-download-panel .mix-download { display:inline-flex; align-items:center; justify-content:center; min-height:43px; padding:10px 15px; margin-left:auto; font-size:.8rem; }
  .mix-download-panel .mix-help { margin-top:12px!important; font-size:.8rem; }
  /* Hearthis tabs and full-height official embed */
  .hearthis-library .mixes-section-title { margin:0 0 12px; font-size:1.1rem; }
  .hearthis-library .hearthis-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 13px; }
  .hearthis-library .hearthis-tab { min-width:0; min-height:78px; padding:10px 5px; gap:5px; }
  .hearthis-library .hearthis-tab strong { font-size:.85rem; line-height:1.25; overflow-wrap:anywhere; }
  .hearthis-library .hearthis-tab span { font-size:.73rem; line-height:1.25; }
  .hearthis-library .hearthis-featured { padding:12px 10px; border-radius:12px; }
  .hearthis-library .hearthis-featured-label { font-size:.65rem; }
  .hearthis-library .hearthis-current-title { font-size:1.05rem; line-height:1.35; margin:8px 0 12px; }
  .hearthis-library .hearthis-featured iframe {
    display:block; width:100%; height:170px; min-height:170px; max-height:none; border:0;
  }
  .hearthis-library .hearthis-open { display:inline-block; margin-top:10px; padding:7px 0; font-size:.85rem; }
  .hearthis-library [role="tabpanel"]:not([hidden]) { display:block; min-height:0; }
  .hearthis-library .hearthis-list-heading { margin:16px 0 9px; font-size:.88rem; }
  .hearthis-library .hearthis-track-list {
    display:grid; max-height:265px; min-height:0; overflow-y:auto;
    overflow-x:hidden; padding-right:5px; gap:8px;
    -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  }
  .hearthis-library .hearthis-choose { min-height:52px; padding:12px 10px; gap:10px; }
  .hearthis-library .hearthis-track-name { font-size:.9rem; line-height:1.4; }
  .hearthis-library .hearthis-list-hint { font-size:.79rem; margin-top:9px!important; }
  /* Story and legal pages: readable paragraphs */
  body:not(.original-home) .panel p { font-size:1rem; line-height:1.65; overflow-wrap:anywhere; }
}