
.live-hero{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:var(--s-6) 56px;align-items:center;margin:0 0 var(--s-7)}
body .live-hero h1{margin-top:0}   
.live-hero .go__lead{max-width:30em}
.live-hero__media{position:relative;margin:0}
.live-hero__photo{display:block;aspect-ratio:1;border-radius:var(--r-card);overflow:hidden;background:var(--blue-wash)}
.live-hero__photo img{display:block;width:100%;height:100%;object-fit:cover}
.live-hero__badge{position:absolute;left:-32px;top:50%;width:64px;height:64px;margin-top:-32px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 3px var(--coral),0 6px 16px rgba(15,23,42,.12);display:grid;place-items:center;color:var(--ink)}
.live-hero__badge svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.live-hero__badge::after{content:"";position:absolute;inset:-3px;border-radius:50%;box-shadow:0 0 0 2px var(--coral);opacity:0;animation:live-ring 2.4s ease-out infinite}
@keyframes live-ring{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.35);opacity:0}}
.live-hero__note{margin:var(--s-2) 0 0;font-size:var(--fs-micro);line-height:16px;color:var(--muted)}

.ev__head{display:flex;align-items:center;gap:10px;margin-bottom:var(--s-1)}
.ev__head .ev__time{margin:0}
.ev__icon{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--ev) 12%,#fff);color:var(--ev)}
.ev__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ev__cover{background:color-mix(in srgb,var(--ev) 10%,#fff)}

.ev__next{display:inline-flex;align-items:center;gap:8px;margin:0 0 var(--s-2);font-size:var(--fs-micro);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.ev__dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ev)}
.ev__dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ev);animation:live-dot 1.8s ease-out infinite}
@keyframes live-dot{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.6);opacity:0}}
.ev--next .ev__title{font-size:var(--fs-h2);line-height:1.25}
@media (prefers-reduced-motion:reduce){.live-hero__badge::after,.ev__dot::after{animation:none}}
@media (max-width:760px){
  .live-hero{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
  .live-hero__media{width:min(240px,calc(100% - 32px));margin-left:32px}
}
