*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#0b0808;color:#fff;font-family:Poppins,Arial,Helvetica,sans-serif;line-height:1.5}
a{color:#ffd24a}
img{max-width:100%;height:auto}
.mw{max-width:1240px;margin:0 auto;padding:0 20px}
.mtop{background:#0b0808;border-bottom:5px solid #8f1a22}
.mtop .mw{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;padding-top:12px;padding-bottom:12px}
.mlogo{display:block;flex:none;line-height:0;background:#fff;border-radius:6px;padding:4px}
.mlogo img{height:60px;width:auto;display:block}
.mnav{display:flex;flex-wrap:wrap;gap:4px 22px;flex:1;min-width:0}
.mnav a{color:#fff;text-decoration:none;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.05em;padding:6px 0}
.mnav a:hover,.mnav a.on{color:#ffd24a}
.np{background:linear-gradient(90deg,#1d1414,#0b0808);border-bottom:1px solid #2e2626}
.np .mw{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.np-txt{min-width:0;flex:1}
.np-lab{display:flex;align-items:center;gap:8px;color:#ffd24a;font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase}
.np-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.np-eq i{width:3px;background:#ffd24a;border-radius:1px;animation:npEq .9s ease-in-out infinite}
.np-eq i:nth-child(2){animation-delay:.2s}.np-eq i:nth-child(3){animation-delay:.4s}
@keyframes npEq{0%,100%{height:3px}50%{height:12px}}
@media (prefers-reduced-motion:reduce){.np-eq i{animation:none;height:10px}}
.np-song{font-size:clamp(20px,3.2vw,30px);font-weight:800;line-height:1.15;overflow-wrap:anywhere}
.np-artist{font-size:16px;color:#d9d4ce}
.mhead{padding:26px 0 6px}
.mhead h1{font-size:clamp(26px,4.5vw,40px);font-weight:800;line-height:1.1;margin:0 0 6px}
.mhead p{margin:0;color:#c9c2ba;font-size:16px;max-width:760px}
.wall{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;padding:22px 0 40px;align-items:start}
.col{display:flex;flex-direction:column;gap:22px;min-width:0}
.tile{display:block;width:100%;border-radius:6px;overflow:hidden;background:#1a1414;text-decoration:none;transition:transform .15s,box-shadow .15s}
a.tile:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.55)}
.tile img{display:block;width:100%;height:100%;object-fit:cover}
.tile.lg{aspect-ratio:1/1}
.tile.sm{aspect-ratio:468/125}
.tile.open{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed #5a4d4d;background:#141010;color:#fff;padding:10px}
.tile.open b{font-size:clamp(15px,1.6vw,20px);font-weight:800}
.tile.open span{font-size:13px;color:#ffd24a;font-weight:700;letter-spacing:.04em}
.tile.sm.open{flex-direction:row;gap:10px}
.mft{background:#0b0808;border-top:1px solid #2e2626;color:#bdb7b0;font-size:13.5px;padding:20px 0 84px}
.mft a{color:#ffd24a}
@media(max-width:860px){
  .wall{display:flex;flex-direction:column;gap:16px}
  .col{display:contents}
  .mlogo img{height:50px}
  .mnav a{font-size:14px}
}
.djs{padding:18px 0 4px}
.djs h2{font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffd24a;margin:0 0 12px}
.dj-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dj{display:flex;align-items:center;gap:14px;background:#161010;border:1px solid #2e2626;border-radius:8px;padding:12px;min-width:0}
.dj img{width:92px;height:92px;flex:none;border-radius:50%;object-fit:cover}
.dj div{min-width:0}
.dj b{display:block;font-size:17px;font-weight:800;line-height:1.2}
.dj-time{display:block;font-size:13px;font-weight:700;color:#ffd24a;letter-spacing:.04em}
.dj-who{display:block;font-size:13.5px;color:#d9d4ce;line-height:1.3}
.dj.now{border-color:#ffd24a;background:#1f1616}
.dj.now .dj-time::after{content:"On now";margin-left:8px;background:#8f1a22;color:#fff;border-radius:3px;padding:1px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:1000px){.dj-row{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.dj-row{grid-template-columns:1fr;gap:10px}.dj img{width:72px;height:72px}}
.shows{padding:14px 0 4px}
.shows h2{font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffd24a;margin:0 0 12px}
.show-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.show{background:#161010;border:1px solid #2e2626;border-left:4px solid #8f1a22;border-radius:8px;padding:12px 14px;min-width:0}
.show b{display:block;font-size:17px;font-weight:800;line-height:1.2;margin:2px 0 4px}
.show p{margin:0;font-size:13.5px;color:#d9d4ce;line-height:1.45}
.show-note{margin:14px 0 0;font-size:14.5px;color:#d9d4ce}
.show-note b{color:#fff}
@media(max-width:1000px){.show-row{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.show-row{grid-template-columns:1fr;gap:10px}}
.dj.news{margin-top:16px;border-left:4px solid #8f1a22}
.dj.news b{font-size:18px}
.booked{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;background:#161010;border:1px solid #2e2626;border-radius:10px;overflow:hidden;margin:0 0 44px}
.booked img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover}
.booked-txt{padding:26px 28px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.booked-k{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffd24a}
.booked h2{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:800;line-height:1.12}
.booked p{margin:0;font-size:16px;color:#e4dfd9}
.booked-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.booked-btns a{display:inline-block;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.03em;padding:10px 20px;border-radius:999px;text-decoration:none}
.booked-btns a.b1{background:#ffd24a;color:#111}
.booked-btns a.b2{border:2px solid #ffd24a;color:#ffd24a;padding:8px 18px}
.booked-mail{font-size:14px;color:#c9c2ba;overflow-wrap:anywhere}
@media(max-width:760px){.booked{grid-template-columns:1fr}.booked img{min-height:0;height:auto}.booked-txt{padding:20px 18px}}
.wall-note{margin:-16px 0 36px;text-align:center;font-size:16px;color:#e4dfd9}
.wall-note a{font-weight:700;white-space:nowrap}
.show-img{display:block;width:100%;height:100%;min-height:120px;object-fit:cover;border-radius:8px;border:1px solid #2e2626}
a.show{display:block;color:#fff;text-decoration:none}
a.show:hover{border-color:#ffd24a}
.show-more{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:700;color:#ffd24a;letter-spacing:.04em;text-transform:uppercase}
a.dj{color:#fff;text-decoration:none}
a.dj:hover{border-color:#ffd24a}
.dj-row.ctr{display:flex;flex-wrap:wrap;justify-content:center}
.dj-row.ctr>.dj{flex:0 1 calc(25% - 12px)}
@media(max-width:1000px){.dj-row.ctr>.dj{flex-basis:calc(50% - 8px)}}
@media(max-width:540px){.dj-row.ctr>.dj{flex-basis:100%}}
.mdd{position:relative}
.mdd summary{list-style:none;cursor:pointer;color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.05em;padding:6px 0;user-select:none}
.mdd summary::-webkit-details-marker{display:none}
.mdd summary::after{content:" \25BE"}
.mdd summary:hover,.mdd[open] summary{color:#ffd24a}
.mdd-m{position:absolute;left:0;top:100%;z-index:50;min-width:200px;background:#1a1414;border:1px solid #3a3030;border-radius:8px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.6);display:flex;flex-direction:column}
.mnav .mdd-m a{padding:9px 12px;border-radius:5px;font-size:14px}
.mnav .mdd-m a:hover{background:#2a2020}
@media(max-width:860px){.mdd summary{font-size:14px}}