/* VALENS — hero on the festival stage: the fire-stage photo is the cover, the name and actions sit
   on the left, the release covers turn low across the crowd (js/ring.js). No silhouette, no headphones,
   no wall logo, no player card. */
.hero{background:#050505}
.hero-bg{background:#050505;overflow:hidden}
/* 124% wide and left-aligned: the stage (triangle, flames, DJ) is centred at 62%, clear of the text */
.hero-photo{position:absolute;left:0;top:-3%;width:124%;height:106%;max-width:none;object-fit:cover;object-position:50% 40%;filter:saturate(1.08) contrast(1.04);user-select:none;pointer-events:none}
/* Shade: darker left side for the text, dark band under the header, the floor fades to black */
.hero-shade{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,#050505e6 0%,#050505a6 24%,#05050500 48%),
  linear-gradient(180deg,#050505e6 0%,#0505058c 14%,#05050500 34%,#05050500 58%,#050505b3 82%,#050505 100%),
  radial-gradient(ellipse 75% 85% at 62% 42%,#05050500 45%,#050505cc 100%)}
.hero-glow,.liquid-canvas,.hero-logo,.hero-logo-fire,.hero-figure,.hero-phones,.head-hit{display:none}
.hero-grain{opacity:.05}
.cover-bottom{justify-content:flex-end}
/* The header sat on a light wall; on the stage it goes light too */
.site-header:not(.is-scrolled){color:var(--text)}

.hero-lead{position:absolute;z-index:5;left:0;right:0;top:44%;transform:translateY(-50%);margin:0 auto;width:100%;max-width:var(--shell);display:flex;flex-direction:column;align-items:flex-start;gap:1.3rem;pointer-events:none}
.hero-lead>*{pointer-events:auto}
.hero-name{display:block;width:clamp(17rem,33vw,34rem);height:auto;filter:drop-shadow(0 8px 34px #000000d9)}
.hero-tag{font-size:clamp(.72rem,.9vw,.86rem);letter-spacing:.34em;text-transform:uppercase;color:#e6e0d6;font-weight:600;text-shadow:0 2px 14px #000}
.hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.5rem}
.hero-cta .pill.outline{background:#0a0a0966;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-listen .hl-pause{display:none}
.hero-listen.is-playing .hl-play{display:none}
.hero-listen.is-playing .hl-pause{display:inline}

@media (max-width:700px){
  /* the stage sits in the middle band, between the name on top and the covers below */
  .hero-photo{left:-35%;top:8%;width:170%;height:92%;object-position:50% 45%}
  .hero-shade{background:
    linear-gradient(180deg,#050505 0%,#050505d9 18%,#05050500 40%,#05050500 62%,#050505b3 84%,#050505 100%),
    radial-gradient(ellipse 90% 80% at 50% 50%,#05050500 50%,#050505cc 100%)}
  .hero-lead{top:6.6rem;transform:none;align-items:center;text-align:center;gap:1rem}
  .hero-name{width:min(78vw,22rem)}
  .hero-tag{font-size:.6rem;letter-spacing:.16em;white-space:nowrap}
  .hero-cta{justify-content:center}
  .hero-cta .pill{min-height:2.7rem;font-size:.8rem}
  .hero-cta .pill .pill-icon{width:2rem;height:2rem}
}

/* v4 — the stage photo shown whole on the cover; the ring of covers lives in section#palco */
.hero-photo{left:0;top:0;width:100%;height:100%;object-position:50% 42%}
.stage-ring{z-index:3}
@media (max-width:700px){
  .hero-photo{left:0;top:0;width:100%;height:100%;object-position:50% 42%}
}