/* ===== Hero ===== */
.hero{
  position:relative;min-height:100vh;display:flex;align-items:center;
  padding:120px 0 80px;overflow:hidden;
}
.hero-bg{position:absolute;inset:0;z-index:0;background:url('../assets/images/hero-bg.jpg') center/cover no-repeat;opacity:.85}
.hero-bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 80% at 50% 50%,transparent 0%,rgba(5,5,5,.4) 60%,#050505 100%),
  linear-gradient(180deg,rgba(5,5,5,.6),transparent 30%,transparent 70%,#050505)}
.hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;min-height:80vh}

/* Giant chrome wordmark */
.hero-wordmark{
  position:absolute;z-index:1;
  top:0%;left:20%;transform:translate(-50%,-50%);
  font-family:'Orbitron',sans-serif;font-weight:900;
  font-size:clamp(6rem,20vw,20rem);line-height:.85;letter-spacing:.02em;
  text-transform:none;pointer-events:none;white-space:nowrap;
  animation:floaty 9s ease-in-out infinite;
}
.hero-wordmark img{display:block;max-width:clamp(400px,85vw,1400px);max-height:80vh;width:auto;height:auto;margin:0 auto}

.hero-artist{position:absolute;z-index:3;left:2%;bottom:0;max-width:52%}
.hero-artist img{max-height:88vh;width:auto;filter:drop-shadow(0 30px 80px rgba(0,0,0,.7))}

/* Pill CTA — bottom-right */
.hero-pill{
  position:absolute;z-index:4;right:6%;bottom:14%;
  display:inline-flex;align-items:center;gap:14px;
  padding:18px 28px 18px 32px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(20px);
  font-family:'Michroma',sans-serif;font-size:.68rem;letter-spacing:.32em;
  text-transform:uppercase;color:#fff;
  box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15),0 0 30px rgba(127,182,255,.18);
  transition:all .4s var(--ease);
}
.hero-pill em{font-style:normal;color:var(--blue);opacity:.85}
.hero-pill .arrow{display:inline-flex;width:30px;height:30px;border-radius:50%;background:#fff;color:#000;align-items:center;justify-content:center;font-style:normal;margin-left:8px;transition:transform .3s;font-size:.85rem}
.hero-pill:hover{border-color:rgba(127,182,255,.6);box-shadow:0 0 50px rgba(127,182,255,.4)}
.hero-pill:hover .arrow{transform:translateX(4px)}

/* particles */
.particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.particles span{position:absolute;display:block;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.5;box-shadow:0 0 6px #fff,0 0 12px var(--blue-glow);animation:rise 14s linear infinite}

/* light sweep */
.sweep{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);background-size:200% 100%;animation:sweep 8s linear infinite}

/* Marquee */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:18px 0;background:rgba(0,0,0,.4);backdrop-filter:blur(10px)}
.marquee-track{display:flex;gap:80px;white-space:nowrap;animation:marquee 30s linear infinite;font-family:'Michroma',sans-serif;font-size:.7rem;letter-spacing:.4em;color:var(--muted);text-transform:uppercase}
.marquee-track span{display:inline-flex;align-items:center;gap:80px}
.marquee-track i{color:var(--blue);font-style:normal}