.vrr-hero{position:relative;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;background:#050505;color:#f4f1ed;isolation:isolate}.vrr-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;overflow:hidden;background:#050505}.vrr-hero-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:saturate(1.05) contrast(1.04) brightness(.96)}.vrr-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(115% 75% at 50% 44%,#00000042,#00000080 64%,#000000b8),linear-gradient(180deg,#00000080,#0000001f,#0000003d 68%,#000000b8)}.vrr-hero-inner{width:min(100%,920px);min-height:inherit;margin:0 auto;padding:60px 24px 56px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--font-heading)}.vrr-hero-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#0000006b;box-shadow:0 0 22px #c1121f4d,inset 0 0 14px #c1121f1f;color:#fff;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.3em;line-height:1;text-transform:uppercase}.vrr-hero-live-dot{width:7px;height:7px;border-radius:50%;background:#e11d2e;box-shadow:0 0 12px #e11d2ed9;animation:vrr-hero-live-pulse 1.8s ease-in-out infinite}.vrr-hero-title{margin:26px -.38em 0 0;color:#fff;font-size:clamp(17px,2.1vw,26px);font-weight:400;line-height:1.3;letter-spacing:.38em;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.85)}.vrr-hero-rule{width:52px;height:1px;margin-top:22px;background:#c1121f;box-shadow:0 0 14px #c1121fbf}.vrr-hero-art{width:min(360px,72vw,38vh);aspect-ratio:1;margin-top:72px;border:1px solid rgba(213,28,41,.62);border-radius:10px;overflow:hidden;background:#050505;box-shadow:0 18px 44px #0000009e,0 0 26px #c1121f1a}.vrr-hero-art-photo{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.vrr-hero-art-brand{position:relative;width:100%;height:100%;background:#050505}.vrr-hero-art-logo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vrr-hero-art-brand-text{position:absolute;left:0;right:0;bottom:9%;padding:0 8%;text-align:center}.vrr-hero-art-brand-name{color:#fff;font-size:clamp(14px,1.5vw,18px);letter-spacing:.05em}.vrr-hero-art-brand-city{margin-top:4px;color:#ffffff9e;font-family:var(--font-body);font-size:clamp(9px,1vw,11px);font-weight:500;letter-spacing:.28em;text-transform:uppercase}.vrr-hero-meta{min-height:82px;margin-top:38px;padding:0 12px}.vrr-hero-artist{margin:0;color:#fff;font-size:clamp(27px,3.1vw,40px);font-weight:700;line-height:1.08;text-shadow:0 2px 18px rgba(0,0,0,.8)}.vrr-hero-song{margin:10px 0 0;color:#ffffffb3;font-family:var(--font-body);font-size:clamp(12px,1.35vw,15px);font-weight:500;letter-spacing:.22em;line-height:1.35;text-transform:uppercase}.vrr-hero-progress{position:relative;width:min(560px,78vw);height:2px;margin-top:38px;border-radius:999px;background:#ffffff21}.vrr-hero-progress-fill{position:absolute;top:0;bottom:0;left:0;width:38%;border-radius:999px;background:linear-gradient(90deg,#a30d17,#e11d2e);box-shadow:0 0 12px #e11d2e8c}.vrr-hero-progress-knob{position:absolute;top:50%;left:38%;width:9px;height:9px;border-radius:50%;background:#e11d2e;transform:translate(-50%,-50%);box-shadow:0 0 12px #e11d2ed9}.vrr-hero-controls{display:flex;align-items:center;justify-content:center;gap:52px;margin-top:40px}.vrr-hero-ghost-button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#ffffffd1;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease}.vrr-hero-ghost-button:hover{color:#fff;background:#ffffff0f}.vrr-hero-ghost-button:active{transform:scale(.94)}.vrr-hero-ghost-button svg{width:26px;height:26px;fill:currentColor}.vrr-hero-play-button{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #e11d2e;background:#50000857;color:#fff;cursor:pointer;box-shadow:0 0 24px #e11d2e61,0 0 52px #c1121f29,inset 0 0 18px #c1121f1a;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.vrr-hero-play-button:hover{transform:scale(1.04);background:#c1121f47;box-shadow:0 0 38px #c1121f85,inset 0 0 22px #c1121f33}.vrr-hero-play-button:active{transform:scale(.97)}.vrr-hero-play-button svg{width:30px;height:30px;fill:currentColor}.vrr-hero-slogan{margin:32px 0 0;color:#fff;font-size:clamp(30px,3.6vw,48px);font-weight:500;line-height:1.1;text-shadow:0 3px 20px rgba(0,0,0,.8)}.vrr-hero-location{margin:26px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:#ffffffad;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.24em;line-height:1.5;text-transform:uppercase}.vrr-hero-sep{color:#d7192d}@keyframes vrr-hero-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@media(max-width:640px){.vrr-hero-inner{padding:44px 18px 46px}.vrr-hero-title{font-size:15px;letter-spacing:.24em;margin-right:-.24em}.vrr-hero-art{width:min(300px,74vw,36vh);margin-top:54px}.vrr-hero-meta{min-height:74px;margin-top:30px}.vrr-hero-artist{font-size:clamp(24px,8vw,32px)}.vrr-hero-song{letter-spacing:.16em}.vrr-hero-progress{width:min(360px,82vw);margin-top:30px}.vrr-hero-controls{gap:28px;margin-top:32px}.vrr-hero-play-button{width:76px;height:76px}.vrr-hero-ghost-button{width:46px;height:46px}.vrr-hero-slogan{margin-top:28px;font-size:clamp(26px,7.4vw,36px)}.vrr-hero-location{font-size:9.5px;letter-spacing:.16em}}
