.events-culture-page{display:grid;gap:14px}
.events-box{background:var(--surface);border:1px solid color-mix(in oklab,var(--text) 8%,transparent);border-radius:14px;padding:16px}
.events-box--hero .lead{max-width:760px;margin:10px 0 0}
.events-grid{display:grid;gap:14px}
.events-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
.events-grid-overview{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.event-card{display:flex;flex-direction:column;gap:10px;border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:14px;background:color-mix(in oklab,var(--bg) 78%,var(--surface));padding:16px;box-shadow:var(--shadow-2)}
.event-card--featured,.event-card--compact{overflow:hidden}
.event-card--is-highlight{border-color:color-mix(in oklab,var(--accent) 24%,var(--text) 10%)}
.event-card h3{margin:0;font-size:20px;line-height:1.25}
.event-card--compact h3{font-size:18px}
.event-card__media,.event-media{margin:-16px -16px 2px;border-radius:14px 14px 10px 10px;overflow:hidden;background:color-mix(in oklab,var(--surface) 88%,var(--bg));border-bottom:1px solid color-mix(in oklab,var(--text) 8%,transparent);aspect-ratio:16/9}
.event-card__media--compact{aspect-ratio:16/10}
.event-media{margin:0 0 18px;border-radius:14px;border:1px solid color-mix(in oklab,var(--text) 8%,transparent)}
.event-card__media img,.event-media img{display:block;width:100%;height:100%;object-fit:cover}
.event-card__media--visual img,.event-media--visual img{object-fit:contain;padding:10px;background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 88%,var(--bg)),color-mix(in oklab,var(--surface-2) 88%,var(--bg)))}
.event-card__badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.event-chip,.event-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1}
.event-chip{background:color-mix(in oklab,var(--accent) 10%,var(--bg));color:var(--text)}
.event-badge--highlight{background:color-mix(in oklab,var(--accent) 18%,var(--bg));color:var(--text);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}
.event-card__date{margin:0;font-size:15px;line-height:1.45;font-weight:700;color:var(--text)}
.event-card__meta{margin:0;color:var(--muted);font-size:14px}
.event-card__text{margin:0;color:var(--text);font-size:15px;line-height:1.5;flex:1}
.event-card--compact .event-card__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.event-card__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.typical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.typical-card,.event-detail-card{border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:14px;padding:16px;background:color-mix(in oklab,var(--bg) 76%,var(--surface))}
.typical-card h3,.event-detail-card h2{margin:0 0 8px;font-size:18px}
.typical-card p,.event-detail-card p{margin:0;color:var(--text);line-height:1.55}
.events-box--auditori p,.events-box--cleo p,.events-box--calendar-cta p{margin:0 0 12px;color:var(--text);max-width:760px;line-height:1.55}
.event-detail-shell .lead{margin:10px 0 0;max-width:760px}
.event-detail-eyebrow{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.event-note{margin:10px 0 0;color:var(--accent);font-weight:600}
.event-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.event-meta-item{border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:12px;padding:12px;background:color-mix(in oklab,var(--bg) 82%,var(--surface))}
.event-meta-item span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.event-meta-item strong{display:block;font-size:15px;line-height:1.4}
.event-detail-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.tips-list{margin:0;padding-left:18px;display:grid;gap:8px}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media (max-width:920px){
  .events-grid-featured{grid-template-columns:1fr}
  .events-grid-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .typical-grid,.event-detail-columns,.event-meta-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .events-box{padding:14px}
  .events-grid-overview{grid-template-columns:1fr}
  .event-card h3{font-size:18px}
  .event-card--compact .event-card__text{-webkit-line-clamp:4}
  .detail-actions .btn{width:100%;justify-content:center}
}