/* style.css - XposureTalents Upgraded */
:root{
  --accent: #f4b36a;
  --accent-2: #7a4fff;
  --bg: #000;
  --card-bg: rgba(255,255,255,0.03);
  --muted: rgba(255,255,255,0.7);
  --max-width:1100px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--bg);color:#fff;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max-width);margin:0 auto;padding:2rem;}

/* Header / Hero */
.site-hero{
  background-image:url('logo.jpeg');
  background-repeat:no-repeat;
  background-position:center;
  background-size:50vmin;
  position:relative;overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,0.03);
}
.site-hero::after{
  content:"";position:absolute;left:0;right:0;top:0;bottom:0;
  background: radial-gradient(ellipse at center, rgba(244,179,106,0.06) 0%, rgba(122,79,255,0.03) 35%, rgba(0,0,0,0.85) 60%);
  pointer-events:none;
}
.site-nav{
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 1.25rem 2rem;
	z-index: 2
}
.site-hero .site-nav.container {
}

.brand{display:flex;gap:0.75rem;align-items:center;font-weight:800;letter-spacing:1px}
.brand img{height:44px;border-radius:6px;filter:brightness(0) invert(1)}
.menu{display:flex;gap:1rem;align-items:center}
.menu a{
	padding: .5rem .75rem;
	border-radius: 6px;
	font-weight: 700;
	color: #fff;
	position: relative;
	overflow: visible;
	align-items: center;
}
.menu a::after{content:"";position:absolute;left:12%;bottom:-6px;height:2px;width:76%;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:0;transform:translateY(4px);transition:all .28s}
.menu a:hover::after{opacity:1;transform:translateY(0)}

/* hero content */
.hero-content{padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;position:relative}
.hero-content h1{font-family:'Poppins',sans-serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:800;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1.6px;text-shadow:0 6px 18px rgba(122,79,255,0.06)}
.hero-content p.lead{max-width:900px;color:var(--muted);font-weight:400;line-height:1.6}

/* glow pulse */
.pulse {
  position:absolute;
  width:60vmin;height:60vmin;border-radius:50%;left:50%;top:10%;
  transform:translate(-50%,-10%);
  background: radial-gradient(circle at 30% 30%, rgba(244,179,106,0.08), rgba(122,79,255,0.04) 40%, transparent 60%);
  animation: pulse 6s infinite;
  z-index:1;filter:blur(20px);
}
@keyframes pulse{0%{transform:translate(-50%,-10%) scale(.95);opacity:.9}50%{transform:translate(-50%,-10%) scale(1.05);opacity:.6}100%{transform:translate(-50%,-10%) scale(.95);opacity:.9}}

/* Main and cards */
.main{background:linear-gradient(180deg, rgba(0,0,0,0.55), rgba(0,0,0,0.9));min-height:60vh;padding:3rem 0}
.card{background:var(--card-bg);padding:1.25rem;border-radius:12px;margin-bottom:1rem;box-shadow:0 8px 24px rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.02)}

/* grid */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media (max-width:900px){.grid{grid-template-columns:1fr}.site-nav{padding:1rem}.hero-content{padding:4rem 1rem}}

/* About */
.bio{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:start}
.bio img{width:100%;border-radius:12px;object-fit:cover;height:100%}

/* Events */
.event{display:flex;align-items:center;justify-content:space-between;padding:.9rem;border-radius:8px;border:1px solid rgba(255,255,255,0.03);transition:transform .25s,opacity .25s}
.event:hover{transform:translateY(-6px)}

/* Artists */
.artist-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}
.artist{padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:.75rem;transition:transform .28s,box-shadow .28s;overflow:hidden}
.artist:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,0.6)}
.artist img{border-radius:8px;width:100%;height:180px;object-fit:cover;transition:transform .4s}
.artist img:hover{transform:scale(1.04)}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.gallery-grid img{width:100%;height:110px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .25s}
.gallery-grid img:hover{transform:scale(1.04)}

/* Lightbox */
.lightbox{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:999;opacity:0;pointer-events:none;transition:opacity .25s}
.lightbox.open{opacity:1;pointer-events:auto}
.lightbox img{max-width:90%;max-height:80%;border-radius:8px}

/* Contact / booking */
.form-row{display:flex;gap:.75rem}
.form-row input,.form-row textarea,.form-row select{flex:1;padding:.75rem;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,0.06);color:#fff}
.btn{display:inline-block;padding:.75rem 1rem;border-radius:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#000;font-weight:700;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(122,79,255,0.06)}

/* subtle headings */
.kicker{color:var(--accent);font-weight:700;font-size:.9rem;margin-bottom:.5rem}
.section-title{font-size:1.4rem;font-weight:800;margin-bottom:.75rem;letter-spacing:0.6px}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(18px);transition:all .6s ease-out}
.reveal.visible{opacity:1;transform:translateY(0)}

/* footer */
.site-footer{border-top:1px solid rgba(255,255,255,0.04);padding:2rem;color:#ddd}
.socials{display:flex;gap:0.75rem;align-items:center}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,0.03)}

/* responsive tweaks */
@media (max-width:600px){.bio{grid-template-columns:1fr} .hero-content h1{font-size:1.8rem} .hero-content{padding:3rem 1rem}.site-hero .site-nav.container #mainMenu {
}
.site-hero .site-nav.container #mainMenu {
}

}