.styllus-hero-bleed,
.styllus-hero-bleed *{box-sizing:border-box}
.styllus-hero-bleed{
    --sh-primary:#ff4b00;
    --sh-accent:#ffc400;
    --sh-text:#fff;
    --sh-min-height:560px;
    --sh-content-max:1680px;
    --sh-logo-width:390px;
    --sh-top-wave-height:113px;
    --sh-bottom-transition-height:90px;
    position:relative;
    left:50%;
    width:100vw;
    max-width:100vw;
    margin-left:-50vw;
    overflow:hidden;
    color:var(--sh-text);
    background:
        var(--sh-bg-image) center/cover no-repeat,
        radial-gradient(circle at 18% 30%,rgba(255,102,0,.23),transparent 28%),
        radial-gradient(circle at 78% 30%,rgba(180,0,0,.22),transparent 28%),
        linear-gradient(110deg,#050609 0%,#14100c 45%,#160b08 70%,#050609 100%);
    isolation:isolate;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.styllus-hero-bleed:before{
    content:"";
    position:absolute;inset:0;z-index:-1;
    background:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.16) 48%,rgba(0,0,0,.50));
}
.styllus-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.sh-orbit{position:absolute;border:2px solid rgba(255,124,0,.2);border-radius:50%;filter:drop-shadow(0 0 14px rgba(255,88,0,.25))}
.sh-orbit-a{width:540px;height:540px;left:-160px;top:-150px;border-width:3px;transform:rotate(-18deg)}
.sh-orbit-b{width:640px;height:640px;right:-270px;bottom:-360px;border-color:rgba(255,196,0,.12)}
.sh-light{position:absolute;border-radius:50%;filter:blur(70px);opacity:.28}
.sh-light-a{width:280px;height:280px;background:#ff3b00;left:34%;top:18%}
.sh-light-b{width:240px;height:240px;background:#ffb000;right:8%;top:20%}
.styllus-hero-inner{
    width:min(96vw,var(--sh-content-max));
    min-height:var(--sh-min-height);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(340px,1.08fr) minmax(260px,.72fr) minmax(330px,.92fr);
    gap:clamp(18px,2.4vw,46px);
    align-items:center;
    padding:calc(var(--sh-top-wave-height) + 22px) 20px 98px;
    position:relative;
    z-index:2;
}
.sh-brand{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.sh-logo{width:min(var(--sh-logo-width),100%);height:auto;display:block;filter:drop-shadow(0 16px 28px rgba(0,0,0,.46))}
.sh-slogan{font-size:clamp(22px,2vw,36px);font-weight:750;font-style:italic;line-height:1.05;margin-top:-6px;text-shadow:0 4px 18px rgba(0,0,0,.55)}
.sh-slogan:after{content:"";display:block;width:72%;height:4px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,var(--sh-primary),var(--sh-accent),transparent)}
.sh-location{text-transform:uppercase;letter-spacing:.23em;font-size:13px;font-weight:800;margin-top:17px;color:#f3f4f6}
.sh-live-button{display:inline-flex;align-items:center;gap:12px;margin-top:23px;padding:14px 18px 14px 16px;border-radius:999px;background:linear-gradient(100deg,#b80e00,var(--sh-primary),#ff7d00);color:#fff!important;text-decoration:none!important;font-weight:900;letter-spacing:.04em;box-shadow:0 12px 28px rgba(255,73,0,.25),inset 0 1px rgba(255,255,255,.25);transition:transform .25s ease,box-shadow .25s ease}
.sh-live-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,73,0,.35)}
.sh-headphones{width:34px;height:34px;border:2px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;font-size:18px}
.sh-button-arrow{width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.18);display:grid;place-items:center;font-size:25px;line-height:1;margin-left:4px}
.sh-center-art{position:relative;height:390px;display:grid;place-items:center;min-width:0}
.sh-eq{position:absolute;left:0;right:0;top:47%;height:110px;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.85;filter:drop-shadow(0 0 12px rgba(255,139,0,.45))}
.sh-eq span{width:5px;height:calc(14px + (var(--i) % 7) * 9px);border-radius:99px;background:linear-gradient(to top,#ff3000,var(--sh-primary),var(--sh-accent));animation:shEq 1.05s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -0.055s)}
@keyframes shEq{from{transform:scaleY(.45);opacity:.55}to{transform:scaleY(1.3);opacity:1}}
.sh-mic-wrap{position:relative;width:190px;height:330px;display:grid;place-items:center;z-index:2}
.sh-mic-glow{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(255,150,0,.35),rgba(255,65,0,.14) 42%,transparent 68%);filter:blur(8px);animation:shPulse 2.4s ease-in-out infinite}
@keyframes shPulse{50%{transform:scale(1.08);opacity:.72}}
.sh-mic{width:180px;height:300px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.58))}
.sh-mic-brand{position:absolute;top:117px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:1000;letter-spacing:.08em;color:#fff;text-shadow:0 2px 4px #000}
.sh-now-card{position:relative;max-width:420px;justify-self:end;width:100%;padding:26px 26px 24px;border-radius:28px;background:linear-gradient(145deg,rgba(58,13,8,.88),rgba(18,10,10,.78));border:1px solid rgba(255,116,0,.34);box-shadow:0 24px 58px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(13px);text-align:center;overflow:hidden}
.sh-now-card:before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:30px;background:linear-gradient(135deg,rgba(255,45,0,.32),transparent 34%,rgba(255,194,0,.19));filter:blur(5px)}
.sh-now-badge{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--sh-accent);font-weight:1000;letter-spacing:.12em;font-size:14px;margin-bottom:17px}
.sh-live-dot{width:11px;height:11px;border-radius:50%;background:#ff1f1f;box-shadow:0 0 0 5px rgba(255,31,31,.10),0 0 15px rgba(255,31,31,.9);animation:shLive 1.2s ease-in-out infinite}
@keyframes shLive{50%{opacity:.45;transform:scale(.82)}}
.sh-avatar-ring{width:154px;height:154px;border-radius:50%;margin:0 auto 13px;padding:5px;background:conic-gradient(from 40deg,var(--sh-accent),var(--sh-primary),#f20d00,var(--sh-accent));box-shadow:0 0 28px rgba(255,108,0,.32);animation:shRing 8s linear infinite}
@keyframes shRing{to{filter:hue-rotate(18deg)}}
.sh-avatar-ring img,.sh-avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;background:radial-gradient(circle at 35% 30%,#4b5563,#111827 62%,#07090e);border:4px solid #1b0f0b}
.sh-avatar-placeholder{display:grid;place-items:center;font-size:58px}
.sh-day{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#fbbf24;font-weight:800;margin-bottom:4px}
.sh-program{margin:0;color:#fff;font-size:clamp(24px,2vw,34px);line-height:1.05;font-weight:950;text-shadow:0 5px 20px rgba(0,0,0,.48)}
.sh-host{margin-top:10px;color:#d1d5db;font-size:15px}.sh-host strong{color:#fff}
.sh-time{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--sh-accent);font-weight:900;font-size:17px}
.sh-source{margin-top:10px;font-size:10px;letter-spacing:.05em;color:#9ca3af;opacity:.68}
.sh-next-strip{position:absolute;left:0;right:0;bottom:calc(var(--sh-bottom-transition-height) + 48px);z-index:4;pointer-events:none}
.sh-next-inner{pointer-events:auto;width:min(92vw,930px);min-height:58px;margin:0 auto;border-radius:999px;background:rgba(8,8,9,.82);border:1px solid rgba(255,255,255,.10);box-shadow:0 14px 36px rgba(0,0,0,.32);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;font-size:14px;flex-wrap:wrap}
.sh-next-icon{color:var(--sh-accent);font-size:18px}.sh-next-label{color:#d1d5db}.sh-next-inner strong{color:var(--sh-accent);font-size:16px}.sh-next-dot{color:#6b7280}
.sh-top-wave{background:transparent!important;position:absolute;left:0;right:0;top:-1px;width:100%;height:var(--sh-top-wave-height);z-index:4;display:block;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(255,77,0,.22))}
.sh-bottom-wave{background:transparent!important;position:absolute;left:0;right:0;bottom:var(--sh-bottom-transition-height);width:100%;height:62px;z-index:3;display:block}
.sh-bottom-transition{height:var(--sh-bottom-transition-height);position:relative;z-index:1;background:radial-gradient(circle at 50% -40%,rgba(255,123,0,.18),transparent 55%),linear-gradient(180deg,rgba(10,8,8,.98),rgba(5,6,9,1));border-top:1px solid rgba(255,120,0,.12);box-shadow:inset 0 18px 36px rgba(255,72,0,.05)}
@media(max-width:1120px){
    .styllus-hero-inner{grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);padding-bottom:112px}.sh-center-art{display:none}.sh-now-card{justify-self:end}
}
@media(max-width:760px){
    .styllus-hero-inner{width:100%;grid-template-columns:1fr;gap:26px;padding:calc(var(--sh-top-wave-height) + 18px) 18px 148px;min-height:auto}.sh-brand{align-items:center;text-align:center}.sh-logo{width:min(var(--sh-logo-width),88vw)}.sh-slogan{font-size:24px}.sh-slogan:after{margin-left:auto;margin-right:auto}.sh-location{letter-spacing:.15em}.sh-now-card{justify-self:center;max-width:500px}.sh-next-strip{bottom:calc(var(--sh-bottom-transition-height) + 55px)}.sh-next-inner{width:92vw;border-radius:24px;line-height:1.2}.sh-top-wave{height:min(var(--sh-top-wave-height),82px)}.sh-bottom-wave{height:48px}
}
@media(max-width:430px){
    .sh-now-card{padding:22px 18px}.sh-avatar-ring{width:132px;height:132px}.sh-program{font-size:26px}.sh-next-inner{font-size:12px;gap:7px}.sh-next-inner strong{font-size:14px}.sh-live-button{padding:12px 14px}.sh-source{display:none}
}
@media(prefers-reduced-motion:reduce){.sh-eq span,.sh-live-dot,.sh-mic-glow,.sh-avatar-ring{animation:none!important}}
