:root{
  --bg:#0b0c10;
  --card:#111319;
  --gold-1:#9b7d2b;
  --gold-2:#c9aa4b;
  --gold-3:#f1df97;
  --text:#e9e6dc;
  --muted:#a6a6a6;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--text);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.center{text-align:center}

.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.35) 60%, transparent);backdrop-filter:saturate(1.2) blur(4px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px}
.logo{height:40px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}
.brand-text{font-family:Cinzel,serif;font-weight:700;letter-spacing:.06em;background:linear-gradient(90deg,var(--gold-3),var(--gold-2),var(--gold-1));-webkit-background-clip:text;background-clip:text;color:transparent}

.nav{display:flex;gap:22px;align-items:center}
.nav a{opacity:.9;transition:opacity .2s}
.nav a:hover{opacity:1}
.nav .cta{padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,var(--gold-2),var(--gold-1));box-shadow:0 6px 24px rgba(201,170,75,.25)}

.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--text)}

/* Hero Slider */
.hero{position:relative}
.slider{position:relative;height:80vh;min-height:520px;overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 800ms ease}
.slide.active{opacity:1}
.overlay{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 60%, rgba(0,0,0,.2), rgba(0,0,0,.6));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px}
.headline{font-family:Cinzel,serif;font-size:52px;letter-spacing:.04em;margin:0 0 8px;background:linear-gradient(180deg,var(--gold-3),var(--gold-2) 60%,var(--gold-1));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 24px rgba(0,0,0,.5)}
.sub{color:var(--text);opacity:.85;margin:0}

.control{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);color:var(--text);font-size:42px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}
.control:hover{background:rgba(0,0,0,.5)}
.control.prev{left:18px}
.control.next{right:18px}
.dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:10px}
.dots button{width:10px;height:10px;border-radius:50%;border:0;background:#666;opacity:.6}
.dots button.active{background:linear-gradient(135deg,var(--gold-2),var(--gold-1));opacity:1;box-shadow:0 0 0 2px rgba(0,0,0,.4)}

/* Sections */
.section{padding:80px 0}
.gold{font-family:Cinzel,serif;letter-spacing:.05em;background:linear-gradient(95deg,var(--gold-3),var(--gold-2) 55%,var(--gold-1));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 14px}
.grid{display:grid;gap:28px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.grid.two.tight{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden}
.glass{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));backdrop-filter:blur(8px)}
.ratio{position:relative;width:100%;padding-top:56.25%}
.ratio > iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px}

.features{padding-left:18px}
.features li{margin:6px 0;color:#d7d4ca}

.btn{display:inline-block;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--gold-2),var(--gold-1));color:#1a1a1a;font-weight:700;box-shadow:0 10px 30px rgba(201,170,75,.25)}

.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.06)}

/* Music tiles */
.tile{display:flex;align-items:center;justify-content:center;height:68px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));font-weight:600}
.tile-title{background:linear-gradient(135deg,var(--gold-3),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Footer */
.footer{padding:36px 0;border-top:1px solid rgba(255,255,255,.06);background:radial-gradient(1200px 600px at 50% -10%, rgba(201,170,75,.15), transparent)}
.footer-inner{display:flex;flex-direction:column;gap:18px}
.foot-brand{display:flex;align-items:center;gap:14px}
.foot-brand img{height:40px;width:auto}
.socials{display:flex;gap:14px;flex-wrap:wrap}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);color:var(--text)}

.small{color:var(--muted);font-size:14px}

/* Responsive */
@media (max-width: 980px){
  .grid.two{grid-template-columns:1fr}
  .grid.three{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .headline{font-size:42px}
  .nav{display:none}
  .menu-toggle{display:block}
}
@media (max-width: 580px){
  .grid.three{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .slider{height:65vh;min-height:420px}
  .headline{font-size:34px}
}