.events-upgrade{
  display:grid;
  gap:18px;
}
.events-hero-upgrade{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);
  gap:24px;
  align-items:center;
}
.events-hero-copy{
  display:grid;
  gap:12px;
}
.events-hero-copy .page-intro__title,
.events-hero-copy .page-intro__lead{
  margin:0;
}
.events-hero-media{
  display:block;
  overflow:hidden;
  min-height:280px;
  border-radius:18px;
  background:var(--surface-2);
  box-shadow:0 20px 48px rgba(15,23,42,.14);
}
.events-hero-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:280px;
  object-fit:cover;
}
.events-quick-card,
.events-cleo-card,
.events-info-card,
.events-related-section{
  background:var(--surface);
  border:1px solid color-mix(in oklab, var(--text) 8%, transparent);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(15,23,42,.07);
}
.events-quick-card{
  padding:18px;
}
.events-quick-card h2,
.events-info-card h2,
.events-related-section h2{
  margin:0 0 12px;
  font-size:clamp(1.05rem, 1rem + .35vw, 1.28rem);
}
.events-premium-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
}
.events-quick-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.events-quick-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:10px 14px;
  border-radius:999px;
  color:var(--text);
  text-decoration:none;
  background:color-mix(in oklab, var(--accent) 8%, var(--surface));
  border:1px solid color-mix(in oklab, var(--accent) 22%, transparent);
  font-weight:720;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.events-quick-chip:hover{
  text-decoration:none;
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(15,23,42,.11);
  background:color-mix(in oklab, var(--accent) 12%, var(--surface));
}
.events-category-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
}
.events-category-card{
  position:relative;
  display:grid;
  align-content:start;
  min-height:218px;
  overflow:hidden;
  padding:0;
  color:inherit;
  text-decoration:none;
  background:var(--surface);
  border:1px solid color-mix(in oklab, var(--text) 8%, transparent);
  border-radius:16px;
  box-shadow:0 8px 22px rgba(15,23,42,.07);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.events-category-card:hover{
  text-decoration:none;
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(15,23,42,.12);
  border-color:color-mix(in oklab, var(--accent) 24%, transparent);
}
.events-card-media{
  height:82px;
  background-position:center;
  background-size:cover;
  position:relative;
}
.events-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.06), color-mix(in oklab, var(--surface) 88%, transparent));
}
.events-card-body{
  display:grid;
  gap:8px;
  padding:18px;
}
.events-card-title{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  font-size:1.02rem;
}
.events-card-body p{
  margin:0;
  color:var(--muted);
}
.events-cleo-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:16px;
  align-items:center;
  padding:18px;
}
.events-cleo-card h2{
  margin:0 0 6px;
  font-size:1.18rem;
}
.events-cleo-card p{
  margin:0;
  color:var(--muted);
}
.events-cleo-copy{
  display:grid;
  gap:10px;
}
.events-cleo-media{
  overflow:hidden;
  border-radius:14px;
  background:var(--surface-2);
}
.events-cleo-media img{
  display:block;
  width:100%;
  height:148px;
  object-fit:cover;
}
.events-info-card{
  padding:18px;
}
.events-info-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.events-info-item,
.events-related-card{
  display:grid;
  gap:8px;
  padding:14px;
  border:1px solid color-mix(in oklab, var(--text) 8%, transparent);
  border-radius:14px;
  background:color-mix(in oklab, var(--bg) 80%, var(--surface));
}
.events-info-item strong,
.events-related-card strong{
  display:flex;
  align-items:center;
  gap:8px;
}
.events-info-item p,
.events-info-note{
  margin:0;
  color:var(--muted);
}
.events-info-note{
  margin-top:12px;
}
.events-related-section{
  padding:18px;
}
.events-related-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.events-related-card{
  color:inherit;
  text-decoration:none;
}
.events-related-card:hover{
  text-decoration:none;
  transform:translateY(-2px);
}
@media (max-width:900px){
  .events-hero-upgrade,
  .events-cleo-card{
    grid-template-columns:1fr;
  }
  .events-info-list,
  .events-related-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:560px){
  .events-hero-media,
  .events-hero-media img{
    min-height:220px;
  }
  .events-info-list,
  .events-related-grid{
    grid-template-columns:1fr;
  }
  .events-quick-chip{
    width:100%;
  }
}
