/* ============================================================
   LIVE / LINKS pages
   ============================================================ */
.page-head{ margin-bottom:26px; }
.page-head .eyebrow{ display:block; margin-bottom:12px; }
.page-head h1{
  font-family:var(--font-mono); font-weight:800; text-transform:uppercase;
  font-size:clamp(2rem,10vw,3.4rem); letter-spacing:-.05em; line-height:.92;
}
.page-head p{ color:var(--muted); margin-top:14px; max-width:56ch; }

/* ============================================================
   LIVE — PROJECT 3
   ============================================================ */
.gig{
  border:1px solid var(--border-strong); border-radius:var(--radius);
  background:linear-gradient(150deg, rgba(0,230,118,.14), rgba(0,230,118,.01) 60%), var(--bg-2);
  padding:22px 20px; margin-bottom:20px; position:relative; overflow:hidden;
}
.gig::after{
  content:""; position:absolute; inset:auto -20% -60% auto; width:70%; height:180%;
  background:radial-gradient(closest-side, rgba(0,230,118,.22), transparent);
  pointer-events:none;
}
.gig-presenter{
  font-family:var(--font-mono); font-size:.62rem; letter-spacing:.26em;
  text-transform:uppercase; color:var(--accent-2);
}
.gig-name{
  font-family:var(--font-mono); font-weight:800; text-transform:uppercase;
  font-size:clamp(2.4rem,15vw,5rem); letter-spacing:-.06em; line-height:.88;
  margin:10px 0 4px; position:relative; z-index:1;
}
.gig-when{
  font-family:var(--font-mono); font-size:.82rem; letter-spacing:.04em;
  color:var(--text); margin-top:12px;
}
.gig-when span{ color:var(--muted); }

/* Flyer on the gig card — sits above the presenter line on phones,
   floats to the right of it on wider screens. */
.gig-flyer{ margin-bottom:20px; position:relative; z-index:1; }
.gig-flyer .flyer-btn{ max-width:230px; }

@media (min-width:620px){
  .gig.has-flyer{ display:grid; grid-template-columns:1fr 220px; gap:26px; align-items:start; }
  .gig.has-flyer .gig-flyer{ grid-column:2; grid-row:1 / span 6; margin-bottom:0; }
  .gig.has-flyer .gig-flyer .flyer-btn{ max-width:none; }
  .gig.has-flyer .gig-presenter{ grid-column:1; grid-row:1; }
  .gig.has-flyer .gig-name{ grid-column:1; grid-row:2; }
  .gig.has-flyer .gig-when{ grid-column:1; grid-row:3; }
  .gig.has-flyer .cd,
  .gig.has-flyer .cd-msg{ grid-column:1; grid-row:4; }
  .gig.has-flyer .gig-cta{ grid-column:1; grid-row:5; }
}

/* Countdown */
.cd{ display:flex; gap:8px; margin:20px 0 4px; position:relative; z-index:1; }
.cd-box{
  flex:1; border:1px solid var(--border); background:rgba(3,8,5,.55);
  border-radius:var(--radius-sm); padding:12px 6px; text-align:center;
}
.cd-box .n{
  font-family:var(--font-mono); font-weight:800; font-size:clamp(1.3rem,6vw,2rem);
  letter-spacing:-.03em; font-variant-numeric:tabular-nums; line-height:1;
}
.cd-box .l{
  font-family:var(--font-mono); font-size:.62rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--muted-2); margin-top:7px;
}
.cd-msg{
  font-family:var(--font-mono); font-weight:800; text-transform:uppercase;
  font-size:1.1rem; letter-spacing:.04em; color:var(--accent-2);
  margin:20px 0 4px; position:relative; z-index:1;
}

.gig-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; position:relative; z-index:1; }

/* Detail rows */
.facts{
  display:grid; gap:0; margin-top:22px;
  border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden;
}
.fact{
  display:grid; grid-template-columns:96px 1fr; gap:12px; align-items:baseline;
  padding:14px 16px; border-bottom:1px solid var(--border);
  font-family:var(--font-mono); font-size:.78rem;
}
.fact:last-child{ border-bottom:0; }
.fact dt{
  font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted-2);
}
.fact dd{ color:var(--text); }
.fact dd a{ color:var(--accent-2); border-bottom:1px solid var(--border-strong); }
.fact dd small{ display:block; color:var(--muted); margin-top:4px; font-size:.7rem; }

/* Lineup */
.lineup{ display:flex; flex-direction:column; margin-top:8px; }
.lu{
  display:flex; align-items:center; gap:14px;
  padding:14px 4px; border-bottom:1px solid rgba(90,255,170,.09);
}
.lu-n{
  font-family:var(--font-mono); font-size:.64rem; color:var(--muted-2);
  width:24px; flex:none; font-variant-numeric:tabular-nums;
}
.lu-name{
  font-family:var(--font-mono); font-weight:700; font-size:1rem; letter-spacing:-.02em;
}
.lu.me{ background:var(--surface); }
.lu.me .lu-name{ color:var(--accent-2); }
.lu.me .lu-n{ color:var(--accent-2); }
.lu-tag{
  margin-left:auto; font-family:var(--font-mono); font-size:.62rem;
  letter-spacing:.18em; text-transform:uppercase; color:var(--muted-2);
}
.lu.me .lu-tag{ color:var(--accent-2); }

/* ============================================================
   LINKS
   ============================================================ */
.links-hero{ text-align:center; margin-bottom:30px; }
.links-avatar{
  width:104px; height:104px; margin:0 auto 16px; overflow:hidden;
  border:1px solid var(--border-strong); border-radius:var(--radius-sm);
  box-shadow:0 0 60px -14px var(--glow); background:var(--bg-2);
}
.links-avatar img{ width:100%; height:100%; object-fit:cover; }
.links-hero h1{
  font-family:var(--font-mono); font-weight:800; text-transform:uppercase;
  font-size:clamp(1.5rem,7vw,2.1rem); letter-spacing:-.04em;
}
.links-hero p{
  font-family:var(--font-mono); color:var(--muted); font-size:.7rem;
  letter-spacing:.14em; margin-top:8px; text-transform:uppercase;
}

.link-list{ display:flex; flex-direction:column; gap:10px; }
.link-row{
  display:flex; align-items:center; gap:15px;
  padding:16px 18px; min-height:44px;
  border:1px solid var(--border); border-radius:var(--radius-sm);
  background:var(--bg-2);
  font-family:var(--font-mono); font-weight:700; font-size:.84rem;
  transition:border-color .2s var(--ease), background .2s, transform .18s var(--ease);
}
.link-row:hover{ border-color:var(--accent); background:var(--surface); transform:translateY(-2px); }
.link-row .ic{ width:24px; height:24px; flex:none; display:grid; place-items:center; }
.link-row .ic svg{ width:22px; height:22px; }
.link-row .go{ margin-left:auto; color:var(--muted-2); }
.link-row .go svg{ width:14px; height:14px; }
.link-row .sub{
  font-weight:400; font-size:.64rem; letter-spacing:.14em;
  color:var(--muted-2); text-transform:uppercase; display:block; margin-top:4px;
}
.link-row[data-k="soundcloud"] .ic{ color:#ff5500; }
.link-row[data-k="spotify"]    .ic{ color:#1DB954; }
.link-row[data-k="apple"]      .ic{ color:#fb5c74; }
.link-row[data-k="instagram"]  .ic{ color:#E1306C; }
.link-row[data-k="youtube"]    .ic{ color:#ff0000; }
.link-row[data-k="live"]       .ic{ color:var(--accent-2); }
.link-row[data-k="live"]{ border-color:var(--border-strong); }