.event-hero{
  padding: 52px 0 18px;
}
.event-hero .wrap{
  padding: 22px;
}
.event-hero h1{
  margin: 0 0 8px;
  font-size: clamp(28px, 3vw, 44px);
  letter-spacing: -0.03em;
}
.event-hero p{
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
  max-width: 72ch;
}
.event-body{
  padding: 0 0 64px;
}
.event-body .grid{
  grid-template-columns: 1.2fr .8fr;
  align-items: start;
}
.panel{
  padding: 18px;
}
.panel h3{ margin:0 0 10px; }
.panel ul{ margin:0; padding-left: 18px; color: var(--muted); line-height: 1.8; }
.panel a{ text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 980px){
  .event-body .grid{ grid-template-columns: 1fr; }
}