/* vv-hero — prefix vvh- */

.vvh{position:relative;height:clamp(800px,75vw,1080px);overflow:hidden;background:var(--vv-sky);color:#fff;padding-top:44px}
.vvh-bg{position:absolute;inset:0}
.vvh-bg picture,.vvh-bg img{display:block;width:100%;height:100%}
.vv .vvh-bg img{object-fit:cover;object-position:center bottom;max-width:none}
.vvh-bg::before,.vvh-bg::after{content:"";position:absolute;inset:0;pointer-events:none}
.vvh-bg::before{background:linear-gradient(180deg,rgba(4,7,26,.6),rgba(4,7,26,.25) 32%,rgba(4,7,26,0) 56%)}
.vvh-bg::after{background:linear-gradient(180deg,rgba(10,10,46,0) 82%,rgba(10,10,46,.75) 94%,#0A0A2E)}

.vvh-stack{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(1000px,calc(100% - 48px));margin:0 auto}
.vv .vvh-logo{display:block;width:300px;height:auto}
.vv .vvh-kick{margin:12px 0 0;font-family:var(--vv-lg);font-weight:400;font-size:16px;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;color:var(--vv-gold);text-shadow:0 2px 0 var(--vv-ink),0 0 16px rgba(5,8,28,.9)}
.vv .vvh-h{margin:24px 0 0;padding:0;font-family:var(--vv-lg);font-weight:400;font-size:96px;line-height:1.08;letter-spacing:.02em;text-transform:none;color:#fff;-webkit-text-stroke:8px var(--vv-ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--vv-ink)}
.vv .vvh-sub{margin:10px 0 0;max-width:720px;font-weight:600;font-size:22px;line-height:1.35;color:var(--vv-lav-l);text-wrap:pretty}
.vv .vvh-when{margin:18px 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;font-weight:700;font-size:17px;line-height:1.3;color:#fff}
.vvh-pill{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;font-weight:800;font-size:14px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 0 2px rgba(255,255,255,.3)}
.vvh-pill--pk{background:var(--vv-pink);color:#fff}
.vvh-pill--gd{background:var(--vv-gold);color:var(--vv-ink)}
.vvh-cta{margin:28px 0 0;display:flex;align-items:center;justify-content:center;gap:14px}
.vvh-notify{margin:28px 0 0;width:100%}
.vv .vvh-price{margin:10px 0 0}
.vvh-vu{margin:20px 0 0;display:flex;justify-content:center}
.vvh-vu a{display:block}
.vv .vvh-vu img{display:block;width:117px;height:auto;filter:drop-shadow(0 2px 8px rgba(5,8,28,.9))}
.vvh-trail{position:absolute;right:12.3%;bottom:0}

@media (max-width:1024px){
	.vvh{height:clamp(700px,216vw,1000px);padding-top:20px}
	.vvh-bg::before{background:linear-gradient(180deg,rgba(4,7,26,.4),rgba(4,7,26,0) 40%)}
	.vvh-bg::after{background:linear-gradient(180deg,rgba(10,10,46,0) 88%,#0A0A2E)}
	.vvh-stack{width:min(342px,calc(100% - 48px))}
	.vv .vvh-logo{width:210px}
	.vv .vvh-kick{margin-top:10px;font-size:12px}
	.vv .vvh-h{margin-top:18px;font-size:60px;-webkit-text-stroke:5px var(--vv-ink);text-shadow:0 4px 0 var(--vv-ink)}
	.vv .vvh-sub{margin-top:6px;font-size:17px}
	.vv .vvh-when{margin-top:12px;font-size:15px}
	.vvh-pill{height:28px;padding:0 11px;font-size:12px}
	.vvh-venue{flex-basis:100%}
	.vvh-dot{display:none}
	.vvh-cta{margin-top:16px;width:100%}
	.vvh-notify{margin-top:16px}
	.vvh-under{margin:6px 0 0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-shadow:0 1px 8px rgba(5,8,28,.95),0 0 2px rgba(5,8,28,.9)}
	.vv .vvh-under .vv-price{margin:0;font-size:14px}
	.vvh-vu{margin-top:12px}
	.vv .vvh-vu img{width:84px}
}