.event-card{
  display:grid; grid-template-columns:1fr; gap:1.2rem; margin-top:1.5rem; background:#fff;
  border-radius:16px; box-shadow:var(--shadow); border:2px solid var(--border); overflow:hidden
}
.event-card__media{min-height:220px; background:url('../img/hero.jpg') center/cover no-repeat; position:relative}
.event-card__body{padding:1.1rem 1.2rem 1.6rem}
.event-card__title{margin:0 0 .35rem; color:var(--brand); font-size:1.5rem}
.event-card__meta{margin:0 0 .6rem; color:var(--muted)}
.event-card__actions{display:flex; gap:.6rem; flex-wrap:wrap}
@media (min-width:800px){
  .event-card{grid-template-columns:1.15fr 1.6fr}
  .event-card__media{min-height:100%}
}