@import url('https://fonts.googleapis.com/css2?family=Caprasimo&family=Righteous&family=Jost:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
:root{
--rust-500:#f97316;--rust-700:#c24009;--rust-900:#662412;
--gold-300:#fde047;--gold-400:#f6af59;--gold-600:#f59e0b;
--ink-900:#1a1a1a;--ink-950:#0f0d0c;--ink-800:#241f1c;
--card-border:#662412;
--text-muted:#cbbfb8;
--font-display:'Caprasimo','Cooper Black',serif;
--font-accent:'Righteous','Cooper Black',sans-serif;
--font-body:'Jost',system-ui,sans-serif;
--radius-md:12px;--radius-lg:20px;--radius-pill:999px;
--gradient-cta:linear-gradient(to bottom,var(--gold-300),var(--gold-600));
--shadow-card:0 20px 25px -5px rgb(0 0 0/.45),0 8px 10px -6px rgb(0 0 0/.4);
--text-shadow-retro:2px 2px 0 #000,4px 4px 0 var(--rust-600,#e0512f);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ink-900);color:#fff;font-family:var(--font-body);}
.page{min-height:100vh;padding:56px 20px 96px;display:flex;flex-direction:column;align-items:center;gap:64px;}
.hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;width:100%;max-width:640px;padding:56px 20px;border-radius:var(--radius-lg);overflow:hidden;}
.hero__bg{position:absolute;inset:0;background:linear-gradient(180deg,#f97316 0%,#c24009 55%,#662412 100%);z-index:0;}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.7;}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,13,12,.35),rgba(15,13,12,.8));z-index:1;}
.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;}
.hero__content img{width:300px;max-width:70vw;}
.hosts-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:8px;}
.host-card{cursor:pointer;background:rgba(15,13,12,.55);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;width:140px;}
.host-card__photo{width:72px;height:72px;border-radius:50%;background:var(--ink-950);border:2px dashed var(--rust-500);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px;text-align:center;}
.host-card__name{font-family:var(--font-accent);font-size:16px;}
.host-card__role{font-family:var(--font-body);font-size:12px;color:var(--gold-400);}
.host-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;}
.host-modal[hidden]{display:none;}
.host-modal__backdrop{position:absolute;inset:0;background:rgba(15,13,12,.85);}
.host-modal__card{position:relative;background:var(--ink-800);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:420px;width:100%;padding:28px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;box-sizing:border-box;}
.host-modal__close{position:absolute;top:12px;right:16px;cursor:pointer;color:var(--text-muted);font-size:22px;line-height:1;}
.host-modal__photo{width:96px;height:96px;border-radius:50%;background:var(--ink-950);border:2px dashed var(--rust-500);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;}
.host-modal__name{font-family:var(--font-display);color:var(--rust-500);font-size:28px;text-shadow:var(--text-shadow-retro);}
.host-modal__role{font-family:var(--font-accent);font-size:14px;color:var(--gold-400);text-transform:uppercase;letter-spacing:.03em;}
.host-modal__bio{margin:0;font-size:16px;line-height:1.5;}
.host-modal__video-placeholder{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--ink-950);border:2px dashed var(--rust-500);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;}
.marquee{background:#9d2b32;border:9px dotted #fff7ed;border-radius:var(--radius-lg);padding:14px;box-shadow:0 10px 30px rgb(0 0 0/.55);}
.marquee__inner{background:var(--gold-400);border-radius:var(--radius-md);padding:16px 28px;color:var(--rust-900);font-family:var(--font-display);font-size:32px;text-align:center;}
.venue{font-family:var(--font-accent);color:var(--gold-400);font-size:20px;letter-spacing:.03em;margin:0;}
.fb-link,a{color:var(--rust-500);text-decoration:none;}
.fb-link:hover,a:hover{color:var(--gold-400);}
.heading{font-family:var(--font-display);color:var(--rust-500);text-shadow:var(--text-shadow-retro);font-size:44px;text-align:center;margin:0;}
.heading--md{font-size:32px;}
.shows{width:100%;max-width:720px;display:flex;flex-direction:column;gap:28px;align-items:center;}
.show-card{width:100%;background:var(--ink-800);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;}
.show-card__header{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;}
.date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-cta);border-radius:var(--radius-md);padding:8px 14px;color:var(--rust-900);font-family:var(--font-accent);min-width:60px;}
.date-badge__month{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;}
.date-badge__day{font-size:24px;font-family:var(--font-display);line-height:1.1;}
.show-card__info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;}
.show-card__title{font-family:var(--font-accent);font-size:20px;}
.show-card__meta{font-size:14px;color:var(--text-muted);}
.price-tag{font-family:var(--font-accent);font-size:14px;color:var(--gold-400);border:2px dashed var(--rust-500);border-radius:var(--radius-pill);padding:6px 14px;white-space:nowrap;}
.chevron{font-size:22px;color:var(--text-muted);width:20px;text-align:center;flex-shrink:0;}
.show-card__body{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px;display:none;}
.show-card.is-open .show-card__body{display:flex;}
.divider{height:1px;background:var(--card-border);}
.schedule-row{display:flex;gap:16px;align-items:baseline;}
.schedule-row__time{font-family:var(--font-accent);font-size:14px;color:var(--gold-400);min-width:120px;flex-shrink:0;}
.schedule-row__label{font-size:16px;}
.italic-note{margin:0;font-size:14px;color:var(--text-muted);font-style:italic;}
.highlight-note{margin:0;font-size:14px;color:var(--rust-500);}
.btn{font-family:var(--font-accent);font-size:16px;letter-spacing:.03em;border-radius:var(--radius-pill);padding:14px 32px;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;text-decoration:none;background:var(--gradient-cta);color:var(--rust-900);box-shadow:0 4px 6px -1px rgb(0 0 0/.35);transition:transform .12s cubic-bezier(.34,1.56,.64,1),filter .2s;}
.btn:hover{filter:brightness(1.08);}
.btn:active{transform:scale(.96);}
.cocktail{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:28px;}
.cocktail-card{width:100%;background:var(--ink-800);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;}
.cocktail-card__name{font-family:var(--font-display);color:var(--rust-500);font-size:28px;text-shadow:var(--text-shadow-retro);}
.cocktail-card__label{font-family:var(--font-accent);font-size:12px;color:var(--gold-400);letter-spacing:.03em;text-transform:uppercase;}
.cocktail-card__ingredients{margin:0;font-size:16px;line-height:1.5;}
.dashed-panel{border:4px dashed var(--rust-500);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-card);background:var(--ink-800);}
.dashed-panel p{margin:0;font-style:italic;color:var(--text-muted);font-size:14px;}
footer{margin:0;text-align:center;color:var(--text-muted);font-size:12px;}