/* CircleRoomEnt premium theme (R&B and Ribs inspired — original code)
   - Bold condensed display type
   - Red marquee bars + zig-zag separators
   - Dark base with cream/white copy
*/

:root{
  --bg:#0A0A0A;
  --panel:#101010;
  --panel2:#141414;
  --stroke:rgba(255,255,255,.10);
  --stroke2:rgba(255,255,255,.14);
  --text:#F5F2ED;
  --muted:rgba(245,242,237,.72);
  --red:#C62828;
  --red2:#E53935;
  --cream:#F5F2ED;
  --shadow:0 28px 120px rgba(0,0,0,.62);
  --r:18px;
  --max:1160px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background:
    radial-gradient(900px 520px at 12% -12%, rgba(198,40,40,.28), transparent 60%),
    radial-gradient(820px 520px at 92% 8%, rgba(229,57,53,.12), transparent 58%),
    linear-gradient(180deg, #0b0b0b, #0a0a0a 40%, #060606);
  color:var(--text);
  overflow-x:hidden;
}
body.noScroll{overflow:hidden}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(255,255,255,.028), transparent 60%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.016) 0 2px, transparent 2px 10px);
  mix-blend-mode:overlay;
  opacity:.26;
}

a{color:inherit; text-decoration:none}
.container{width:min(var(--max), calc(100% - 46px)); margin:0 auto}

/* Typography helpers */
.display{font-family: Anton, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; letter-spacing:.02em}
.h1{font-family: Anton, Impact, sans-serif; font-size:64px; line-height:.92; margin:0 0 10px; text-transform:uppercase}
.h2{font-family: Anton, Impact, sans-serif; font-size:40px; line-height:1; margin:0 0 8px; text-transform:uppercase}
.sub{color:var(--muted); font-size:15px; line-height:1.5}

/* Marquee bars */
.marqueeBar{position:relative; background:var(--red); color:#fff; overflow:hidden}
.marqueeBar .container{width:100%; margin:0; padding:0}
.marqueeInner{display:flex; gap:26px; white-space:nowrap; padding:18px 0}
.marqueeInner span{display:inline-flex; align-items:center; gap:26px}
.marqueeInner .dot{width:12px; height:12px; border-radius:50%; background:#fff; display:inline-block; opacity:.92}
.marqueeBar.big .marqueeInner{font-family: Anton, Impact, sans-serif; text-transform:uppercase; font-size:56px; line-height:1}
.marqueeBar.small .marqueeInner{font-family: Inter, system-ui; text-transform:uppercase; font-size:12px; letter-spacing:.22em; opacity:.9; padding:12px 0}
.marqueeAnim{animation: marquee 18s linear infinite}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)} }

/* Zig-zag separator */
.zigzag{position:relative}
.zigzag::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:28px; background:var(--bg);
  clip-path: polygon(
    0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%, 25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%,
    50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%, 75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%,
    100% 100%, 0% 100%
  );
}

/* Topbar */
.topbar{
  position:sticky; top:0; z-index:60;
  backdrop-filter: blur(14px);
  background: linear-gradient(180deg, rgba(10,10,10,.92), rgba(10,10,10,.72));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0}
.brand{display:flex; align-items:center; gap:10px}
.brand img{height:26px; width:auto; filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}
.brand b{font-family: Anton, Impact, sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:.08em}
.navlinks{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.link{padding:9px 12px; border-radius:999px; color:rgba(245,242,237,.86); border:1px solid transparent; transition:transform .18s ease, border-color .18s ease, background .18s ease}
.link:hover{border-color:rgba(229,57,53,.35); background:rgba(255,255,255,.03); transform:translateY(-1px)}

/* Mobile nav */
.navToggle{display:none; align-items:center; gap:10px; padding:10px 12px; border-radius:999px;
  border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); color:var(--text);
}
.navToggleIcon{width:18px; height:12px; position:relative; display:inline-block;
  background:linear-gradient(rgba(255,255,255,.85) 0 0) center/100% 2px no-repeat;
}
.navToggleIcon::before,.navToggleIcon::after{content:""; position:absolute; left:0; right:0; height:2px; background:rgba(255,255,255,.85); border-radius:10px}
.navToggleIcon::before{top:0}
.navToggleIcon::after{bottom:0}

.mobileNav{position:fixed; inset:0; z-index:120; display:none}
.mobileNav.open{display:block}
.mobileNavBackdrop{position:absolute; inset:0; background:rgba(0,0,0,.62); backdrop-filter: blur(8px)}
.mobileNavPanel{position:absolute; right:0; top:0; height:100%; width:min(420px, 88vw);
  background:linear-gradient(180deg, rgba(10,10,10,.96), rgba(10,10,10,.86));
  border-left:1px solid rgba(255,255,255,.10);
  box-shadow:0 40px 140px rgba(0,0,0,.65);
  transform:translateX(10px); opacity:0;
  transition:transform .22s ease, opacity .22s ease;
}
.mobileNav.open .mobileNavPanel{transform:none; opacity:1}
.mobileNavTop{display:flex; align-items:center; justify-content:space-between; padding:16px 16px 10px}
.mobileBrand{display:flex; align-items:center; gap:10px}
.mobileBrand img{height:26px; width:auto}
.mobileBrand b{font-family: Anton, Impact, sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:.08em}
.mobileClose{width:40px; height:40px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); color:var(--text); font-size:22px; line-height:1}
.mobileLinks{padding:10px 16px 18px; display:flex; flex-direction:column; gap:8px}
.mLink{padding:14px 14px; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.03)}
.mLink:hover{border-color:rgba(229,57,53,.35); background:rgba(255,255,255,.05)}

@media (max-width: 900px){
  .navlinks{display:none}
  .navToggle{display:inline-flex}
}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 14px; border-radius:999px;
  border:1px solid rgba(229,57,53,.45);
  background:linear-gradient(180deg, rgba(198,40,40,.28), rgba(10,10,10,.14));
  color:var(--text);
  box-shadow:0 18px 70px rgba(198,40,40,.14);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.btn:hover{transform:translateY(-1px); border-color:rgba(229,57,53,.75)}
.btn:active{transform:translateY(0px)}
.btn.ghost{border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); box-shadow:none}
.btn.danger{border-color:rgba(255,90,90,.35); background:rgba(255,90,90,.08)}
.pill{border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.18); padding:10px 12px; border-radius:999px; color:rgba(245,242,237,.84)}

:focus-visible{outline:2px solid rgba(229,57,53,.65); outline-offset:3px; border-radius:12px}

/* Layout sections */
.section{padding:26px 0}
.card{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(16,16,16,.92), rgba(16,16,16,.62));
  border-radius:var(--r);
  box-shadow:var(--shadow);
}
.cardPad{padding:18px}
.grid2{display:grid; grid-template-columns: 1.1fr .9fr; gap:22px; align-items:start}
@media (max-width: 920px){.grid2{grid-template-columns:1fr}}

/* Lightweight content panel (used on bookings/contact) */
.note{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(16,16,16,.78), rgba(16,16,16,.52));
  border-radius:var(--r);
  padding:18px;
}

/* Hero */
.hero{padding:22px 0 12px; position:relative}
.heroVideoWrap{overflow:hidden}
.heroBgVideo{position:absolute; inset:0; z-index:0; pointer-events:none}
.cardBgVideo{position:absolute; inset:0; z-index:0; pointer-events:none}
.bgVideo{width:100%; height:100%; object-fit:cover; display:block; filter:saturate(0.75) contrast(1.05) brightness(0.55)}
.bgVideoOverlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,10,10,.62), rgba(10,10,10,.92))}
.hero .container{position:relative; z-index:1}
.heroCard{position:relative; overflow:hidden}
.heroCard::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(900px 520px at 22% 0%, rgba(198,40,40,.34), transparent 60%),
    radial-gradient(700px 400px at 92% 18%, rgba(229,57,53,.16), transparent 62%);
  opacity:.95;
}
.heroCard > *{position:relative}
.heroMeta{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:10px; margin-top:14px}
.heroMeta .pill{display:flex; flex-direction:column; gap:4px}
.heroMeta .pill b{font-size:12px; text-transform:uppercase; letter-spacing:.16em; opacity:.9}
.heroMeta .pill span{font-size:13px; color:rgba(245,242,237,.86)}
@media (max-width: 820px){.h1{font-size:48px}.heroMeta{grid-template-columns:1fr}}

.heroMeta .pill,.pill{min-width:0;overflow:hidden}
.heroMeta .pill span,.pill span{word-break:break-word}

.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text);font-size:13px}
.chip input{width:auto;margin:0}

.tableWrap{overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(180deg, rgba(16,16,16,.78), rgba(16,16,16,.52))}
.table{width:100%;border-collapse:collapse;min-width:760px}
.table th,.table td{padding:14px 16px;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:rgba(245,242,237,.72);background:rgba(255,255,255,.03)}
.table tbody tr:hover{background:rgba(255,255,255,.02)}
.table td .cellMeta{display:block;color:var(--muted);font-size:12px;margin-top:4px}
@media (max-width: 760px){.table{min-width:640px}}

.countdownGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;align-items:stretch;width:100%;max-width:100%}
.countdownGrid .cardCell{min-width:0;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:12px 8px;background:rgba(255,255,255,.03);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:86px}
.countdownGrid .num{font-family:Anton, Impact, sans-serif;font-size:30px;line-height:1;margin:0 0 6px;text-transform:uppercase;white-space:nowrap}
.countdownGrid .lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.1}
@media (max-width: 820px){.countdownGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.countdownGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.countdownGrid .cardCell{padding:10px 4px;min-height:68px;border-radius:12px}.countdownGrid .num{font-size:24px;margin-bottom:4px}.countdownGrid .lbl{font-size:10px;letter-spacing:.08em}}
@media (max-width: 380px){.countdownGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.countdownGrid .cardCell{min-height:72px}}

