.broadcast-hero { background: #062c22; color: #fff; }
.broadcast-hero__art { position: relative; display: block; max-width: 1440px; margin: 0 auto; }
.broadcast-hero__art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.48) 55%, rgba(0, 0, 0, 0.16)); pointer-events: none; }
.broadcast-hero__art img { display: block; width: 100%; height: auto; }
.broadcast-hero__info { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1200px; margin: 0 auto; padding: 28px 24px; }
.broadcast-hero__live { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border: 1px solid #fda4af; border-radius: 30px; background: #9f1239; color: #fff; font: 700 12px/1.5 Poppins, sans-serif; }
.broadcast-hero__live::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #fff; }
.broadcast-hero .broadcast-hero__info h1 { margin: 10px 0 6px; color: #fff; font: 800 clamp(24px, 4vw, 36px)/1.2 Poppins, sans-serif; }
.broadcast-hero .broadcast-hero__info p { margin: 0; color: #d1fae5; font: 400 16px/1.6 Poppins, sans-serif; }
.broadcast-hero__button { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 12px; padding: 16px 24px; border-radius: 8px; background: #fde047; color: #142b20; font: 700 15px/1.4 Poppins, sans-serif; text-decoration: none; }
.broadcast-hero__button:hover, .broadcast-hero__button:focus { background: #fef08a; color: #142b20; text-decoration: none; }
.broadcast-hero a:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
@media (max-width: 767px) {
    .broadcast-hero__info { flex-direction: column; align-items: stretch; gap: 20px; padding: 22px 20px; }
}