/* HERO B: Main stage photo + giant outlined headline + flip countdown */
.v-hero-b{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:#120c06;display:flex;align-items:flex-end}
.v-hero-b .hb-bg{position:absolute;inset:0}
.v-hero-b .hb-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.08);will-change:transform}
.v-hero-b .hb-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.05) 30%,rgba(0,0,0,.25) 55%,rgba(10,6,2,.92) 100%),linear-gradient(90deg,rgba(0,0,0,.55),transparent 60%)}
.v-hero-b .hb-in{position:relative;z-index:2;width:min(1380px,100% - 40px);margin:0 auto;padding:120px 0 clamp(40px,6vw,70px);display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,4vw,60px);align-items:end}
.v-hero-b .hb-logo{grid-column:1/-1;height:clamp(90px,13vw,170px);width:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5))}
.v-hero-b .hb-h1{font-size:clamp(3rem,9.4vw,9.6rem);line-height:.86;letter-spacing:-.02em}
.v-hero-b .hb-l{display:block;overflow:hidden;padding-bottom:.04em}
.v-hero-b .hb-l>span{display:block}
.v-hero-b .hb-outline{color:transparent;-webkit-text-stroke:clamp(1.5px,.22vw,3px) var(--gold)}
.v-hero-b .hb-outline:last-child{color:var(--gold);-webkit-text-stroke:0;text-shadow:6px 6px 0 var(--red)}
.v-hero-b .hb-kick{font-family:var(--fb);text-transform:uppercase;font-size:.85rem;letter-spacing:.12em;color:rgba(255,255,255,.85)}
.v-hero-b .hb-date{font-family:var(--fb);text-transform:uppercase;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.1;margin:6px 0 18px;color:#fff}
.v-hero-b .hb-flip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;perspective:600px;max-width:440px}
.v-hero-b .hb-u{text-align:center}
.v-hero-b .hb-card{position:relative;background:linear-gradient(180deg,#2a2a2a 0 50%,#1b1b1b 50% 100%);border:3px solid #000;border-radius:12px;box-shadow:0 6px 0 #000,inset 0 1px 0 rgba(255,255,255,.1);padding:10px 0;transform-origin:50% 50%}
.v-hero-b .hb-card::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#000;opacity:.8}
.v-hero-b .hb-card b{display:block;font-family:var(--fb);font-weight:400;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1;color:var(--gold)}
.v-hero-b .hb-u span{display:block;margin-top:8px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.v-hero-b .hb-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.v-hero-b .btn-chunky{border-color:#000;box-shadow:5px 5px 0 #000}
.v-hero-b .hb-note{font-family:var(--fb);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;margin-top:14px;opacity:.75}
@media(max-width:900px){
  .v-hero-b .hb-in{grid-template-columns:1fr;padding-top:100px}
  .v-hero-b .hb-logo{height:clamp(70px,22vw,120px)}
  .v-hero-b .hb-h1{font-size:clamp(2.9rem,15vw,6rem)}
}
@media(max-width:420px){
  .v-hero-b .hb-flip{gap:7px}
  .v-hero-b .hb-ctas .btn{flex:1;padding:14px 16px}
}