.appSection{margin-top:18px}
.appSectionHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.appSectionHeader .muted{margin:0}
.appCards{display:grid;gap:14px}
.appCard{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(180deg, rgba(16,16,16,.82), rgba(16,16,16,.58));padding:18px}
.appCardHeader{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}
.appCardMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.appCardMeta .full{grid-column:1/-1}
@media (max-width: 760px){.appCardMeta{grid-template-columns:1fr}}

/* Lists/cards */
.list{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px}
@media (max-width: 980px){.list{grid-template-columns:repeat(2, minmax(0,1fr))}}
@media (max-width: 640px){.list{grid-template-columns:1fr}}

.itemCard{position:relative; overflow:hidden; border-radius:var(--r); border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(18,18,18,.92), rgba(18,18,18,.62));
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
}
.itemCard:hover{transform:translateY(-2px); border-color:rgba(229,57,53,.28)}
.itemCard .thumb{aspect-ratio: 16/10; background:rgba(255,255,255,.04); border-bottom:1px solid rgba(255,255,255,.08); overflow:hidden}
.itemCard .thumb img{width:100%; height:100%; object-fit:cover; display:block}
.itemCard .body{padding:14px}
.itemCard .title{font-family: Anton, Impact, sans-serif; text-transform:uppercase; letter-spacing:.02em; font-size:22px; margin:0 0 6px}
.itemCard .meta{color:rgba(245,242,237,.74); font-size:13px}
.itemCard .actions{display:flex; gap:10px; align-items:center; margin-top:12px; flex-wrap:wrap}

/* Click overlay (so whole card clickable without nested <a>) */
.cardLink{position:absolute; inset:0; z-index:1}
.itemCard .actions, .itemCard .body *{position:relative; z-index:2}

