:root{--bg:#121212;--text:#E8E8E8;--muted:#B0B0B0;--gold:#C9A14A;}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,32px)}
.flex{display:flex;gap:16px}.between{justify-content:space-between}.center{align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.narrow{max-width:780px;margin-inline:auto}
.site-header{position:sticky;top:0;background:rgba(18,18,18,.9);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid #222;z-index:20}
.brand img{display:block;height:64px;margin:0}
@media (max-width:840px){.brand img{height:56px}}
.nav{display:flex;gap:18px;align-items:center}.nav a{color:var(--text)}
.btn{display:inline-block;border:1px solid #2a2a2a;padding:.6rem 1rem;border-radius:12px}
.btn.cta{background:var(--gold);color:#111;border:0}.btn.lg{padding:.9rem 1.2rem;border-radius:999px}
#nav-toggle,.burger{display:none}
/* Homepage hero with MP4 */
#home-hero .hero-video{position:relative;max-width:720px;margin:0 auto}
#home-hero .hero-media{width:100%;height:auto;border-radius:16px;display:block}
#home-hero .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:999px;padding:16px 22px;background:var(--gold);color:#111;cursor:pointer;font-size:20px;line-height:1;z-index:2;opacity:.9}
#home-hero .hero-copy{max-width:720px;margin:16px auto 0}
.site-footer{margin-top:48px;border-top:1px solid #222;background:#151515}
.site-footer .social{display:flex;gap:12px}
.contact-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.setlist{list-style:none;padding-left:0}.setlist li{margin:.35rem 0;padding:.35rem .6rem;border:1px solid #2a2a2a;border-radius:8px;background:#1a1a1a}
.filters{display:flex;gap:8px;margin:.5rem 0 1rem}
.filters .filter{border:1px solid #2a2a2a;background:#1a1a1a;color:var(--text);padding:.4rem .7rem;border-radius:999px;cursor:pointer}
.filters .filter.active{background:var(--gold);color:#111;border-color:var(--gold)}

/* Hide native overlay/play icons in WebKit */
.hero-media::-webkit-media-controls { display:none !important; }
.hero-media::-webkit-media-controls-enclosure { display:none !important; }
.hero-media::-webkit-media-controls-start-playback-button { display:none !important; }
.hero-media::-webkit-media-controls-panel { display:none !important; }

@media (max-width:600px){
  #home-hero .hero-video{max-width:480px;width:100%}
}


/* Mobile nav */
@media (max-width:840px){
  .nav{
    position:fixed;
    inset:60px 12px auto 12px;
    background:#151515;
    border:1px solid #222;
    border-radius:12px;
    padding:12px;
    display:none;
    flex-direction:column;
    gap:12px;
    z-index:30;
  }
  #nav-toggle:checked ~ .nav{ display:flex; }
  .burger{
    display:block;
    width:28px; height:22px;
    border-top:2px solid #3a3a3a;
    border-bottom:2px solid #3a3a3a;
    position:relative; cursor:pointer;
  }
  .burger::after{
    content:''; position:absolute; top:9px; left:0; right:0;
    border-top:2px solid #3a3a3a;
  }
}


/* YouTube embed styling inside hero */
#home-hero .hero-video .yt-embed{
  width:100%;
  aspect-ratio:16/9;
  border:0;
  border-radius:16px;
  display:block;
}
#home-hero .play{z-index:3}