/* Forms */
.formRow{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
@media (max-width: 720px){.formRow{grid-template-columns:1fr}}
.field{display:flex; flex-direction:column; gap:6px}
.field label{display:block; font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:rgba(245,242,237,.70)}

input, select, textarea, .input{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.25);
  color:var(--text);
  padding:12px 12px;
  font:inherit;
}
select{appearance:none; background-image:linear-gradient(45deg, transparent 50%, rgba(245,242,237,.7) 50%),linear-gradient(135deg, rgba(245,242,237,.7) 50%, transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:34px;
}
input:focus, select:focus, textarea:focus{outline:none; border-color:rgba(229,57,53,.45); box-shadow:0 0 0 4px rgba(229,57,53,.12)}
textarea{min-height:120px; resize:vertical}
.help{font-size:12px; color:rgba(245,242,237,.72)}

html[data-theme="light"] .field label,
body[data-theme="light"] .field label,
html.light .field label,
body.light .field label,
body.day-mode .field label,
body.theme-light .field label,
html.theme-light .field label{color:#334155}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .input,
body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="light"] .input,
html.light input,
html.light select,
html.light textarea,
html.light .input,
body.light input,
body.light select,
body.light textarea,
body.light .input,
body.day-mode input,
body.day-mode select,
body.day-mode textarea,
body.day-mode .input,
body.theme-light input,
body.theme-light select,
body.theme-light textarea,
body.theme-light .input,
html.theme-light input,
html.theme-light select,
html.theme-light textarea,
html.theme-light .input{
  background:#fff;
  color:#111827;
  border-color:rgba(15,23,42,.16);
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder,
body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder,
html.light input::placeholder,
html.light textarea::placeholder,
body.light input::placeholder,
body.light textarea::placeholder,
body.day-mode input::placeholder,
body.day-mode textarea::placeholder,
body.theme-light input::placeholder,
body.theme-light textarea::placeholder,
html.theme-light input::placeholder,
html.theme-light textarea::placeholder{color:#6b7280;opacity:1}

/* Footer */
.footer{padding:28px 0 34px; border-top:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.18)}
.footerGrid{display:grid; grid-template-columns: 1.2fr .8fr; gap:16px; align-items:start}
@media (max-width: 820px){.footerGrid{grid-template-columns:1fr}}
.small{font-size:12px; color:rgba(245,242,237,.70)}

/* Utility */
hr.sep{border:none; border-top:1px solid rgba(255,255,255,.08); margin:18px 0}
.badge{display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.18); font-size:12px; color:rgba(245,242,237,.80)}

/* Motion prefs */
@media (prefers-reduced-motion: reduce){
  .marqueeAnim{animation:none}
  .itemCard,.btn,.link{transition:none}
}

.muted{color:var(--muted)}

/* Toast */
.toast{position:fixed; left:50%; bottom:22px; transform:translateX(-50%) translateY(20px); opacity:0; pointer-events:none;
  background:rgba(16,16,16,.92); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:12px 14px; min-width:min(520px, calc(100% - 26px));
  box-shadow:0 18px 80px rgba(0,0,0,.55);
}
.toast b{display:block; font-family: Anton, Impact, sans-serif; text-transform:uppercase; letter-spacing:.04em}
.toast p{margin:6px 0 0; color:rgba(245,242,237,.82)}
.toast.show{opacity:1; transform:translateX(-50%) translateY(0); transition:opacity .2s ease, transform .2s ease}

/* Cookie banner */
.cookieBanner{position:fixed; left:16px; right:16px; bottom:16px; z-index:9998}
.cookieInner{display:flex; gap:16px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;
  background:rgba(8,10,14,.92); border:1px solid rgba(245,242,237,.14);
  box-shadow:0 20px 60px rgba(0,0,0,.55);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-radius:18px; padding:14px 14px}
.cookieTitle{font-family: Anton, Impact, sans-serif; text-transform:uppercase; letter-spacing:.06em; font-size:12px; color:rgba(245,242,237,.86)}
.cookieText{margin-top:6px; color:rgba(245,242,237,.76); font-size:13px; line-height:1.35; max-width:820px}
.cookieActions{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
/* Legacy class support (detail pages) */
.lead{font-size:16px; line-height:1.55; color:rgba(245,242,237,.86)}
.heroActions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}

/* Combined premium event + release + DJ improvements */
.premiumEventGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
@media (max-width:1100px){.premiumEventGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.premiumEventGrid{grid-template-columns:1fr;gap:20px}}
.premiumEventCard{position:relative;display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 38px rgba(0,0,0,.12)}
.premiumEventCard .cardLink{border-radius:inherit}
.eventPosterFrame{background:#080808;border-bottom:1px solid rgba(255,255,255,.08);aspect-ratio:4/5;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px}
.eventPosterFrame img{display:block;width:100%;height:100%;object-fit:contain}
.eventCardBody{padding:18px;display:flex;flex-direction:column;gap:12px}
.eventMetaRow{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:8px}
.eventExcerpt{color:#d6d0d0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.6em}
.eventCardActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.premiumEventHero{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr) 340px;gap:24px;align-items:start;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:linear-gradient(180deg,rgba(60,8,8,.32),rgba(0,0,0,.32))}
@media (max-width:1120px){.premiumEventHero{grid-template-columns:1fr}}
.premiumPoster{border-radius:22px;overflow:hidden;background:#0a0a0a;border:1px solid rgba(255,255,255,.08)}
.premiumPoster img{display:block;width:100%;height:100%;object-fit:cover;max-height:680px}
.smallPoster img{max-height:540px}
.premiumMain{min-width:0}
.premiumTitle{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(46px,7vw,96px);line-height:.95;margin:0 0 12px}
.premiumPills{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 18px}
.premiumLead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:#efe7e7;max-width:720px}
.premiumSidebar{min-width:0}
.eventSidebarCard{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.03)}
.sidebarKicker{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#d1af39;font-weight:800;margin-bottom:14px}
.eventFacts{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 18px}
.eventFacts dt{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.eventFacts dd{margin:0;font-weight:700;font-size:17px;line-height:1.5}
.glanceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
@media (max-width:980px){.glanceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.glanceGrid{grid-template-columns:1fr}}
.glanceCard,.releaseCard{padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.ticketReleaseSection{margin-top:26px}
.releaseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:980px){.releaseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.releaseGrid{grid-template-columns:1fr}}
.releaseTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}
.nextDropCard{border-color:rgba(209,175,57,.5)}
.soldOutCard{opacity:.75}
.premiumTicketLayout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:22px;align-items:start}
@media (max-width:980px){.premiumTicketLayout{grid-template-columns:1fr}}
.djGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:980px){.djGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.djGrid{grid-template-columns:1fr}}
.djFullCard .thumb{aspect-ratio:auto;min-height:unset;background:#0a0a0a;display:flex;align-items:flex-start;justify-content:center}
.djFullCard .thumb img{width:100%;height:auto;object-fit:contain;object-position:top center;display:block}
.thumb--contain{aspect-ratio:auto!important;min-height:unset!important;background:#0a0a0a;display:flex;align-items:flex-start;justify-content:center}
.thumb--contain img{width:100%;height:auto!important;object-fit:contain!important;object-position:top center!important;display:block}
.slider{position:relative;overflow:hidden;border-radius:22px;background:#0a0a0a;border:1px solid rgba(255,255,255,.08)}
.slideTrack{display:flex;transition:transform .35s ease}
.slide{min-width:100%;display:flex;align-items:flex-start;justify-content:center;background:#0a0a0a}
.slide--photo img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;object-position:top center}
.slideBtn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer}
.slideBtn.prev{left:12px}.slideBtn.next{right:12px}
.dots{display:flex;gap:8px;justify-content:center;padding:12px}.dots .dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.2)}.dots .dot.on{background:#d1af39}
@media (max-width:720px){.premiumTitle{font-size:56px}.premiumLead{font-size:18px}.premiumEventHero{padding:18px}.premiumTicketLayout{gap:16px}}


/* Public template cleanup fix */
.eventListCard .thumb{aspect-ratio:4/5;min-height:320px}
.eventListCard .thumb img{object-fit:cover}
.pageIntro{display:grid;gap:10px}
.premiumPoster--contain img{height:auto;max-height:680px;object-fit:contain;background:#0a0a0a}
.premiumLead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:#efe7e7;max-width:720px}
.eventBodyText{margin:0 0 16px;color:#dfd7d7;line-height:1.75;font-size:16px}
.eventContentSection{max-width:900px}
.eventPosterFrame{min-height:340px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.eventPosterFrame img{display:block;width:100%;height:100%;object-fit:cover}
.djFullCard{display:flex;flex-direction:column}
.djFullCard .thumb.thumb--portrait{aspect-ratio:auto;min-height:0;padding:0;background:#0a0a0a}
.djFullCard .thumb.thumb--portrait img{display:block;width:100%;height:auto;object-fit:contain;object-position:top center;max-height:none}
.slider .dots:empty,.slider .slideBtn:disabled{display:none}
.premiumMain .eventCardActions .btn,.premiumSidebar .btn{min-height:48px}
@media (max-width:720px){
  .eventListCard .thumb{min-height:260px}
  .premiumPoster--contain img{max-height:520px}
  .premiumTitle{font-size:44px}
}

/* Global sitewide light mode readability */
html[data-theme="light"],
body[data-theme="light"],
html.light,
body.light,
body.day-mode,
body.theme-light,
html.theme-light{
  --bg:#f5f1eb;
  --panel:#ffffff;
  --panel2:#f8fafc;
  --stroke:rgba(15,23,42,.10);
  --stroke2:rgba(15,23,42,.16);
  --text:#111827;
  --muted:rgba(17,24,39,.72);
  --cream:#111827;
  --shadow:0 18px 48px rgba(15,23,42,.08);
}
html[data-theme="light"] body,
body[data-theme="light"],
html.light body,
body.light,
body.day-mode,
body.theme-light,
html.theme-light body{
  background:
    radial-gradient(900px 520px at 12% -12%, rgba(198,40,40,.08), transparent 60%),
    radial-gradient(820px 520px at 92% 8%, rgba(229,57,53,.06), transparent 58%),
    linear-gradient(180deg, #faf6f0, #f4efe8 40%, #efe8de);
  color:var(--text);
}
html[data-theme="light"] body::before,
body[data-theme="light"]::before,
html.light body::before,
body.light::before,
body.day-mode::before,
body.theme-light::before,
html.theme-light body::before{opacity:.08}
html[data-theme="light"] .topbar,
body[data-theme="light"] .topbar,
html.light .topbar,
body.light .topbar,
body.day-mode .topbar,
body.theme-light .topbar,
html.theme-light .topbar{background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88));border-bottom-color:rgba(15,23,42,.08)}
html[data-theme="light"] .link,
body[data-theme="light"] .link,
html.light .link,
body.light .link,
body.day-mode .link,
body.theme-light .link,
html.theme-light .link{color:#334155}
html[data-theme="light"] .navToggle,
html[data-theme="light"] .mobileClose,
body[data-theme="light"] .navToggle,
body[data-theme="light"] .mobileClose,
html.light .navToggle,
html.light .mobileClose,
body.light .navToggle,
body.light .mobileClose,
body.day-mode .navToggle,
body.day-mode .mobileClose,
body.theme-light .navToggle,
body.theme-light .mobileClose,
html.theme-light .navToggle,
html.theme-light .mobileClose{background:#fff;color:#111827;border-color:rgba(15,23,42,.12)}
html[data-theme="light"] .navToggleIcon,
html[data-theme="light"] .navToggleIcon::before,
html[data-theme="light"] .navToggleIcon::after,
body[data-theme="light"] .navToggleIcon,
body[data-theme="light"] .navToggleIcon::before,
body[data-theme="light"] .navToggleIcon::after,
html.light .navToggleIcon,
html.light .navToggleIcon::before,
html.light .navToggleIcon::after,
body.light .navToggleIcon,
body.light .navToggleIcon::before,
body.light .navToggleIcon::after,
body.day-mode .navToggleIcon,
body.day-mode .navToggleIcon::before,
body.day-mode .navToggleIcon::after,
body.theme-light .navToggleIcon,
body.theme-light .navToggleIcon::before,
body.theme-light .navToggleIcon::after,
html.theme-light .navToggleIcon,
html.theme-light .navToggleIcon::before,
html.theme-light .navToggleIcon::after{background:#111827}
html[data-theme="light"] .mobileNavBackdrop,
body[data-theme="light"] .mobileNavBackdrop,
html.light .mobileNavBackdrop,
body.light .mobileNavBackdrop,
body.day-mode .mobileNavBackdrop,
body.theme-light .mobileNavBackdrop,
html.theme-light .mobileNavBackdrop{background:rgba(15,23,42,.18)}
html[data-theme="light"] .mobileNavPanel,
body[data-theme="light"] .mobileNavPanel,
html.light .mobileNavPanel,
body.light .mobileNavPanel,
body.day-mode .mobileNavPanel,
body.theme-light .mobileNavPanel,
html.theme-light .mobileNavPanel{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));border-left-color:rgba(15,23,42,.10);box-shadow:0 20px 70px rgba(15,23,42,.14)}
html[data-theme="light"] .mLink,
body[data-theme="light"] .mLink,
html.light .mLink,
body.light .mLink,
body.day-mode .mLink,
body.theme-light .mLink,
html.theme-light .mLink{background:#fff;border-color:rgba(15,23,42,.08);color:#111827}
html[data-theme="light"] .card,
html[data-theme="light"] .note,
html[data-theme="light"] .itemCard,
html[data-theme="light"] .appCard,
html[data-theme="light"] .tableWrap,
html[data-theme="light"] .eventSidebarCard,
html[data-theme="light"] .glanceCard,
html[data-theme="light"] .releaseCard,
html[data-theme="light"] .heroCard,
body[data-theme="light"] .card,
body[data-theme="light"] .note,
body[data-theme="light"] .itemCard,
body[data-theme="light"] .appCard,
body[data-theme="light"] .tableWrap,
body[data-theme="light"] .eventSidebarCard,
body[data-theme="light"] .glanceCard,
body[data-theme="light"] .releaseCard,
body[data-theme="light"] .heroCard,
html.light .card,
html.light .note,
html.light .itemCard,
html.light .appCard,
html.light .tableWrap,
html.light .eventSidebarCard,
html.light .glanceCard,
html.light .releaseCard,
html.light .heroCard,
body.light .card,
body.light .note,
body.light .itemCard,
body.light .appCard,
body.light .tableWrap,
body.light .eventSidebarCard,
body.light .glanceCard,
body.light .releaseCard,
body.light .heroCard,
body.day-mode .card,
body.day-mode .note,
body.day-mode .itemCard,
body.day-mode .appCard,
body.day-mode .tableWrap,
body.day-mode .eventSidebarCard,
body.day-mode .glanceCard,
body.day-mode .releaseCard,
body.day-mode .heroCard,
body.theme-light .card,
body.theme-light .note,
body.theme-light .itemCard,
body.theme-light .appCard,
body.theme-light .tableWrap,
body.theme-light .eventSidebarCard,
body.theme-light .glanceCard,
body.theme-light .releaseCard,
body.theme-light .heroCard,
html.theme-light .card,
html.theme-light .note,
html.theme-light .itemCard,
html.theme-light .appCard,
html.theme-light .tableWrap,
html.theme-light .eventSidebarCard,
html.theme-light .glanceCard,
html.theme-light .releaseCard,
html.theme-light .heroCard{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,250,251,.96));border-color:rgba(15,23,42,.10);box-shadow:0 18px 48px rgba(15,23,42,.08);color:#111827}
html[data-theme="light"] .heroCard::before,
body[data-theme="light"] .heroCard::before,
html.light .heroCard::before,
body.light .heroCard::before,
body.day-mode .heroCard::before,
body.theme-light .heroCard::before,
html.theme-light .heroCard::before{opacity:.18}
html[data-theme="light"] .sub,
html[data-theme="light"] .muted,
html[data-theme="light"] .help,
html[data-theme="light"] .itemCard .meta,
html[data-theme="light"] .eventExcerpt,
html[data-theme="light"] .small,
body[data-theme="light"] .sub,
body[data-theme="light"] .muted,
body[data-theme="light"] .help,
body[data-theme="light"] .itemCard .meta,
body[data-theme="light"] .eventExcerpt,
body[data-theme="light"] .small,
html.light .sub,
html.light .muted,
html.light .help,
html.light .itemCard .meta,
html.light .eventExcerpt,
html.light .small,
body.light .sub,
body.light .muted,
body.light .help,
body.light .itemCard .meta,
body.light .eventExcerpt,
body.light .small,
body.day-mode .sub,
body.day-mode .muted,
body.day-mode .help,
body.day-mode .itemCard .meta,
body.day-mode .eventExcerpt,
body.day-mode .small,
body.theme-light .sub,
body.theme-light .muted,
body.theme-light .help,
body.theme-light .itemCard .meta,
body.theme-light .eventExcerpt,
body.theme-light .small,
html.theme-light .sub,
html.theme-light .muted,
html.theme-light .help,
html.theme-light .itemCard .meta,
html.theme-light .eventExcerpt,
html.theme-light .small{color:#475569}
html[data-theme="light"] .btn,
body[data-theme="light"] .btn,
html.light .btn,
body.light .btn,
body.day-mode .btn,
body.theme-light .btn,
html.theme-light .btn{color:#111827;background:linear-gradient(180deg, rgba(214,162,74,.26), rgba(214,162,74,.12));border-color:rgba(154,106,30,.28);box-shadow:none}
html[data-theme="light"] .btn.ghost,
body[data-theme="light"] .btn.ghost,
html.light .btn.ghost,
body.light .btn.ghost,
body.day-mode .btn.ghost,
body.theme-light .btn.ghost,
html.theme-light .btn.ghost{background:#fff;border-color:rgba(15,23,42,.12)}
html[data-theme="light"] .pill,
html[data-theme="light"] .badge,
body[data-theme="light"] .pill,
body[data-theme="light"] .badge,
html.light .pill,
html.light .badge,
body.light .pill,
body.light .badge,
body.day-mode .pill,
body.day-mode .badge,
body.theme-light .pill,
body.theme-light .badge,
html.theme-light .pill,
html.theme-light .badge{background:rgba(255,255,255,.98);color:#334155;border-color:rgba(15,23,42,.12)}
html[data-theme="light"] .heroMeta .pill,
body[data-theme="light"] .heroMeta .pill,
html.light .heroMeta .pill,
body.light .heroMeta .pill,
body.day-mode .heroMeta .pill,
body.theme-light .heroMeta .pill,
html.theme-light .heroMeta .pill{background:#ffffff;border-color:rgba(15,23,42,.12);box-shadow:0 1px 0 rgba(255,255,255,.9) inset}
html[data-theme="light"] .heroMeta .pill b,
body[data-theme="light"] .heroMeta .pill b,
html.light .heroMeta .pill b,
body.light .heroMeta .pill b,
body.day-mode .heroMeta .pill b,
body.theme-light .heroMeta .pill b,
html.theme-light .heroMeta .pill b{color:#0f172a;opacity:1}
html[data-theme="light"] .heroMeta .pill span,
body[data-theme="light"] .heroMeta .pill span,
html.light .heroMeta .pill span,
body.light .heroMeta .pill span,
body.day-mode .heroMeta .pill span,
body.theme-light .heroMeta .pill span,
html.theme-light .heroMeta .pill span{color:#334155;opacity:1}
html[data-theme="light"] .table thead th,
body[data-theme="light"] .table thead th,
html.light .table thead th,
body.light .table thead th,
body.day-mode .table thead th,
body.theme-light .table thead th,
html.theme-light .table thead th{background:rgba(15,23,42,.03);color:#475569}
html[data-theme="light"] .table th,
html[data-theme="light"] .table td,
body[data-theme="light"] .table th,
body[data-theme="light"] .table td,
html.light .table th,
html.light .table td,
body.light .table th,
body.light .table td,
body.day-mode .table th,
body.day-mode .table td,
body.theme-light .table th,
body.theme-light .table td,
html.theme-light .table th,
html.theme-light .table td{border-bottom-color:rgba(15,23,42,.08);color:#111827}
html[data-theme="light"] .footer,
body[data-theme="light"] .footer,
html.light .footer,
body.light .footer,
body.day-mode .footer,
body.theme-light .footer,
html.theme-light .footer{background:rgba(255,255,255,.72);border-top-color:rgba(15,23,42,.08)}
html[data-theme="light"] .cookieInner,
body[data-theme="light"] .cookieInner,
html.light .cookieInner,
body.light .cookieInner,
body.day-mode .cookieInner,
body.theme-light .cookieInner,
html.theme-light .cookieInner{background:rgba(255,255,255,.98);border-color:rgba(15,23,42,.12);box-shadow:0 18px 48px rgba(15,23,42,.10)}
html[data-theme="light"] .cookieTitle,
html[data-theme="light"] .cookieText,
body[data-theme="light"] .cookieTitle,
body[data-theme="light"] .cookieText,
html.light .cookieTitle,
html.light .cookieText,
body.light .cookieTitle,
body.light .cookieText,
body.day-mode .cookieTitle,
body.day-mode .cookieText,
body.theme-light .cookieTitle,
body.theme-light .cookieText,
html.theme-light .cookieTitle,
html.theme-light .cookieText{color:#334155}

/* v41 targeted UI fixes */
.linkBtn{background:none;border:none;padding:0;font:inherit;cursor:pointer}
.siteFloatControls{position:fixed;right:18px;bottom:18px;z-index:140;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.siteFloatControls > *{pointer-events:auto}
.siteThemeFab{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(10,10,10,.9);color:#f5f2ed;box-shadow:0 18px 42px rgba(0,0,0,.28)}
body.day-mode .siteThemeFab,body.theme-light .siteThemeFab,html.theme-light .siteThemeFab,html[data-theme="light"] .siteThemeFab{background:#fff;color:#111827;border-color:rgba(15,23,42,.14)}
@media (max-width: 820px){.siteFloatControls{right:14px;bottom:14px}.siteThemeFab{display:none}}

.homeNextUpCard{color:var(--text)}
.homeNextUpCard .cardBgVideo{opacity:.32}
.homeNextUpCard .bgVideo{filter:saturate(.7) contrast(1.02) brightness(.42)}
.homeNextUpCard .bgVideoOverlay{background:linear-gradient(180deg, rgba(5,8,12,.70), rgba(5,8,12,.90))}
.homeNextUpCard .h2,.homeNextUpCard .sub,.homeNextUpCard .lbl,.homeNextUpCard .num,.homeNextUpCard .badge,.homeNextUpCard .pill{position:relative;color:#f5f2ed}
.homeNextUpCard .countdownGrid .cardCell{background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.12)}
body.day-mode .homeNextUpCard .cardBgVideo,body.theme-light .homeNextUpCard .cardBgVideo,html.theme-light .homeNextUpCard .cardBgVideo,html[data-theme="light"] .homeNextUpCard .cardBgVideo{display:none}
body.day-mode .homeNextUpCard,body.theme-light .homeNextUpCard,html.theme-light .homeNextUpCard,html[data-theme="light"] .homeNextUpCard{background:linear-gradient(180deg,#ffffff,#f8fafc);border-color:rgba(15,23,42,.10);box-shadow:0 18px 46px rgba(15,23,42,.08)}
body.day-mode .homeNextUpCard .h2,body.day-mode .homeNextUpCard .sub,body.day-mode .homeNextUpCard .lbl,body.day-mode .homeNextUpCard .num,body.day-mode .homeNextUpCard .badge,body.day-mode .homeNextUpCard .pill,
body.theme-light .homeNextUpCard .h2,body.theme-light .homeNextUpCard .sub,body.theme-light .homeNextUpCard .lbl,body.theme-light .homeNextUpCard .num,body.theme-light .homeNextUpCard .badge,body.theme-light .homeNextUpCard .pill,
html.theme-light .homeNextUpCard .h2,html.theme-light .homeNextUpCard .sub,html.theme-light .homeNextUpCard .lbl,html.theme-light .homeNextUpCard .num,html.theme-light .homeNextUpCard .badge,html.theme-light .homeNextUpCard .pill,
html[data-theme="light"] .homeNextUpCard .h2,html[data-theme="light"] .homeNextUpCard .sub,html[data-theme="light"] .homeNextUpCard .lbl,html[data-theme="light"] .homeNextUpCard .num,html[data-theme="light"] .homeNextUpCard .badge,html[data-theme="light"] .homeNextUpCard .pill{color:#111827}
body.day-mode .homeNextUpCard .countdownGrid .cardCell,body.theme-light .homeNextUpCard .countdownGrid .cardCell,html.theme-light .homeNextUpCard .countdownGrid .cardCell,html[data-theme="light"] .homeNextUpCard .countdownGrid .cardCell{background:#fff;border-color:rgba(15,23,42,.10)}

.eventStatusPill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text)}
.eventStatusPill.live{color:#d7f4c0;border-color:rgba(122,200,74,.30);background:rgba(122,200,74,.10)}
.eventStatusPill.upcoming{color:#f8e4bf;border-color:rgba(214,162,74,.30);background:rgba(214,162,74,.12)}
.eventStatusPill.sold_out{color:#fecaca;border-color:rgba(248,113,113,.30);background:rgba(248,113,113,.12)}
.eventStatusPill.ended{color:#dbe4f0;border-color:rgba(148,163,184,.28);background:rgba(148,163,184,.12)}
body.day-mode .eventStatusPill,body.theme-light .eventStatusPill,html.theme-light .eventStatusPill,html[data-theme="light"] .eventStatusPill{color:#334155;background:#fff;border-color:rgba(15,23,42,.12)}
body.day-mode .eventStatusPill.live,body.theme-light .eventStatusPill.live,html.theme-light .eventStatusPill.live,html[data-theme="light"] .eventStatusPill.live{color:#166534;background:#ecfdf5;border-color:#bbf7d0}
body.day-mode .eventStatusPill.upcoming,body.theme-light .eventStatusPill.upcoming,html.theme-light .eventStatusPill.upcoming,html[data-theme="light"] .eventStatusPill.upcoming{color:#92400e;background:#fffbeb;border-color:#fcd34d}
body.day-mode .eventStatusPill.sold_out,body.theme-light .eventStatusPill.sold_out,html.theme-light .eventStatusPill.sold_out,html[data-theme="light"] .eventStatusPill.sold_out{color:#b91c1c;background:#fef2f2;border-color:#fecaca}
body.day-mode .eventStatusPill.ended,body.theme-light .eventStatusPill.ended,html.theme-light .eventStatusPill.ended,html[data-theme="light"] .eventStatusPill.ended{color:#475569;background:#f8fafc;border-color:#cbd5e1}


.eventCardBody .eventMetaRow{font-size:13px;line-height:1.45;margin-bottom:0;color:var(--muted);display:grid;gap:4px}
.eventCardBody .eventMetaRow span{display:flex;align-items:flex-start;gap:8px}
.eventCardBody .eventExcerpt{font-size:15px;line-height:1.75;min-height:6em;color:var(--text-soft);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.eventCardActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:4px}
.eventCardActions .btn{position:relative;z-index:2}
.eventCardExternal{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid rgba(214,162,74,.30);background:rgba(214,162,74,.10);color:#f8e4bf;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body.day-mode .eventCardExternal,body.theme-light .eventCardExternal,html.theme-light .eventCardExternal,html[data-theme="light"] .eventCardExternal{background:#fffbeb;color:#92400e;border-color:#fcd34d}
.eventWaitlistBtn{margin-top:12px;width:100%;justify-content:center}

.eventCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.eventCardHeader .eventStatusPill{flex:0 0 auto}
.eventCardCountdownWrap{margin:12px 0 0;padding:12px 14px;border-radius:18px;border:1px solid rgba(214,162,74,.20);background:rgba(214,162,74,.08)}
.eventCardCountdownWrap .countdownWrapLabel{margin:0 0 10px;color:var(--text);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.eventCardCountdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.eventCardCountdown .cardCell{min-height:68px;padding:10px 4px;border-radius:14px}
.eventCardCountdown .num{font-size:28px;margin-bottom:4px}
.eventCardCountdown .lbl{font-size:10px;letter-spacing:.12em}
body.day-mode .eventCardCountdownWrap,body.theme-light .eventCardCountdownWrap,html.theme-light .eventCardCountdownWrap,html[data-theme="light"] .eventCardCountdownWrap{background:#fffbeb;border-color:#fcd34d}
@media (max-width: 720px){
  .premiumEventGrid{gap:20px}
  .premiumEventCard{border-radius:24px;overflow:hidden}
  .eventPosterFrame{aspect-ratio:16/11;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}
  .eventPosterFrame img{object-fit:contain}
  .eventCardBody{padding:18px;gap:10px}
  .eventCardBody .title{font-size:28px;line-height:1}
  .eventCardBody .eventMetaRow{display:grid;gap:6px;font-size:14px}
  .eventCardBody .eventExcerpt{font-size:17px;line-height:1.6;-webkit-line-clamp:5;min-height:auto}
  .eventCardActions{gap:12px}
  .eventCardActions .btn,.eventCardActions .eventStatusPill{flex:1 1 calc(50% - 6px);justify-content:center}
}

.releaseCard.soldOutCard,.releaseCard.endedCard{opacity:1}
.releaseCard .releaseState{font-weight:800}
.releaseCard .muted{color:var(--ticket-soft, var(--muted))}
.releaseCard .ticketBundle{font-weight:600}
.ticketWaitlistCard{margin-top:18px;padding:18px;border-radius:20px;border:1px solid rgba(214,162,74,.28);background:rgba(214,162,74,.10)}
.ticketWaitlistCard .formRow{margin-top:12px}
.ticketWaitlistCard .btn{min-height:46px}
.ticketWaitlistState{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12)}
.ticketWaitlistState.ok{background:rgba(122,200,74,.10);border-color:rgba(122,200,74,.28);color:#d7f4c0}
.ticketWaitlistState.err{background:rgba(248,113,113,.10);border-color:rgba(248,113,113,.28);color:#fecaca}
body.day-mode .ticketWaitlistCard,body.theme-light .ticketWaitlistCard,html.theme-light .ticketWaitlistCard,html[data-theme="light"] .ticketWaitlistCard{background:#fffbeb;border-color:#fcd34d}
body.day-mode .ticketWaitlistState.ok,body.theme-light .ticketWaitlistState.ok,html.theme-light .ticketWaitlistState.ok,html[data-theme="light"] .ticketWaitlistState.ok{color:#166534;background:#ecfdf5;border-color:#bbf7d0}
body.day-mode .ticketWaitlistState.err,body.theme-light .ticketWaitlistState.err,html.theme-light .ticketWaitlistState.err,html[data-theme="light"] .ticketWaitlistState.err{color:#b91c1c;background:#fef2f2;border-color:#fecaca}

.ticketFloatingAction{position:fixed;left:18px;bottom:18px;z-index:135;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,#f1c97a,#d6a24a);color:#111827;border:1px solid rgba(154,106,30,.28);box-shadow:0 18px 40px rgba(0,0,0,.24)}
@media (max-width: 820px){.ticketFloatingAction{left:14px;right:14px;bottom:14px;justify-content:center}}

.ticketAdminScope .formRow{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.ticketAdminScope .field{min-width:0}
.ticketAdminScope input[type="datetime-local"]{width:100%;max-width:100%;position:relative;z-index:1}
.ticketAdminScope .note{overflow-wrap:anywhere}

body.day-mode .eventPremiumScope .eventPosterTopOnly,body.theme-light .eventPremiumScope .eventPosterTopOnly,html.theme-light .eventPremiumScope .eventPosterTopOnly,html[data-theme="light"] .eventPremiumScope .eventPosterTopOnly{background:#050505;border-color:rgba(15,23,42,.10)}
body.day-mode .eventPremiumScope .eventPremiumChip,body.theme-light .eventPremiumScope .eventPremiumChip,html.theme-light .eventPremiumScope .eventPremiumChip,html[data-theme="light"] .eventPremiumScope .eventPremiumChip{background:#fff;color:#111827;border-color:rgba(15,23,42,.12)}
body.day-mode .eventPremiumScope .note,body.theme-light .eventPremiumScope .note,html.theme-light .eventPremiumScope .note,html[data-theme="light"] .eventPremiumScope .note{background:#fff;color:#111827;border-color:rgba(15,23,42,.12)}


body.day-mode .eventPremiumWaitlistCard,body.theme-light .eventPremiumWaitlistCard,html.theme-light .eventPremiumWaitlistCard,html[data-theme="light"] .eventPremiumWaitlistCard{background:#fffbeb;color:#111827;border-color:#fcd34d}
body.day-mode .eventPremiumWaitlistCard .k,body.theme-light .eventPremiumWaitlistCard .k,html.theme-light .eventPremiumWaitlistCard .k,html[data-theme="light"] .eventPremiumWaitlistCard .k{color:#92400e}
body.day-mode .eventPremiumWaitlistCard .v,body.theme-light .eventPremiumWaitlistCard .v,html.theme-light .eventPremiumWaitlistCard .v,html[data-theme="light"] .eventPremiumWaitlistCard .v{color:#111827}


/* v42 mobile/theme parity fixes */
html[data-theme="light"],
body[data-theme="light"],
html.light,
body.light,
body.day-mode,
body.theme-light,
html.theme-light{
  --bg:#f3ede4;
  --panel:#ffffff;
  --panel2:#f8fafc;
  --stroke:rgba(15,23,42,.10);
  --stroke2:rgba(15,23,42,.14);
  --text:#111827;
  --muted:#475569;
  color-scheme:light;
}
html[data-theme="dark"],body[data-theme="dark"]{color-scheme:dark}

html[data-theme="light"] .display,
html[data-theme="light"] .h1,
html[data-theme="light"] .h2,
html[data-theme="light"] .title,
html[data-theme="light"] .brand b,
html[data-theme="light"] .mobileBrand b,
html[data-theme="light"] .heroMeta .pill b,
html[data-theme="light"] .eventPremiumTitle,
html[data-theme="light"] .eventPremiumCardTitle,
html[data-theme="light"] .eventPremiumLead,
html[data-theme="light"] .eventBodyCopy,
html[data-theme="light"] .eventFactItem .l,
html[data-theme="light"] .eventFactItem .v,
html[data-theme="light"] .eventPremiumSideItem .k,
html[data-theme="light"] .eventPremiumSideItem .v,
html[data-theme="light"] .eventCardBody .title,
html[data-theme="light"] .eventCardBody .eventMetaRow,
html[data-theme="light"] .homeNextUpCard .h2,
html[data-theme="light"] .homeNextUpCard .sub,
html[data-theme="light"] .homeNextUpCard .pill,
html[data-theme="light"] .homeNextUpCard .btn,
html[data-theme="light"] .homeNextUpCard .btn.ghost,
html[data-theme="light"] .homeNextUpCard a,
body[data-theme="light"] .display,
body[data-theme="light"] .h1,
body[data-theme="light"] .h2,
body[data-theme="light"] .title,
body[data-theme="light"] .brand b,
body[data-theme="light"] .mobileBrand b,
body[data-theme="light"] .heroMeta .pill b,
body[data-theme="light"] .eventPremiumTitle,
body[data-theme="light"] .eventPremiumCardTitle,
body[data-theme="light"] .eventPremiumLead,
body[data-theme="light"] .eventBodyCopy,
body[data-theme="light"] .eventFactItem .l,
body[data-theme="light"] .eventFactItem .v,
body[data-theme="light"] .eventPremiumSideItem .k,
body[data-theme="light"] .eventPremiumSideItem .v,
body[data-theme="light"] .eventCardBody .title,
body[data-theme="light"] .eventCardBody .eventMetaRow,
body[data-theme="light"] .homeNextUpCard .h2,
body[data-theme="light"] .homeNextUpCard .sub,
body[data-theme="light"] .homeNextUpCard .pill,
body[data-theme="light"] .homeNextUpCard .btn,
body[data-theme="light"] .homeNextUpCard .btn.ghost,
body[data-theme="light"] .homeNextUpCard a,
body.day-mode .display,
body.day-mode .h1,
body.day-mode .h2,
body.day-mode .title,
body.day-mode .brand b,
body.day-mode .mobileBrand b,
body.day-mode .heroMeta .pill b,
body.day-mode .eventPremiumTitle,
body.day-mode .eventPremiumCardTitle,
body.day-mode .eventPremiumLead,
body.day-mode .eventBodyCopy,
body.day-mode .eventFactItem .l,
body.day-mode .eventFactItem .v,
body.day-mode .eventPremiumSideItem .k,
body.day-mode .eventPremiumSideItem .v,
body.day-mode .eventCardBody .title,
body.day-mode .eventCardBody .eventMetaRow,
body.day-mode .homeNextUpCard .h2,
body.day-mode .homeNextUpCard .sub,
body.day-mode .homeNextUpCard .pill,
body.day-mode .homeNextUpCard .btn,
body.day-mode .homeNextUpCard .btn.ghost,
body.day-mode .homeNextUpCard a,
body.theme-light .display,
body.theme-light .h1,
body.theme-light .h2,
body.theme-light .title,
body.theme-light .brand b,
body.theme-light .mobileBrand b,
body.theme-light .heroMeta .pill b,
body.theme-light .eventPremiumTitle,
body.theme-light .eventPremiumCardTitle,
body.theme-light .eventPremiumLead,
body.theme-light .eventBodyCopy,
body.theme-light .eventFactItem .l,
body.theme-light .eventFactItem .v,
body.theme-light .eventPremiumSideItem .k,
body.theme-light .eventPremiumSideItem .v,
body.theme-light .eventCardBody .title,
body.theme-light .eventCardBody .eventMetaRow,
body.theme-light .homeNextUpCard .h2,
body.theme-light .homeNextUpCard .sub,
body.theme-light .homeNextUpCard .pill,
body.theme-light .homeNextUpCard .btn,
body.theme-light .homeNextUpCard .btn.ghost,
body.theme-light .homeNextUpCard a,
html.theme-light .display,
html.theme-light .h1,
html.theme-light .h2,
html.theme-light .title,
html.theme-light .brand b,
html.theme-light .mobileBrand b,
html.theme-light .heroMeta .pill b,
html.theme-light .eventPremiumTitle,
html.theme-light .eventPremiumCardTitle,
html.theme-light .eventPremiumLead,
html.theme-light .eventBodyCopy,
html.theme-light .eventFactItem .l,
html.theme-light .eventFactItem .v,
html.theme-light .eventPremiumSideItem .k,
html.theme-light .eventPremiumSideItem .v,
html.theme-light .eventCardBody .title,
html.theme-light .eventCardBody .eventMetaRow,
html.theme-light .homeNextUpCard .h2,
html.theme-light .homeNextUpCard .sub,
html.theme-light .homeNextUpCard .pill,
html.theme-light .homeNextUpCard .btn,
html.theme-light .homeNextUpCard .btn.ghost,
html.theme-light .homeNextUpCard a{color:#111827 !important}

html[data-theme="light"] .field label,
body[data-theme="light"] .field label,
body.day-mode .field label,
body.theme-light .field label,
html.theme-light .field label{color:#334155 !important}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .input,
body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="light"] .input,
body.day-mode input,
body.day-mode select,
body.day-mode textarea,
body.day-mode .input,
body.theme-light input,
body.theme-light select,
body.theme-light textarea,
body.theme-light .input,
html.theme-light input,
html.theme-light select,
html.theme-light textarea,
html.theme-light .input{background:#ffffff !important;color:#111827 !important;border-color:rgba(15,23,42,.14) !important;caret-color:#111827 !important}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder,
body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder,
body.day-mode input::placeholder,
body.day-mode textarea::placeholder,
body.theme-light input::placeholder,
body.theme-light textarea::placeholder,
html.theme-light input::placeholder,
html.theme-light textarea::placeholder{color:#64748b !important;opacity:1}
html[data-theme="light"] .note,
html[data-theme="light"] .chip,
body[data-theme="light"] .note,
body[data-theme="light"] .chip,
body.day-mode .note,
body.day-mode .chip,
body.theme-light .note,
body.theme-light .chip,
html.theme-light .note,
html.theme-light .chip{background:#ffffff !important;color:#111827 !important;border-color:rgba(15,23,42,.12) !important}
html[data-theme="light"] .small,
html[data-theme="light"] .muted,
html[data-theme="light"] .help,
body[data-theme="light"] .small,
body[data-theme="light"] .muted,
body[data-theme="light"] .help,
body.day-mode .small,
body.day-mode .muted,
body.day-mode .help,
body.theme-light .small,
body.theme-light .muted,
body.theme-light .help,
html.theme-light .small,
html.theme-light .muted,
html.theme-light .help{color:#475569 !important}

@media (max-width: 820px){
  .siteFloatControls{right:14px;bottom:14px}
  .siteThemeFab{display:inline-flex;min-height:48px;padding:10px 14px;font-size:14px;box-shadow:0 16px 34px rgba(0,0,0,.24)}
  .container{width:min(var(--max), calc(100% - 28px))}
  .homeNextUpCard .countdownGrid .num{font-size:22px}
  .homeNextUpCard .countdownGrid .lbl{font-size:9px;letter-spacing:.08em}
  .formRow{grid-template-columns:1fr !important}
  .eventCardBody .eventExcerpt{min-height:0}
}

/* v43 global theme parity + text readability hardening */
html[data-theme="dark"],
body[data-theme="dark"],
html.dark,
body.dark{
  --bg:#0A0A0A;
  --panel:#101010;
  --panel2:#141414;
  --stroke:rgba(255,255,255,.10);
  --stroke2:rgba(255,255,255,.14);
  --text:#F5F2ED;
  --muted:rgba(245,242,237,.72);
  --cream:#F5F2ED;
}

html[data-theme="dark"] body,
body[data-theme="dark"],
html.dark body,
body.dark{
  color:var(--text);
}

html[data-theme="dark"] .display,
html[data-theme="dark"] .h1,
html[data-theme="dark"] .h2,
html[data-theme="dark"] .title,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .brand b,
html[data-theme="dark"] .mobileBrand b,
html[data-theme="dark"] .sub,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .help,
html[data-theme="dark"] .small,
html[data-theme="dark"] .field label,
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] td,
html[data-theme="dark"] th,
html[data-theme="dark"] .itemCard .meta,
html[data-theme="dark"] .eventExcerpt,
html[data-theme="dark"] .eventMetaRow,
html[data-theme="dark"] .eventBodyCopy,
html[data-theme="dark"] .eventPremiumLead,
body[data-theme="dark"] .display,
body[data-theme="dark"] .h1,
body[data-theme="dark"] .h2,
body[data-theme="dark"] .title,
body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6,
body[data-theme="dark"] .brand b,
body[data-theme="dark"] .mobileBrand b,
body[data-theme="dark"] .sub,
body[data-theme="dark"] .muted,
body[data-theme="dark"] .help,
body[data-theme="dark"] .small,
body[data-theme="dark"] .field label,
body[data-theme="dark"] p,
body[data-theme="dark"] li,
body[data-theme="dark"] td,
body[data-theme="dark"] th,
body[data-theme="dark"] .itemCard .meta,
body[data-theme="dark"] .eventExcerpt,
body[data-theme="dark"] .eventMetaRow,
body[data-theme="dark"] .eventBodyCopy,
body[data-theme="dark"] .eventPremiumLead{
  color:var(--text) !important;
}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .help,
html[data-theme="dark"] .small,
html[data-theme="dark"] .sub,
html[data-theme="dark"] .itemCard .meta,
html[data-theme="dark"] .eventExcerpt,
body[data-theme="dark"] .muted,
body[data-theme="dark"] .help,
body[data-theme="dark"] .small,
body[data-theme="dark"] .sub,
body[data-theme="dark"] .itemCard .meta,
body[data-theme="dark"] .eventExcerpt{
  color:rgba(245,242,237,.82) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .input,
body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea,
body[data-theme="dark"] .input{
  background:#121212 !important;
  color:#f5f2ed !important;
  border-color:rgba(255,255,255,.14) !important;
  caret-color:#f5f2ed !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body[data-theme="dark"] input::placeholder,
body[data-theme="dark"] textarea::placeholder{
  color:rgba(245,242,237,.62) !important;
  opacity:1;
}
html[data-theme="dark"] select,
body[data-theme="dark"] select{
  background-image:linear-gradient(45deg, transparent 50%, rgba(245,242,237,.72) 50%),linear-gradient(135deg, rgba(245,242,237,.72) 50%, transparent 50%) !important;
}

html[data-theme="light"] body,
body[data-theme="light"],
html.light body,
body.light,
body.day-mode,
body.theme-light,
html.theme-light body{
  color:#111827 !important;
}
html[data-theme="light"] .display,
html[data-theme="light"] .h1,
html[data-theme="light"] .h2,
html[data-theme="light"] .title,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] .brand b,
html[data-theme="light"] .mobileBrand b,
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] .eventBodyCopy,
html[data-theme="light"] .eventPremiumLead,
html[data-theme="light"] .eventMetaRow,
html[data-theme="light"] .eventExcerpt,
html[data-theme="light"] .eventCardBody,
html[data-theme="light"] .releaseCard,
html[data-theme="light"] .itemCard,
html[data-theme="light"] .tableWrap,
html[data-theme="light"] .cookieInner,
body[data-theme="light"] .display,
body[data-theme="light"] .h1,
body[data-theme="light"] .h2,
body[data-theme="light"] .title,
body[data-theme="light"] h1,
body[data-theme="light"] h2,
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] h5,
body[data-theme="light"] h6,
body[data-theme="light"] .brand b,
body[data-theme="light"] .mobileBrand b,
body[data-theme="light"] p,
body[data-theme="light"] li,
body[data-theme="light"] .eventBodyCopy,
body[data-theme="light"] .eventPremiumLead,
body[data-theme="light"] .eventMetaRow,
body[data-theme="light"] .eventExcerpt,
body[data-theme="light"] .eventCardBody,
body[data-theme="light"] .releaseCard,
body[data-theme="light"] .itemCard,
body[data-theme="light"] .tableWrap,
body[data-theme="light"] .cookieInner,
body.day-mode .display,
body.day-mode .h1,
body.day-mode .h2,
body.day-mode .title,
body.day-mode h1,
body.day-mode h2,
body.day-mode h3,
body.day-mode h4,
body.day-mode h5,
body.day-mode h6,
body.day-mode .brand b,
body.day-mode .mobileBrand b,
body.day-mode p,
body.day-mode li,
body.day-mode .eventBodyCopy,
body.day-mode .eventPremiumLead,
body.day-mode .eventMetaRow,
body.day-mode .eventExcerpt,
body.day-mode .eventCardBody,
body.day-mode .releaseCard,
body.day-mode .itemCard,
body.day-mode .tableWrap,
body.day-mode .cookieInner,
body.theme-light .display,
body.theme-light .h1,
body.theme-light .h2,
body.theme-light .title,
body.theme-light h1,
body.theme-light h2,
body.theme-light h3,
body.theme-light h4,
body.theme-light h5,
body.theme-light h6,
body.theme-light .brand b,
body.theme-light .mobileBrand b,
body.theme-light p,
body.theme-light li,
body.theme-light .eventBodyCopy,
body.theme-light .eventPremiumLead,
body.theme-light .eventMetaRow,
body.theme-light .eventExcerpt,
body.theme-light .eventCardBody,
body.theme-light .releaseCard,
body.theme-light .itemCard,
body.theme-light .tableWrap,
body.theme-light .cookieInner,
html.theme-light .display,
html.theme-light .h1,
html.theme-light .h2,
html.theme-light .title,
html.theme-light h1,
html.theme-light h2,
html.theme-light h3,
html.theme-light h4,
html.theme-light h5,
html.theme-light h6,
html.theme-light .brand b,
html.theme-light .mobileBrand b,
html.theme-light p,
html.theme-light li,
html.theme-light .eventBodyCopy,
html.theme-light .eventPremiumLead,
html.theme-light .eventMetaRow,
html.theme-light .eventExcerpt,
html.theme-light .eventCardBody,
html.theme-light .releaseCard,
html.theme-light .itemCard,
html.theme-light .tableWrap,
html.theme-light .cookieInner{
  color:#111827 !important;
}
html[data-theme="light"] .muted,
html[data-theme="light"] .help,
html[data-theme="light"] .small,
html[data-theme="light"] .sub,
html[data-theme="light"] .itemCard .meta,
html[data-theme="light"] .eventExcerpt,
body[data-theme="light"] .muted,
body[data-theme="light"] .help,
body[data-theme="light"] .small,
body[data-theme="light"] .sub,
body[data-theme="light"] .itemCard .meta,
body[data-theme="light"] .eventExcerpt,
body.day-mode .muted,
body.day-mode .help,
body.day-mode .small,
body.day-mode .sub,
body.day-mode .itemCard .meta,
body.day-mode .eventExcerpt,
body.theme-light .muted,
body.theme-light .help,
body.theme-light .small,
body.theme-light .sub,
body.theme-light .itemCard .meta,
body.theme-light .eventExcerpt,
html.theme-light .muted,
html.theme-light .help,
html.theme-light .small,
html.theme-light .sub,
html.theme-light .itemCard .meta,
html.theme-light .eventExcerpt{
  color:#475569 !important;
}

html[data-theme="light"] .brand img,
html[data-theme="light"] .mobileBrand img,
body[data-theme="light"] .brand img,
body[data-theme="light"] .mobileBrand img,
body.day-mode .brand img,
body.day-mode .mobileBrand img,
body.theme-light .brand img,
body.theme-light .mobileBrand img,
html.theme-light .brand img,
html.theme-light .mobileBrand img{
  filter:brightness(0) saturate(100%) !important;
}

html[data-theme="light"] .homeNextUpCard,
body[data-theme="light"] .homeNextUpCard,
body.day-mode .homeNextUpCard,
body.theme-light .homeNextUpCard,
html.theme-light .homeNextUpCard{
  color:#111827 !important;
}
html[data-theme="light"] .homeNextUpCard .btn,
html[data-theme="light"] .homeNextUpCard .btn.ghost,
html[data-theme="light"] .homeNextUpCard a,
html[data-theme="light"] .homeNextUpCard .badge,
html[data-theme="light"] .homeNextUpCard .pill,
body[data-theme="light"] .homeNextUpCard .btn,
body[data-theme="light"] .homeNextUpCard .btn.ghost,
body[data-theme="light"] .homeNextUpCard a,
body[data-theme="light"] .homeNextUpCard .badge,
body[data-theme="light"] .homeNextUpCard .pill,
body.day-mode .homeNextUpCard .btn,
body.day-mode .homeNextUpCard .btn.ghost,
body.day-mode .homeNextUpCard a,
body.day-mode .homeNextUpCard .badge,
body.day-mode .homeNextUpCard .pill,
body.theme-light .homeNextUpCard .btn,
body.theme-light .homeNextUpCard .btn.ghost,
body.theme-light .homeNextUpCard a,
body.theme-light .homeNextUpCard .badge,
body.theme-light .homeNextUpCard .pill,
html.theme-light .homeNextUpCard .btn,
html.theme-light .homeNextUpCard .btn.ghost,
html.theme-light .homeNextUpCard a,
html.theme-light .homeNextUpCard .badge,
html.theme-light .homeNextUpCard .pill{
  color:#111827 !important;
}

html[data-theme="dark"] .homeNextUpCard,
body[data-theme="dark"] .homeNextUpCard{
  color:#f5f2ed !important;
}
html[data-theme="dark"] .homeNextUpCard .h2,
html[data-theme="dark"] .homeNextUpCard .sub,
html[data-theme="dark"] .homeNextUpCard .btn,
html[data-theme="dark"] .homeNextUpCard .btn.ghost,
html[data-theme="dark"] .homeNextUpCard a,
html[data-theme="dark"] .homeNextUpCard .badge,
html[data-theme="dark"] .homeNextUpCard .pill,
html[data-theme="dark"] .homeNextUpCard .lbl,
html[data-theme="dark"] .homeNextUpCard .num,
body[data-theme="dark"] .homeNextUpCard .h2,
body[data-theme="dark"] .homeNextUpCard .sub,
body[data-theme="dark"] .homeNextUpCard .btn,
body[data-theme="dark"] .homeNextUpCard .btn.ghost,
body[data-theme="dark"] .homeNextUpCard a,
body[data-theme="dark"] .homeNextUpCard .badge,
body[data-theme="dark"] .homeNextUpCard .pill,
body[data-theme="dark"] .homeNextUpCard .lbl,
body[data-theme="dark"] .homeNextUpCard .num{
  color:#f5f2ed !important;
}

html[data-theme="light"] .siteThemeFab,
body[data-theme="light"] .siteThemeFab,
body.day-mode .siteThemeFab,
body.theme-light .siteThemeFab,
html.theme-light .siteThemeFab{background:#ffffff !important;color:#111827 !important;border-color:rgba(15,23,42,.14) !important}
html[data-theme="dark"] .siteThemeFab,
body[data-theme="dark"] .siteThemeFab{background:rgba(10,10,10,.92) !important;color:#f5f2ed !important;border-color:rgba(255,255,255,.12) !important}

@media (max-width: 820px){
  .siteThemeFab{display:inline-flex !important}
  .nav,.topbar .container.nav{gap:10px}
  .navToggle{margin-left:auto}
}


/* ===== Urban public polish v44 ===== */
.urbanScene{position:relative;overflow:hidden}
.urbanScene::before,.urbanScene::after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(18px);opacity:.28;z-index:0}
.urbanScene::before{width:320px;height:320px;left:-100px;top:-80px;background:radial-gradient(circle, rgba(214,162,74,.55), rgba(214,162,74,0));animation:urbanFloatOne 14s ease-in-out infinite}
.urbanScene::after{width:260px;height:260px;right:-70px;bottom:-70px;background:radial-gradient(circle, rgba(229,57,53,.42), rgba(229,57,53,0));animation:urbanFloatTwo 16s ease-in-out infinite}
@keyframes urbanFloatOne{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(30px,18px,0)}}
@keyframes urbanFloatTwo{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-24px,-20px,0)}}
.urbanHeroCard,.urbanSpotlightPanel,.urbanMasthead,.urbanEventCard,.urbanDiscoveryBar,.urbanQuickPanel{position:relative;z-index:1}
.urbanHeroCard{overflow:hidden;background:linear-gradient(145deg,rgba(8,10,15,.96),rgba(13,18,28,.88));border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 60px rgba(0,0,0,.34)}
.urbanHeroCard .badge{background:rgba(214,162,74,.12);border-color:rgba(214,162,74,.18);color:#f6d69a}
.urbanHeroCard::after{content:"";position:absolute;inset:auto -18% -36% 42%;height:280px;background:radial-gradient(circle,rgba(214,162,74,.26),rgba(214,162,74,0) 62%);pointer-events:none}
.urbanSpotlightPanel{display:flex;flex-direction:column;gap:16px;min-height:100%;background:linear-gradient(180deg,rgba(10,14,20,.94),rgba(13,17,24,.90));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:20px;overflow:hidden;box-shadow:0 24px 56px rgba(0,0,0,.28)}
.urbanSpotlightPanel::before{content:"";position:absolute;inset:auto auto 8% -10%;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(229,57,53,.22),rgba(229,57,53,0));pointer-events:none}
.urbanDiscoveryBar{margin-top:18px;display:flex;gap:12px;overflow:auto;padding-bottom:2px;scrollbar-width:none}
.urbanDiscoveryBar::-webkit-scrollbar{display:none}
.urbanPill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:var(--text);font-size:13px;font-weight:700;letter-spacing:.04em;text-decoration:none;backdrop-filter:blur(8px);transition:transform .24s ease,border-color .24s ease,background .24s ease}
.urbanPill:hover{transform:translateY(-2px);border-color:rgba(214,162,74,.34);background:rgba(214,162,74,.10)}
.urbanQuickPanel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.urbanQuickCell{padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);min-height:92px}
.urbanQuickCell .k{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.urbanQuickCell .v{font-family:Anton,Impact,sans-serif;font-size:30px;line-height:1;color:var(--text)}
.urbanQuickCell .t{margin-top:8px;font-size:13px;color:var(--text-soft);line-height:1.5}
.urbanSectionHead{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.urbanSectionHead .sub{max-width:58ch}
.urbanEventGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:1040px){.urbanEventGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.urbanQuickPanel{grid-template-columns:1fr}.urbanSpotlightPanel{padding:18px}}
@media (max-width:680px){.urbanEventGrid{grid-template-columns:1fr}.urbanQuickPanel{grid-template-columns:1fr}.urbanDiscoveryBar{gap:10px}}
.urbanEventCard{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 44px rgba(0,0,0,.22);transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}
.urbanEventCard::before{content:"";position:absolute;inset:auto -12% -28% 42%;height:220px;background:radial-gradient(circle,rgba(214,162,74,.20),rgba(214,162,74,0) 62%);pointer-events:none;opacity:0;transition:opacity .26s ease}
.urbanEventCard:hover{transform:translateY(-6px);border-color:rgba(214,162,74,.22);box-shadow:0 28px 60px rgba(0,0,0,.28)}
.urbanEventCard:hover::before{opacity:1}
.urbanEventCard .cardLink{z-index:3}
.urbanEventMedia{position:relative;aspect-ratio:4/5;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.urbanEventMedia img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .65s ease,filter .4s ease}
.urbanEventCard:hover .urbanEventMedia img{transform:scale(1.07);filter:saturate(1.04)}
.urbanEventOverlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,8,0) 38%, rgba(2,4,8,.84) 100%);pointer-events:none}
.urbanEventStatus{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:8px 12px;border-radius:999px;background:rgba(8,10,15,.74);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(10px);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f6d69a}
.urbanEventStatus::before{content:"";width:8px;height:8px;border-radius:999px;background:#f6d69a;box-shadow:0 0 0 6px rgba(214,162,74,.14)}
.urbanEventBody{padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}
.urbanEventBody .title{font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;font-size:30px;line-height:.98;margin:0;color:var(--text)}
.urbanMetaStack{display:grid;gap:8px;font-size:13px;color:var(--muted)}
.urbanMetaStack span{display:flex;align-items:flex-start;gap:8px}
.urbanMetaStack span b{font-weight:700;color:var(--text)}
.urbanEventExcerpt{color:var(--text-soft);font-size:15px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:6.8em}
.urbanEventActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.urbanEventActions .btn{position:relative;z-index:4}
.urbanEventActions .btn.ghost{background:rgba(255,255,255,.04)}
.urbanMasthead{padding:28px;border-radius:28px;background:linear-gradient(135deg,rgba(8,10,15,.94),rgba(15,22,34,.90));border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 56px rgba(0,0,0,.24);overflow:hidden}
.urbanMasthead::after{content:"";position:absolute;inset:-30% auto auto 55%;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(214,162,74,.22),rgba(214,162,74,0) 68%);pointer-events:none}
.urbanMasthead .h2{margin-bottom:8px}
.urbanMastheadMeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.urbanMastheadMeta .urbanPill{background:rgba(255,255,255,.06)}
.urbanGlowLine{height:1px;background:linear-gradient(90deg,rgba(214,162,74,0),rgba(214,162,74,.8),rgba(214,162,74,0));margin:18px 0}
.urbanRailMini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
@media (max-width:760px){.urbanRailMini{grid-template-columns:1fr}.urbanMasthead{padding:22px}}
.urbanMiniCard{padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.urbanMiniCard .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.urbanMiniCard .v{font-size:15px;line-height:1.55;color:var(--text-soft)}
.urbanFloatCta{position:fixed;right:18px;bottom:18px;z-index:55;display:none;align-items:center;gap:10px;padding:14px 16px;border-radius:999px;background:rgba(8,10,15,.88);border:1px solid rgba(214,162,74,.22);box-shadow:0 18px 34px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.urbanFloatCta b{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#f6d69a}
.urbanFloatCta .btn{min-height:42px}
@media (max-width:820px){.urbanFloatCta{display:flex;left:12px;right:12px;bottom:74px;justify-content:space-between;padding:12px 14px;border-radius:20px}.urbanFloatCta .btn{min-width:0}}
[data-tilt-card]{transform-style:preserve-3d;will-change:transform}
[data-tilt-card] .urbanLift,[data-tilt-card] .title,[data-tilt-card] .eventPremiumTitle{transform:translateZ(24px)}
.eventPremiumHero.urbanized{position:relative}
.eventPremiumHero.urbanized::before{content:"";position:absolute;inset:auto auto -18% 36%;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(214,162,74,.16),rgba(214,162,74,0) 70%);pointer-events:none}
.eventPremiumHero.urbanized .eventPremiumMetaRow{margin-top:18px}
.eventPremiumHero.urbanized .eventPremiumActions{margin-top:22px}
.eventPremiumHero.urbanized .eventPremiumPoster{box-shadow:0 24px 60px rgba(0,0,0,.28)}
.eventPremiumRail.urbanized .stickyTicketCard{position:sticky;top:92px}
.eventPremiumRail.urbanized .stickyTicketCard::after{content:"";display:block;height:1px;background:linear-gradient(90deg,rgba(214,162,74,0),rgba(214,162,74,.65),rgba(214,162,74,0));margin:16px 0 0}
body.route-events .section:first-of-type .container,body.route-home .section:first-of-type .container{position:relative}
html[data-theme="light"] .urbanHeroCard,html[data-theme="light"] .urbanSpotlightPanel,html[data-theme="light"] .urbanMasthead,html[data-theme="light"] .urbanEventCard,html[data-theme="light"] .urbanQuickCell,
body[data-theme="light"] .urbanHeroCard,body[data-theme="light"] .urbanSpotlightPanel,body[data-theme="light"] .urbanMasthead,body[data-theme="light"] .urbanEventCard,body[data-theme="light"] .urbanQuickCell,
html.light .urbanHeroCard,html.light .urbanSpotlightPanel,html.light .urbanMasthead,html.light .urbanEventCard,html.light .urbanQuickCell,
body.light .urbanHeroCard,body.light .urbanSpotlightPanel,body.light .urbanMasthead,body.light .urbanEventCard,body.light .urbanQuickCell,
body.day-mode .urbanHeroCard,body.day-mode .urbanSpotlightPanel,body.day-mode .urbanMasthead,body.day-mode .urbanEventCard,body.day-mode .urbanQuickCell,
body.theme-light .urbanHeroCard,body.theme-light .urbanSpotlightPanel,body.theme-light .urbanMasthead,body.theme-light .urbanEventCard,body.theme-light .urbanQuickCell,
html.theme-light .urbanHeroCard,html.theme-light .urbanSpotlightPanel,html.theme-light .urbanMasthead,html.theme-light .urbanEventCard,html.theme-light .urbanQuickCell{background:linear-gradient(180deg,#ffffff,#f7f8fb);border-color:rgba(15,23,42,.10);box-shadow:0 20px 48px rgba(15,23,42,.10)}
html[data-theme="light"] .urbanEventStatus,body[data-theme="light"] .urbanEventStatus,html.light .urbanEventStatus,body.light .urbanEventStatus,body.day-mode .urbanEventStatus,body.theme-light .urbanEventStatus,html.theme-light .urbanEventStatus{background:rgba(255,255,255,.90);color:#9a6a1e;border-color:rgba(15,23,42,.10)}
html[data-theme="light"] .urbanPill,body[data-theme="light"] .urbanPill,html.light .urbanPill,body.light .urbanPill,body.day-mode .urbanPill,body.theme-light .urbanPill,html.theme-light .urbanPill{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.10);color:#111827}

@media (max-width:820px), (prefers-reduced-motion:reduce){.heroBgVideo,.cardBgVideo{display:none !important}.urbanEventCard,.urbanHeroCard,.urbanSpotlightPanel,[data-tilt-card]{transform:none !important;transition:none !important}}
@media (prefers-reduced-motion:reduce){[data-anim].anim{transition:none !important}}